Working on a website’s CSS is quite an enjoyable job. However some of the tasks aren’t always fun. This is why tons of cool CSS tools were created, to make your life easier and keep web designers’ work barable.

1. Primer CSS

Just paste some HTML in the box and Primer will pull all classes and IDs to get you started with your stylesheet.

2. Automatic CSS inliner

You can use this tool to design your next email campaign and automatically turn all your local styles into inline CSS:

3. CSS sprites generator

The easy way to generate CSS sprites online.

4. Moo color finder

Retrieve any website color from CSS files. The cool part? It now even produces Photoshop color palette files.

5. MinifyMe

This nice Adobe Air application combines and minimizes CSS files.

6. Variable Grid System

Quickly generate a CSS grid for your web designs, based on the 960 grid system.

7. CSS Typeset

For CSS newbies, this website lets you enter text and configure it visually, then gives you the CSS.

8. Modernizr

Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.

9. List-o-matic

List-based CSS navigation creation made easier.

10. CSS layout generator

The website doesn’t look very good, but it’s a really useful tool to create multi-columns CSS layouts.

11. CSS text wrapper

Make your HTML text wrap in other shapes than just boxes.

12. Dust-me selectors

Cool Firefox add-on to check if some selectors are unused, the good thing is that it goes further than just checking one page.

About the Author

author photo

Mirko Humbert

Mirko Humbert is the editor-in-chief and main author of Designer Daily and Typography Daily. He is also a graphic designer and the founder of WP Expert.