35 CSS-Lifesavers For Efficient Web Design | CSS | Smashing Magazine

Description

CSS-design is not easy. We need to find workaround across browser inconsistencies, not that easy CSS-concepts and quite counterintuitive CSS-solutions. However, there are effective and useful CSS-tools and Smashing Magazine reviewed many of them in our previous posts. Now it’s time to present you with some fresh (or not mentioned earlier) tools that can assist designers in their work.

Today, we will look at 35 new and useful CSS tools, generators and resources that can significantly improve your workflow and reduce your time efforts for CSS-coding. Whether you’re writing, compiling, refining or experimenting with CSS code – or all of the above – these tools can help you get the job done faster and better than ever before.

You may want to take a look at the following related articles:

50 Extremely Useful And Powerful CSS Tools

Powerful CSS-Techniques For Effective Coding

53 CSS Techniques You Couldn’t Live Without

Extend CSS with advanced selectors, variables etc.

Less CSS

Say goodbye to bloated CSS code with LESS. LESS uses existing CSS syntax to extend the capabilites of CSS while compiling lean code.

Sizzle

A pure-JavaScript CSS selector engine designed to be easily dropped in to a host library. Includes CSS 3 Selector support, escaped selector support #id\:value, :contains(text), :not :not(a#id), :not :not(div,p), not attribute value [name!=value], position selectors :first, :last, :even, :odd, :gt, :lt, :eq, easy Form selectors :input, :text, :checkbox, :file, :password, :submit, :image, :reset, :button and more.

Haml

When it comes to templating languages for Ruby, Haml is our pick of the litter. Haml was built on the primary principle that markup should be beautiful. Its creators say you should give yourself 20 minutes to sit down and concentrate and you can learn Haml. After learning Haml, your templates will be fast, beautiful and ready to use on any ...

Original URL

http://www.smashingmagazine.com/2009/06/25/35-css-lifesavers-for-efficient-web-design/

http://www.smashingmagazine.com/2009/06/25/35-css-lifesavers-for-efficient-web-design/