你一定要知道的9种Web CSS工具

CSS Sprite Generator

CSS Sprite is extremely useful to reduce the amounts of HTTP requests, however, creating them can be pretty painful process. Check this online generator, if you have images ready, this tools can generate the CSS sprite and also the CSS code on the fly.

Conditional CSS

This is a pretty cool approach that it allows you to put logic in your CSS stylesheet. You can set different conditions for different browsers by using If… else… statement and browser detection. The main objective of Conditional-CSS is to overcome CSS rendering bugs in a wide range of browsers, ensuring as many visitors as possible see your site’s design correctly.

Em Chart

A pretty straight forward tool that help you to convert px to em.

CSS Formatter and Optimiser

There are heaps of CSS optimisers out there and this is the one I use because the interface is least cluttered. You can use it to format CSS stylesheet and also optimize your CSS stylesheet with different kinds of configurations

CSS Typeset

A small but extremely useful tool to style your text. It has a pretty easy to use user interface such as slider to adjust the line height, letter spacing and word spacing.

Modernizr

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

CSS Desk

Want to do a quick CSS experiment? Try CSS desk, pretty handy tool to test out some CSS codes

Primer CSS

Primercss is a really handy and useful tools. Primer undercoats your CSS by pulling out all of your classes and id’s and placing them into a starter stylesheet. You need to try this because this tool has really helped me to save a lot of times .

Font tester

Not sure which font to use or what styles look better in your website? Use this font comparison tool to help you. It also has a character map which I think pretty useful to look for html entities code.