Hot on HuffPost Tech:

See More Stories
Free Switched iPhone app - try it now!
AOL Tech

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.

Tags: css, design, utilities