CSS has been on a roll lately, and many of the new features introduced are slowly but surely being adopted by the developer community.
Link to sectionFeatures Overview
| Layout | |
| Shapes & Graphics | |
| Colors | |
| Interactions | |
| Typography | |
| Accessibility | |
| Other Features |
Link to sectionRatios Over Time
Compare Data
Usage and awareness ratios over time for the highest-rating features.
| aspect-ratio | |
| gap property for flexbox | |
| @container Queries | |
| CSS Filter Effects | |
| backdrop-filter | |
| Intrinsinc Sizing Keywords | |
| currentColor | |
| scroll-behavior | |
| CSS Variables (Custom Properties) | |
| CSS Comparison Functions | |
| :has() | |
| CSS Nesting |
Each ratio is defined as follows:
- Usage: (have used it) / total
- Awareness: (have used it + **know about it **) / total
Link to sectionKnowledge Score
Compare Data
Out of all the features mentioned in the survey, how many did the respondent know about?
Link to sectionReading 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.
Link to sectionRecommended Resources
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.