20 Popular CSS Online Tools and Generators

* This post is regularly updated. *
Well, a new list of popular CSS online tools and generators is launched today. All these tools are selected due to the design and popularity. And there are some tools are out of the list as the poor site design or similarity. The list is separated with “CSS Formatter and Optimizer”, “CSS Layout and Menu Generator” and “Miscellaneous Tools”. Say your words via comment and let me know your thoughts.

CSS Formatter and Optimizer

http://www.codebeautifier.com/

http://www.cleancss.com/

http://www.cssdrive.com/index.php/main/csscompressor/ – a online CSS compressor, powered by CSS Drive.

http://iceyboard.no-ip.org/projects/css_compressor – another CSS compressor.

http://www.cssoptimiser.com/

http://flumpcakes.co.uk/css/optimiser/

http://www.prettyprinter.de/

CSS Layout and Menu Generator

http://csscreator.com/?q=tools/layout – online CSS layout generator for you to create a fluid or fixed width floated column layout.

http://www.inknoise.com/experimental/layoutomatic.php – Layout-o-Matic automatically generates CSS layouts.

http://www.wannabegirl.org/firdamatic/ – an online tableless layout generator that allows you to create and customise layouts easily.

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php – CSS source ordered variable Border 1-3 columned page maker.

http://www.qrone.org/cssdesigner.html – online CSS style generator.

http://www.scriptomizers.com/css/stylesheet_generator – a CSS stylesheet generator.

http://www.colly.com/scripts/rollover.html – CSS rollover generator.

http://www.webmaster-toolkit.com/css-menu-generator.shtml – CSS menu generator.

http://www.listulike.com/generator/ – create cross-browser list-based navigation bars.

Miscellaneous Tools

http://www.roundedcornr.com/ – the king of online rounded corners generators with gradient.

http://www.theboxoffice.be/ – lets you wrap/float/contour text around freeform images using CSS.

http://riddle.pl/emcalc/ – estimates Em size equivalent to px size.

http://www.css-ref.com/ – test your CSS code.

*Updates

http://services.immike.net/css-checker/ – find CSS selectors that aren’t used by any of your HTML files and may be redundant.

* Updates

http://www.cssfly.net/ – easy source code viewer and editing websites directly.

Topics: CSS, Design, Rounded Corners, Web Development