Unminify CSS to make them more legible

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
August 1, 2011

If you are a web designer, you must be using CSS minifying tools that remove the extra whitespaces and unnecessary line breaks in your CSS codes. But if you need to work on the same CSS file later on, you will find it very difficult to edit them. A legible and formatted version of the CSS file would be great for later edits. The CSS Minifier tool by MrColes may come in handy at such times.
With CSS minifier, you can easily unminify any minified CSS code. The creator created this tool using Javascript and Regular Expressions. Using the site is pretty simle. All you need to do is paste the minified CSS and and your unminified CSS code will be generated instantly.

For example, if you paste the minified CSS code, something like

p{font:normal 14px/20px helvetica,arial,sans-serif;color:#333;}.woot{font-weight:bold}

you will get the unminified and legible version which will look as:

p {
font: normal 14px/20px helvetica, arial, sans-serif;
color: #333;
.woot {
font-weight: bold;

CSS Unminifier can be very handy for designers who want to edit the minified version of a CSS code in a much easier way. It makes your code legible and formats them properly.

You may also like...