With the rise of the CSS3 , we're seeing more & more tutorials + websites everyday that help us to use it. After the CSS3, Please! , which was shared at appzombie few days ago, Randy Jensen has created a very easy to use website for creating CSS3 rules named CSS3 Generator .
CSS3, Please! is a web-based & simple-yet-effective cross-browser CSS3 rules generator . As every browser may require different prefixes for the CSS3 properties, this tool makes it so easy by providing them all with an editable & well-commented way where the output can be seen instantly
Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3 . There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes. The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js ).
Less Framework is a lightweight CSS framework for building flexible multi-column website layouts . It contains an eight-column grid optimized for a line-height of 24px & a set of typography presets based on the golden ratio which is parallel to the grid’s vertical rhythm. Web pages created with the framework collapse smartly into a single column in modern browsers & on small screens
EZ-CSS is a lightweight (only 1kb) CSS framework for easily creating table-less layouts. The framework enables you to create multiple columns of any width, with or without gutters of any width. EZ-CSS is very flexible: each module or layout contains a width-less container which prevents rounding issues or rounding errors
52framework is a CSS framework which aims to provide an easy way to build websites using HTML5 & CSS3 while still supporting all modern browsers (including ie6). It uses HTML5 tags like header, nav, section, article, footer or new input field types like url, email, etc
Markercss is a complete CSS framework for creating website layouts quickly. It comes with a set of stylesheets: layout, borders, backgrounds, links, forms, text, colors & tables which makes it possible to use only what is needed. The framework has a combination of references like adding a w10 class (10-1000 is defined) will make an element 10px or p5 (5-50 is defined) will add a 5px padding.
Many websites use various objects to create a 3D perception, an illusion of depth. Ribbons are probably one of the most popular ones. PV.M Garage , a blog focused on web design, is sharing an inspiring tutorial which shows " how to create 3D ribbons with only CSS3 ".
ie-css3.js is a project by Keith Clark which enables Internet Explorer to identify CSS3 pseudo selectors & render any such styles. Including 2 JS files ( DOMAssistant is required too) into your web pages & inserting CSS files with the <link> tag (inline styles are not supported) will make the rules work. How does it work?
PrimerCSS is a very simple & free web application that enables anyone to paste HTML and get a starter stylesheet automatically .
