I hope we have CSS enthusiasts here.
I wonder how you would answer the following question:
How to measure/determine the quality of the CSS code?
These are my favorites:
- File size
- File structure (for Sass or similar)
- Usage of inline CSS code
- Number of !importants
- Usage of modern features (Variables, Grid, Flexbox, etc.)
Top comments (4)
As some of the previous answers mention:
Basically use BEM (lowest possible specificity selectors and component-based styling) or something like Tailwind CSS (reusable classes without overriding styles everywhere).
If the css is modular, reusable and scalable.
How large the custom stylesheet is in terms of file-size.
Use of external css frameworks like Bootstrap or Foundation.
For large projects, if a preprocessor like Sass or Less is being implemented with properly organized functions, mixins, variables, etc.
Forgotten that
!importantstill exists.You'll be surprised about !important. 😳