Suspected PayPal Hackers Seek Deal To Stay Out Of Prison
2 Men Arrested After Teen Was Run Over For His iPad
ProCSSor is a slick, powerful CSS beautifier
If there's one thing that I dislike about other people's CSS, it's how messy it can be. Seriously... Some people just do whatever they feel like! There's no order or convention.
If you feel the same way, ProCSSor may come in handy the next time you have to tweak someone else's layout. It may be someone who doesn't take the same meticulous care that you do to align all the braces just so and sort all of the attributes alphabetically.
As you can see in the screenshot, ProCSSor looks quite nice (it slides down and everything – we're living in the future now), and it provides you with a plethora of options on where to start new lines, what to do with the selectors, and even how you want the braces handled. In fact, you get to pick one of seven different brace styles. One possible choice is the exotic sounding Horstmann. I can hear it now – "Sorry, I don't touch a stylesheet unless it's Horstmann-formatted. Fix it first, come back to me when it's Horstmann."
One disappointing hiccup arose when I fed it with a URL; it wasn't smart enough to extract the CSS from the linked file, and it just choked and died with an uninformative error message. It was quite sad to watch, really. But as long as you're careful and feed it with just CSS, you should be fine.
Bottom line: ProCSSor looks like it could become a major tool in the discerning CSS connoisseur's toolbox.
Comments
7
Subscribe to commentsDaveSep 10th 2010 8:11AM
Awesome tool.
URL worked for me though, did you enter a direct link to CSS or just the domain name? It seems to take direct links only.
Ibrahim EzzySep 10th 2010 10:53AM
Many thanks for the review!
Yes, thats is correct, it currently only takes a direct link to stylesheet. So for example http://domain.com/css/style.css would work but simply entering http://domain.com won't. I've added an inline label on the url field to indicate that now.
Thanks again.
IbrahimSep 13th 2010 1:08PM
Just wondering why this post doesn't show up anywhere on DownloadSquad, not even in search results:
http://www.downloadsquad.com/search/?q=procssor&invocationType=wl-download
Rupert Madden-AbbottSep 15th 2010 10:03AM
This is great! Thanks for making such a useful tool. I've tried many other CSS converters and they all fail to produce reliable code.
Some ideas for more customizing options:
* Remove the space between the brackets and the first/last properties.
* Remove the space between a properties colon and its values.
Also it might be an idea to explain the fail-safe mode a bit more. Currently, it isn't clear under what conditions not using fail-safe mode will break my code and therefore, I can't assess whether or not to use it.
Mike DSep 15th 2010 12:44PM
This seems to lack basic property sorting and short-handing of other beautifiers. Those are pretty important when looking at a messy CSS file. Or am I missing something?
IbrahimSep 15th 2010 2:20PM
Does sort properties, you need to disable/uncheck 'fail-safe' mode first to enable that and some other features.
JaredSep 20th 2010 9:58PM
The next time we read about this will be news of Adobe acquiring ProCSSor. I want a feature similar to this in the next Dreamweaver.