Mincss clears the junk out of your CSS, finds and removes selectors you’re not using

Mincss clears the junk out of your CSS, finds and removes selectors you’re not using

In the past we’ve covered ways Web designers can keep their CSS clean, highlighting ProCSSor, a desktop app for the Mac which cleans up and compresses your code; as well as CSS Compressor; Code Beautifier; and CSS Beautify.

None of these options, however, remove unused CSS to help keep your site extra lean. That’s where mincss comes in.

New York, are you ready?

We’re building Momentum: an all killer, no filler event this November.

As its creator Peter Bengtsson explains, mincss is a tool that when given a URL (or multiple URLs) downloads that page and all its CSS and compares each and every selector in the CSS” to find out what isn’t used. The result is your original CSS file with those unused selectors (not found in your HTML) removed.

Put more simply, if I style a paragraph of text, and then end up replacing that paragraph with a video, I would be left with unused paragraph styles in my CSS. Mincss makes sure you’ve removed these unused styles to keep your CSS light and clean.

Bengtsson notes that mincss is also particularly handy when using a heavy, uncustomized framework like Bootstrap. This tool, however, doesn’t play friendly with elements created by JavaScript.

See how to use mincss here (it’s not exactly beginner-friendly) and learn more about the project via the link below.

➀ mincss

Read next: Andy Samberg's 'The Lonely Island' returns to SNL to share its message of YOLO

Shh. Here's some distraction

Comments