Best Tools to Make Easy CSS3 Development

Might I also suggest nib, and excellent set of Stylus extensions for working with CSS3. One of the most useful features is image inlining, especially for gradients. While they end up being a fixed size, they also work crossbrowser (at least with any browser that supports data URIs).<p><a href="http://visionmedia.github.com/nib/" rel="nofollow">http://visionmedia.github.com/nib/</a> <a href="http://learnboost.github.com/stylus/" rel="nofollow">http://learnboost.github.com/stylus/</a><p>All the examples show how to integrate it within your Node project, but you can just as easily use it from the command like with the `u` flag.<p><pre><code> stylus -u nib &#60;file&#62;</code></pre>

I'll just drop a little tool I put together here some time ago: <a href="http://ippa.se/base64-image-encoder/" rel="nofollow">http://ippa.se/base64-image-encoder/</a>

Less CSS is a great tool regardless of how you initially craft the CSS because it allows you to express the CSS in a more readable and maintainable way. You can abstract away the various cross-browser complexities and concentrate on what you are doing.

Good list, though I prefer colorzilla for Gradients: <a href="http://www.colorzilla.com/gradient-editor/" rel="nofollow">http://www.colorzilla.com/gradient-editor/</a>