?
Solved

CSS Cleaner or Code Compare

Posted on 2015-02-18
3
Medium Priority
?
179 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 1000 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 1000 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses how to create an extensible mechanism for linked drop downs.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Suggested Courses

741 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