codeNothing? Web Development from a Beginner

» Archives
» Downloads
» CSS Compressor
» License
» Search

» About Me
» Projects
» Twitter
» Donate
» Contact

Latest Articles

Duck Punched Filter
8 jQuery Micro Optimization Tips
Snippet: Simple PDO Wrapper
Javascript Random Color Generator
jQuery Plugin: Activity

Latest Downloads

css-compressor-2.0.zip
duck-punched-filter.zip
data-selector-1.1.zip
inline-edit-1.3.zip
simple-watermark-1.1.zip

Latest Tweets

Get the latest updates and read what I'm reading from the codeNothing Twitter Account

@zemanel whats your idea for the knockout? - corey@codenothing.com
http://bit.ly/99A7tD - Different way of building jQuery widgets
@paul_irish good to know. thanks.
@paul_irish good to see file api on html5rocks, any idea when chrome will support it?
Good article PHP Namespacing - http://bit.ly/bjmeMB
View More

CSS Compressor 2.0

Compressor | Source | Github

File Attachments

File 1: Clear

File 2: Clear

File 3: Clear

File 4: Clear

File 5: Clear

File 6: Clear

File 7: Clear

File 8: Clear

File 9: Clear

File 10: Clear

+ Add Another File | Open All Files

Input CSS

Advanced Options

Order Important Stylesheet ( Doesn't mess with the order of selectors )

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 colornames are only supported by newer browsers Convert long hex codes to short hex codes #44ff11 -> #4f1 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 Compress single defined multi-directional properties margin:15px 25px 15px 25px -> margin:15px 25px Combine multiply defined selectors p{color:blue;} p{font-size:12pt} -> p{color:blue;font-size:12pt;} Combine selectors with same details 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 Removes the last semicolon of a property set {margin: 2px; color: blue;} -> {margin: 2px; color: blue} Remove multiply defined properties STRONGLY SUGGESTED TO KEEP THIS ONE TRUE

Readability:

Make sure your files are W3C Complient before compression for best outcome

© 2010 Corey Hart