By Batoul Apps
Open the Mac App Store to buy and download apps.
CSS formatter and compressor, ProCSSor is an essential tool for seasoned professionals and hobbyist web designers alike.
Let's face it - we've all come across badly written CSS with no style, mixed styles, or even machine generated CSS. Then, there’s our own lazy, late-night CSS which makes no sense in the morning. Now with ProCSSor you have no more excuses for confusing and ugly CSS!
ProCSSor formats your CSS in an elegant and readable way. Instead of pouring over an unformated CSS file, let ProCSSor turn it into a readable document. It automatically indents, spaces, and styles your CSS according to your specifications. ProCSSor also compresses your CSS for production and quickly lets you prettify when you're ready to code, so you'll never have to keep separate copies for development and production.
With Droplets, ProCSSor becomes a natural part of your workflow. Simply drop your CSS files on to your custom made droplet and have your files instantly formatted for editing or compressed for production. Droplets work great from the command line too, so you never have to leave your keyboard for beautifully formatted CSS.
As web designers, we take pride not just in how our website looks but also in creating beautiful code. ProCSSor keeps your code looking great and easy to scan even months later.
ProCSSor. Pretty. Easy. CSS.
- Prettify: Format CSS in an elegant and readable way, exactly as you want.
- Minify: Minify to reduce code size and make your web pages load faster.
- Droplets: Easy-to-use "Droplets" allows for 1-click formatting or minification.
- Future-proof: All CSS3 and vendor-specific CSS properties supported.
- Formatting Options: Customize a number of options to match your preferred style.
- Keyboard Shortcuts: Keyboard shortcuts let you interact without using your mouse.
- Instant Processing: Utilizes multicore threading with GCD to process all files instantly.
- Command Line Access: Command line access for build process integration.
The prettiest of the CSS prettifiers.
— Chris Coyier, CSS-Tricks.com
Love this CSS prettifier.
— Chris Messina, board member of the OpenID and Open Web Foundations
Good editors and tools can beautify your code, ProCSSor works!
— Chris Heilmann, Mozilla Developer Evangelist
ProCSSor will make your life easier. It lets you easily reformat CSS files, plus it has a beautiful UI.
— Sacha Greif's Tools of Trade
Excellent app with even greater possibilities
While this app is invaluable for formatting CSS (and, by far, has the best options for Prettification), the real value would be if a feature was added to convert CSS to Sass, LESS, or any other CSS preprocessor format. As most front-end devs I know now use preprocessors, the value of this app has dimished in every day use. However, I continue to work on sites that were not previously written with a preprocessor, so converting old CSS to Sass would be a huge asset to me. Regardless, great UI and function!
Great Time Saver! Works as described!
Within 5 minutes, I was able to have ProCSSor formatting my CSS files just as I wanted! There are two issues I have found - and both are related to comments -- 'Improve Comments' adds a very nice line of ===== symbols to help comments stand out more and appear as separators. This is great, but if you reprocess the same CSS, you'll get doubled lines… AND -- I would love if there was an option to add a blank line before each comment.
Fix and add and it's PERFECT.
Extremely useful and beautiful CSS compressor
It's a beautifully designed CSS compressor. It works just as I anticipated and I will definitely use this for all my production CSS files. Overall, this app as worth every cent. Can't wait for the "SASS" integration which I hear is coming soon to this app.