codeNothing? Web Development from a Beginner

» Archives
» Downloads
» CSS Compressor
» License
» Search

» About
» Projects
» Twitter
» Donate
» Contact

Latest Articles

CSS Compressor Comparisons
CSS Compressor 3.0
Nodelint
Node Slideshow
Duck Punched Filter

Latest Downloads

compressor-comparisons.tar.gz
css-compressor-3.0.zip
css-compressor-3.0-full.zip
css-compressor-3.0beta.zip
css-compressor-3.0beta-full.zip

Latest Tweets

I'm not much of a tweeter, but it's the cool thing to do.

Geotagged
Fight for free speech online - reject the Internet #Blacklist Legislation. http://t.co/BVVQft4x via @eff
Test
Turned @banjo into an unsafe work environment. Up next: shields http://t.co/59Q85O2g
Late night crew (@ Banjo HQ) [pic]: http://t.co/0se8CDkQ
View More

CSS Compressor 3.0

Usage | Download | Safe Comparisons | Full Comparisons | Github

CSSCompression is a PHP based CSS minifier that analyzes stylesheets for various compressions. It finds possible CSS shorthand techniques for combination of properties. Here's a quick description of each mode.

Safe: (99% safe) Safe mode does zero combinations or organizing. It's the best mode if you use a lot of hacks.
Sane: (90% safe) Sane mode does most combinations(multiple long hand notations to single shorthand), but still keeps most declarations in their place.
Small: (65% safe) Small mode reorganizes the whole sheet, combines as much as it can, and will break most comment hacks.
Full: (64% safe) Full mode does everything small does, but also converts hex codes to their short color name alternatives.

Mode: Readability: Advanced Options

Convert long color names to short hex names aliceblue -> #f0f8ff Convert rgb colors to hex rgb(159,80,98) -> #9F5062, rgb(100%) -> #FFFFFF Convert long hex codes to short color names #f5f5dc -> beige (Short color names are only supported by newer browsers) Convert long hex codes to short hex codes #44ff11 -> #4f1 Converts hex codes to safe CSS Level 1 color names #F00 -> red Convert font-weight names to numbers bold -> 700 Remove zero decimals and 0 units 15.0px -> 15px || 0px -> 0 Lowercase html tags from list BODY -> body Converts id and class attribute selectors, to their short selector counterpart div[id=blah][class=moreblah] -> div#blah.moreblah Promotes nested id's to the front of the selector body > div#elem p -> $elem p Add space after pseudo selectors, for ie6 a:first-child{ -> a:first-child { Compress single defined multi-directional properties margin:15px 25px 15px 25px -> margin:15px 25px Combine multiply defined selectors and selectors with same details p{color:blue;} p{font-size:12pt} -> p{color:blue;font-size:12pt;}
p{color:blue;} a{color:blue;} -> p,a{color:blue;} Combine color/style/width properties border-style:dashed;border-color:black;border-width:4px; -> border:4px dashed black Combines cue/pause properties cue-before: url(before.au); cue-after: url(after.au) -> cue:url(before.au) url(after.au) Combine margin/padding directionals margin-top:10px;margin-right:5px;margin-bottom:4px;margin-left:1px; -> margin:10px 5px 4px 1px; Combine border directionals border-top|right|bottom|left:1px solid black -> border:1px solid black Combine font properties font-size:12pt; font-family: arial; -> font:12pt arial Combine background properties background-color: black; background-image: url(bgimg.jpeg); -> background:black url(bgimg.jpeg) Combine list-style properties list-style-type: round; list-style-position: outside -> list-style:round outside Combine border-radius properties { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } -> { border-radius: 10px; } Removes the last semicolon of a property set margin: 2px; color: blue; -> margin: 2px; color: blue Removes multiple declarations within the same rule set color:black;font-size:12pt;color:red; -> color:red;font-size:12pt;

© 2012 Corey Hart