carmel hassan

CSS3 Tools

Digging into web and gathering recommendations, I’ve created this post with a set of tools for CSS themer who wants to develop with the latest version of cascade style sheets CSS3.

Hope you find them useful, too.

Modernizr

Open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

Selectivzr

JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

CSS3.Me and CSS Generator

CSS3 Generator helper tools.

CSS Template layout mode

This specification is part of level 3 of CSS (“CSS3”) and contains features to describe layouts at a high level, meant for tasks such as the positioning and alignment of “widgets” in a graphical user interface or the layout grid for a page or a window, in particular when the desired visual order is different from the order of the elements in the source document.

Font Dragr

A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

Compass and Sass.

Compass is an open-source framework that uses Sass.:an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.

CSS3 Cheat Sheet.

A complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification.