Wednesday, September 25, 2013

10 Terrific Time-Saving CSS Cleanup Tools

The benefits of having clean, organized CSS are numerous.

ProCSSor

ProCSSor is a streamlined, no-nonsense tool for making instant improvements to your CSS. Available via OS X, iOS, or any browser, the tool takes a CSS file, a pasted snippet, or a URL and immediately beautifies, formats, and future-proofs your CSS.

CSS Lint

CSS Lint offers a more instructive experience compared to other CSS cleanup tools. Most don’t tell you much about the rationale behind the CSS changes that they make, but CSS Lint gives you a concise explanation for each of its recommended changes. It has quite a few features that focus on errors, compatibility, performance, duplication, and accessibility, all of which can be enabled or disabled at will.

Dirty Markup

Dirty Markup has a unique approach to code optimization; it works as an aggregate and combines the power of several different code cleanup technologies (HTML TidyCSS TidyJS BeautifyAce Editor) to give any provided code a comprehensive cleanup. As you might suspect, it works just as well on CSS as it does for JavaScript or standard HTML.