For a long time, writing CSS was straightforward enough: add a
.css extension to your file, open up a text editor, and start typing.
But over the years, CSS has developed its own ecosystem of technologies, from preprocessors like Sass and Less to methodologies like BEM and Atomic CSS, to more recent developments like CSS-in-JS.
These days, front-end mastery involves not only knowing how to write good CSS, but also which of these technologies to use, and when.
Overview of opinions on the tools and methodologies surveyed. Green segments represent positive opinions, while pink segments correspond to negative sentiment.
The diameter of each circle corresponds to the aggregate sum of respondents for all of these four options (excluding respondents unaware of the technology).
Hover on each node to view detailed data along with an overlay representing the total number of survey respondents.
Satisfaction vs Usage
This chart shows each technology’s satisfaction ratio over its total user count. It can be divided into four quadrants:
- ASSESS: Low usage, high satisfaction. Technologies worth keeping an eye on.
- ADOPT: High usage, high satisfaction. Safe technologies to adopt.
- AVOID: Low usage, low satisfaction. Technologies probably best avoided currently.
- ANALYZE: High usage, low satisfaction. Reassess these technologies if you're currently using them.