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 sectionUsage 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 | |
| Intrinsic Sizing | |
| 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 time each item was added to respondent's Reading List, a feature that lets people learn more about specific topics as they take 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.
شكرا لشركائنا لدعمنا! تعرف علي المزيد.