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.)
Latest 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).
Forgotten that
!important
still exists.You'll be surprised about !important. 😳
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.