Published in

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.

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:

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.

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.

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

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

List-based CSS navigation creation made easier.

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

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.