Tool to clean your CSS

I’m sure most people that develop web design have had this conundrum. Working on a huge site can add a lot of redundant code, especially CSS code.

Once you have finished working on your design, its time to optimize your code. Cleaning a CSS file manually can be very cumbersome and you might end with weird results, going back and forth in your backups to place in a style you should not have removed.

I was about to embark on this task anyway, when I chose to do a small Google search, and really found a Firefox Extension developed by Sitepoint.

It’s called Dust-Me Selectors and gives you a tool to automatically search a site for its CSS styles and then present you with a list of redundant styles.

See here for the list it gave me of a site I had been working on, putting selectors in and out, and building it a huge mess:

The tool itself is very simple to use, with installing it in Firefox you get a nifty small broom tool in the bottom of your window.

(Persona courtesy of Sitepoint)

The tool has many nifty features, such as searching your entire site via your sitemap (.xml format or HTML sitemaps are recognized). This helps you if you have a lot of differently designed subpages, so it does inadvertently advise you to clean a selector you were really using on a different part of your site.

(Persona courtesy of Sitepoint)

The tool is honestly small and uncomplicated, but it does give you the exact tools you need for cleaning your CSS style sheets.

(Persona courtesy of Sitepoint)

Tagged as: code, content, css, design, extension, facebook css firefox, firefox, help, sitemap, tool, tutorial, tutorialvine, web design, working

• working
• facebook css firefox
• firefox
• extension
• sitemap
• jpg
• computers internet blog