tags:

views:

1473

answers:

5

Are there any good tools to help identify unused css definitions in project? A bunch of css files were pulled in and now I'm trying to clean things up a bit.

+18  A: 

Take a look at the Firefox extension Dust-Me at http://www.sitepoint.com/dustmeselectors/.

David Medinets
Big thanks! Looks like a useful extension.
jswanson
+3  A: 

A Better CSS Minifier in C# dumps redundant styles;

You would also want to use Dust-Me with this.

Keep in mind, if there is any content that is not currently visible to dust-me, you might throw out styles you need.

mjc
+1  A: 

Use Internet Explorer Developer Toolbar,s View > CSS Selector Matches: View a report of all style rules set and how many times they are used on the current page.

metal-gear-solid
+3  A: 

Google Chrome has a website auditing tool in their developer console.

Derek Adair
Thanks for the link. That tool is pretty awesome!
jswanson
It really is! They did a great job of classifying and identifying inefficiencies.
Derek Adair
A: 

Check out Google's PageSpeed for Firefox. It does this, and a whole load more.

Apparently a Chrome plugin is under development as well.

Drew Noakes