GitHub @tomgenoni atomeye.com work with me

CSS Dig

Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with.
Add to Chrome

Properties

Take a look at all your CSS properties, their frequency and variations. Have too many shades of blue? Inconsistencies often means confusion for your developers and irregularities for your end users.

Selectors & Specificity

Are your selectors long? Using lots of IDs? Specificity wars are frustrating and piling on new CSS will only make the situation worse. Find potential problem areas and make a plan to fix.

Three states of the CSS Dig Chrome Extension. The first image is the summary screen, showing the CSS files to be included and excluded. The second shows properties and counts along with the concatenated CSS. The third shows selector length and specificity, highlighting its location in the CSS.

Known Issues & Limitations

  1. @import : CSS in @import is ignored.
  2. Content Security Policies: In some situations CSS Dig has make AJAX calls to retrieve the contents of the CSS files. Sites with strict Content Security Policies can block them. For example, facebook.com and github.com.
  3. On sites with lots of external stylesheets it may take a few seconds to collect all the CSS.