23 Resources for Clean and Compressed CSS

If you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit.

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. It is available as an executable file, and there is also an online version. 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.

CSS Tidy Screen Shot


Clean CSS 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 and French.

Clean CSS Screen Shot


Insert the URL of your style sheet and CSSCheck will quickly run a report that gives you some feedback on the code. It will give warnings for items that may cause problems.

CSSCheck Screen Shot


The CSS Analyzer 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.

CSS Analyzer Screen Shot


CSS Optimizer 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.

CSS Optimizer Screen Shot


The CSS Optimizer from Flumpcakes gives you several options and provides the save features as many of the other optimizers on this list.

Flumpcakes Screen Shot


CSS Drive provides a CSS Compressor with options for “Light”, “Normal”, or “Super Compact.” You simply paste your code into the page and it does the work.

CSS Drive Screen Shot


CSS Superdouche 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.

CSS Superdouche Screen Shot


Another option for compressing your CSS files, the Robson CSS Compressor offers many of the same features as the other choices listed here, but it is still in development, so “it may not work correctly.”

Robson CSS Compressor


The W3C offers a validator for CSS files. Simply enter the URL and see how your style sheet does.

W3C Validator Screen Shot

Other Choices:

For more resources please see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

48 Responses

Comments are now closed on this post.

  • Flipke, October 30, 2012

    May I present you ProCssor ?


    It has great options and turns the CSS into highly readable code.

  • Isuranga, June 30, 2011

    Great Post and I’m interested it. Because I’m studying CSS deeply… thanks again.

  • Christian Mungle, May 19, 2011

    Do you mind if I quote a few of your articles as long as I provide credit and sources back to your blog? My blog site is in the very same area of interest as yours and my users would genuinely benefit from some of the information you present here. Please let me know if this ok with you. Regards!

    • Vandelay Website Design, May 19, 2011

      Hi Christian,
      Articles cannot be republished, but excerpts or brief quotes (1 – 2 paragraphs) can.

  • ekoder, February 21, 2011

    There is one more tool for js compression http://www.webrankstats.com/tools/javascript-compressor/
    and for css compression http://www.webrankstats.com/tools/css-compressor/

  • Echo freelance, April 9, 2010

    I like this blog so much. It`s really helping.

  • Vorona7001, March 29, 2010

    CSS analyzer – apeared very helpfull. Others also quite interesting but the fist one is the best for me.

  • Enver, October 21, 2009

    Great article. some really useful resources

  • seo marketing, October 2, 2009

    thanks css is my weak point ans needs help

  • recording studio, August 17, 2009

    this was a great help thanks

  • VB Reader, August 16, 2009

    It seems i have to continuously check this blog to learn about css tools. very coll and informative.

  • Jon, July 2, 2009

    CSS rounded corner generator, modeled after Google’s rounded corners: http://svidgen.com/rcg.php

  • Hans, March 2, 2009

    Here I add two additional ones.
    – CSS compressor, find and remove unsed class and ID
    – CSS formatter

  • masterza, September 23, 2008

    I am ecstatic! reading and checking files CSS is the thing.

  • christea, September 21, 2008

    I have tested CSS&JSS:
    ( http://taat.pl/en/cssjss/ )
    It’s very easy to use and the compression is impressing.

  • Burak Önal, July 25, 2008

    Thanks for sharing these, the list looks great!

  • PraP, May 26, 2008

    Nice one n thanks sharing this URLS.

  • Jonathan Franzone, February 8, 2008

    Great links! Thanks for posting this list. I’m not a CSS master (yet) and so I often need a lot of help when doing web page layout. I also usually end up with a lot of CSS clutter.

  • Rob, January 30, 2008

    Very nice article. I wrote an article on compressing CSS, but you have gone further with a decent list of automation CSS shrinking apps.

  • blacque, January 29, 2008

    great resource! i’ll try some later :)

  • Vandelay Design, January 29, 2008

    Thanks for leaving the additional resource. I forgot about that one. I’ve never personally used it, but I should check it out.

    Thanks for the correction, I edited the post.

    I hope it helps.

  • Madhur Kapoor, January 29, 2008

    Great list steven.

  • Paul, January 29, 2008

    Thanks for sharing these wonderful resources.

  • Matthew Griffin, January 29, 2008

    Great list, Steven. Thanks.

  • Tibi Puiu, January 29, 2008

    Great resource Steve, I’m really a messy coder so this should definitely come in handy.

  • chris, January 29, 2008

    Thanks for sharing these, the list looks great!

  • Aries-Belgium, January 29, 2008

    “CLEAN CSS … It is also available in Dutch and French.”

    It’s not Dutch but German. But indeed a great article.

  • Trainingstagebuch, January 29, 2008

    Thank you for these great article.


  • Nate Koechley, January 28, 2008

    The Yahoo! User Interface Library (YUI), where I work, offers the YUI Compressor. While originally designed for use with JavaScript exclusively, since version 2.0 it has offered CSS compression as well.



  • Spuds, January 28, 2008

    Great article. some really useful resources.