CSS Stats can work with remote CSS files (accessed via an URL) or with CSS code copy & pasted inside a textarea.
The application will parse the code and analyze it using a complex set of rules and criteria it expects properly-written CSS to comply with.
The results are listed one on top of the other and cover details like:
- total number of rules
- total number of selectors
- total number of declarations
- total number of properties
- total number of "font-size" declarations
- total number of "float" declarations
- total number of "width" declarations
- total number of "height" declarations
- total number of "color" declarations
- total number of "background-color" declarations
- a list of unique colors used in the code
- a list of unique background colors used in the code
- a list of unique font sizes
- a list of unique font families
- a graph of total vs unique declarations
- a specificity graph
- a ruleset size graph
- a list of all the media queries
This information can be used in the development and testing stage to improve the performance of an application's CSS, but it can also be used for live production code as well.
Depending on how you want to improve your code, CSS Stats can really come in handy.
Requirements:
- Node.js
Comments not found