Skip to content


CSS has been on a roll lately, and many of the new features introduced are slowly but surely being adopted by the developer community.

Features Overview

Shapes & Graphics
Other Features

Ratios Over Time

Compare Data
Usage and awareness ratios over time for the highest-rating features.
gap property for flexbox
@container Queries
CSS Filter Effects
Intrinsinc Sizing Keywords
CSS Variables (Custom Properties)
CSS Comparison Functions
CSS Nesting

Each ratio is defined as follows:

  • Usage: (have used it) / total
  • Awareness: (have used it + **know about it **) / total

Knowledge Score

Compare Data
Out of all the features mentioned in the survey, how many did the respondent know about?

Reading List

Compare Data
How many respondents added each item to their reading list?
The “Reading List” feature lets respondents save items they want to learn more about while taking the survey; and get a recap of useful resources about them at the end of the survey.

Recommended Resources

Learn CSS, from Laying Out Websites to Performant Animations

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
Thanks to our partners for supporting us! Learn more.