Update 2: I hope I helped a lot of people with this project, but I havent found time to work on this project for more than three years. :) If you are looking for something similar to this project that’s actively developed see http://livereload.com/
Update: Thanks everyone for the feedback! I decided to open source the project on Google Code. Right now I am refactoring but I have put a new version on the new projects homepage:
The new version includes a button to recompress the last set of css files. Something that I wanted to put in for a long time.
If anyone has suggestions please let me know.
“80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.” Source: Yahoo
Yahoo made a tool called Compressor. With this tool it’s posible to compress css and js files. Unfortunately it’s a geeky commandline application and not everybody is capable of working with such a tool. For those people I made a small application myself called MinifyMe in Adobe AIR.
If you look in the image above you see that the application created a pack.css which contains the code of all 4 css files.
Update: I got a lot of feedback from Smashing Magazine readers, thank you all for that! Many of you were thinking I used the Yahoo Compressor, but unfortunately that’s not the case, simply because it isn’t possible to make such external call from AIR. What I basically do is combine all selected files, and then remove new lines and (some) whitespaces.