Solved

CSS Cleaner or Code Compare

Posted on 2015-02-18
3
140 Views
Last Modified: 2015-02-18
Out of curiosity, is there an online service or download that will compare a website and the CSS file to see if there are entries within the CSS file that are not being used anywhere on a website?

I think I have a bunch of bad/old/unused CSS entries in a certain file.
0
Comment
Question by:rgranlund
3 Comments
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 250 total points
ID: 40617132
There are several.

The DustMe FireFox extension: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

A JQuery script: http://joaquinnunez.cl/blog/2009/10/06/jquery-css-cleaner/

The BeeCSS markup generator: http://beecss.theextremewebdesigns.com/

That last one is sort of "detect by proxy."  You paste in your HTML and it returns a blank CSS sheet with the selectors used in the HTML.  Given that, you can figure out what isn't be used from your current stylesheet.
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 250 total points
ID: 40617210
I use the  CSS Usage 0.3.3  Add-on in Firefox.  It will check your CSS and provide a 'cleaned' version if you ask for it.  https://addons.mozilla.org/en-us/firefox/addon/css-usage/
0
 
LVL 7

Author Closing Comment

by:rgranlund
ID: 40617245
Thanks!  I had no idea these were available.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Download a website to hdd 2 49
Error in script 11 45
Not seen Link button 5 14
move widget title down 4 7
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

912 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now