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
RSS
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:
None
Minimal
Average
Maximum
Make sure your files are
W3C Complient
before compression for best outcome