Info - CMS Joomla

How to get Cross Browser Compatibility Every Time

11.05.09

Here is a quick summary for those of you who don’t want to read the whole article:
1. Always use strict doctype and standards-compliant HTML/CSS
2. Always use a reset at the start of your css
3. Use opacity:0.99 on text elements to clean up rendering in Safari
4. Never resize images in the CSS or HTML
5. Check font rendering in every browser. Don’t use Lucida
6. Size text as a % in the body, and as em’s throughout
7. All layout divs that are floated should include display:inline and overflow:hidden
8. Containers should have overflow:auto and trigger hasLayout via a width or height
9. Don’t use any fancy CSS3 selectors
10. Don’t use transparent PNG’s unless you have loaded the alpha









Source

CSS background image hacks

21.01.11

Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.


Source

cssHooks in jQuery 1.4.3

15.12.10

cssHooks allow you to “hook†in to how jQuery gets and sets css properties. This means that you could create a cssHook to help normalize differences between browsers, or to add some missing functionality from the stock jQuery.fn.css().


Source

Coding a Rotating Image Slideshow: CSS3 and jQuery

03.12.10

Pretty use of jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.


Source

Pure CSS 3 Progress Bar

03.12.10

As the new features introduced in CSS3 allows developers to create stunning visual effects, create easily a fancy progress bar using CSS3 and jQuery, but no Flash or even images.


Source

Create Amazing CSS3 Animations : Sencha Animator

12.11.10

A powerful desktop application to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. Sencha Animator allows you to create amazing CSS3 animations with ease. Desktop application for Windows, Mac and Linux.

Source