CSS Methodologies
Codified ways to write cleaner CSS.
Satisfaction, interest, usage, and awareness ratio rankings.
Technologies with less than 10% awareness not included. Each ratio is defined as follows:
- Satisfaction: would use again vs would not use again.
- Interest: want to learn vs not interested.
- Usage: would use again + would not use again vs awareness.
- Awareness: total - never heard.
Experience Over Time
Overview of opinions on the technologies surveyed over time.
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Technologies with only one year of data are not included.
Positive/Negative Split
This chart splits positive (“want to learn”, ”would use again”) vs negative (“not interested”, “would not use again”) experiences on both sides of a central axis.
Bar thickness represents the number of respondents aware of a technology.
BEMCompletion percentage: 80.9% (9302)Completion percentage: 80.9% (9302)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Atomic CSS (Utility-first CSS)Completion percentage: 81.1% (9323)Completion percentage: 81.1% (9323)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
OOCSSCompletion percentage: 81.1% (9325)Completion percentage: 81.1% (9325)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
My 2020 Pick: The CSS Cascade
With this blog post, Amelia Wattenberger didn't just go the extra mile, she ran a whole marathon! The animations and quiz will ensure you finally understand the CSS cascade.
Sacha Greif
SMACSSCompletion percentage: 81.2% (9331)Completion percentage: 81.2% (9331)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
ITCSSCompletion percentage: 81% (9313)Completion percentage: 81% (9313)
2019
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
CUBE CSSCompletion percentage: 81.1% (9317)Completion percentage: 81.1% (9317)
2020
| もう使わない | |
| 興味がない | |
| また使いたい | |
| 興味がある | |
| 知らない |
Other ToolsCompletion percentage: 0.9% (99)Completion percentage: 0.9% (99)
Other tools in this category (freeform answers).
Overall Happiness
On a scale of one (very unhappy) to five (very happy), how happy are developers with the current overall state of this category?