CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors. 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.
You can Follow the below Step By Step procedure to install the CSS Dig Chrome Extension to your Chrome Web browser.
It is the CSS Dig Chrome extension download link you can download and install Chrome Browser.
Get all css rules used by the selected DOM and its descendants.
LiveStyle — the first bi-directional real-time edit tool for CSS, LESS and SCSS.
A handy generator for all of your CSS3 needs from within the browser
A selection of author settings for Chrome Developer Tools.
Given DOM element returns styles applied to it and all its children.
A simple CSS property viewer.
Analyses any web page for violations of best practices
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and…
Extract CSS and build beautiful styleguides.