There are a number of free online tools that can help you to create and maintain effective CSS coding. These tools include validators, optimizers, compressors and more. Try out a few of these tools and see how they can help you to keep more efficient style sheets.
CSS Tidy is an open source CSS parser and optimizer from SourceForge [1]. It is available as an executable file, and there is also an online version [2]. CSS Tidy is often able to achieve a compression ration of 30% or more. In addition to compression, CSS Tidy can also format CSS code for higher browser compatibility.
[3]
Clean CSS [4] is another simple online tool that gives you a few options for formatting and optimizing CSS. Clean CSS gives you easy control over how much you want it to do. It is also available in German [5] and French [6].
[7]
Insert the URL of your style sheet and CSSCheck [8] will quickly run a report that gives you some feedback on the code. It will give warnings for items that may cause problems.
[9]
The CSS Analyzer [10] from Juicy Studio allows you to validate your CSS code, and it also tests the color contrasts and the units of measurement. Just enter the URL of your style sheet and it will produce the report.
[11]
CSS Optimizer [12] is another tool for reducing the file size of style sheets. Unlike some of the other tools, it offers the option to upload a file from your computer in addition to the option of entering a URL.
[13]
The CSS Optimizer [14] from Flumpcakes gives you several options and provides the save features as many of the other optimizers on this list.
[15]
CSS Drive provides a CSS Compressor [16] with options for “Light”, “Normal”, or “Super Compact.” You simply paste your code into the page and it does the work.
[17]
CSS Superdouche [18] offers less features and options than some of the other tools, but it still functions essentially the same. It works to reduce the size and complexity of the file by eliminating unnecessary elements and organizing the file.
[19]
Another option for compressing your CSS files, the Robson CSS Compressor [20] offers many of the same features as the other choices listed here, but it is still in development, so “it may not work correctly.”
[21]
The W3C offers a validator for CSS files [22]. Simply enter the URL and see how your style sheet does.
[23]
Links:
[1] http://csstidy.sourceforge.net/
[2] http://floele.flyspray.org/csstidy//css_optimiser.php
[3] http://csstidy.sourceforge.net/
[4] http://www.cleancss.com/
[5] http://www.cleancss.com/?lang=de
[6] http://www.cleancss.com/?lang=fr
[7] http://www.cleancss.com/
[8] http://www.htmlhelp.com/tools/csscheck/
[9] http://www.htmlhelp.com/tools/csscheck/
[10] http://juicystudio.com/services/csstest.php
[11] http://juicystudio.com/services/csstest.php
[12] http://www.cssoptimiser.com/
[13] http://www.cssoptimiser.com/
[14] http://flumpcakes.co.uk/css/optimiser/
[15] http://flumpcakes.co.uk/css/optimiser/
[16] http://www.cssdrive.com/index.php/main/csscompressor/
[17] http://www.cssdrive.com/index.php/main/csscompressor/
[18] http://isnoop.net/tools/css.php
[19] http://isnoop.net/tools/css.php
[20] http://iceyboard.no-ip.org/projects/css_compressor
[21] http://iceyboard.no-ip.org/projects/css_compressor
[22] http://jigsaw.w3.org/css-validator/
[23] http://jigsaw.w3.org/css-validator/
[24] http://www.lotterypost.com/css-compress.asp
[25] http://www.ibloomstudios.com/articles/php_css_compressor/
[26] http://www.blumentals.net/csstool/
[27] http://www.phpinsider.com/compress_css.php
[28] http://mabblog.com/cssoptimizer/
[29] http://www.codebeautifier.com/
[30] http://www.i-marco.nl/weblog/archive/2007/05/31/wpcssstreamliner_css_optimizat
[31] http://www.cssdev.com/csstweak/
[32] http://www.lonniebest.com/FormatCSS/
[33] http://www.cssportal.com/generators/optimize.htm
[34] https://addons.mozilla.org/en-US/firefox/addon/2289
[35] http://www.cssvalidator.com/
[36] http://xhtml-css.com/
[37] http://vandelaydesign.com/blog/css/clean-css-code/