background preloader

CSS3

Facebook Twitter

CSS Table Generator | CSS Table. CoffeeScript. Sass - Syntactically Awesome Stylesheets. CSS3 Generator - By Peter Funk & Eric Hoffman. Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed. Which wouldn’t be useful anyway as IE8 doesn’t support much CSS3 ;) Test the prefixing that -prefix-free would do for this browser, by writing some CSS below: Properties/values etc that already have a prefix won’t be altered.

It’s not ideal, but it’s a solution, until a more intuitive way to deal with these cases is added in -prefix-free. Firefox (and IE?) Get the jQuery plugin now: CSS3 PIE: CSS3 decorations for IE. Normalize.css: Make browsers render all elements more consistently. Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8.