:has()
.Odkaz na sekciuTesting Environments
An encouraging sign of accessibility's growing importance, screen reader testing has gone up from 16.6% to 19% year-over-year.
Odkaz na sekciuCSS Usage
While this data is unsurprising, it's a nice reminder that CSS can do a lot more than format webpages.
My 2024 Pick: linear()
Adam Argyle
Odkaz na sekciuIndustry Sector
Did you know you can filter this survey's data by Industry Sector? Just click "Add Filters…" on any other chart!
Odkaz na sekciuCSS Usage
Whether you build websites profesionally or just dabble, there's no wrong way to use CSS!
Odkaz na sekciuDesign Methodology
While a large majority of respondents use CSS to implement pre-existing designs, it'll be interesting to see if this changes as design apps evolve, and AI tools become capable of going straight from idea to code.
Odkaz na sekciuCSS vs JavaScript Balance
Even in the context of a CSS survey, it turns out a majority of respondents still spend most of their time in the JavaScript ecosystem. Only time will tell if this too will shift now that CSS is becoming more capable.
Odkaz na sekciuBrowser Incompatibilities
There are few worse feelings that knowing a new feature will solve your issue perfectly, yet not being able to use it because of poor browser support.
This is the case with Anchor Positioning, a promising new feature that is sadly not yet broadly supported.
Container Queries on the other hand are available at a baseline level and ready to be used, despite showing up in many respondent's answers!
My 2024 Pick: Getting Stuck: All the Ways position:sticky
Can Fail
position: sticky
has to be one of the most frustrating capabilities, but it’s also extremely useful. I always wanted to write a guide to help people with that but luckily I don’t need to because Kilian nailed this one.Odkaz na sekciuMissing Features
In the absence of a magic wand that lets us conjure up any CSS feature we can dream of, the best we can hope for is that this data can help push browser vendors in the right direction!
The good news: conditional logic, mixins, and masonry layouts are all currently being worked on in some form or another!
Odkaz na sekciuOther CSS Pain Points
While browser support remains the eternal CSS pain point, Tailwind CSS is also proving to be a source of frustration for some – while others complain that it's not used enough!
Odkaz na sekciuFavorite New Feature
Long-awaited feature, sensible implementation, good browser support: :has()
has it all, and tops the rankings of the best new CSS feature of 2024!
My 2024 Pick: Scroll-driven Animations
Ahmad Shadeed
Odkaz na sekciuState of Web Technologies
While we do love to complain about the state of thigns, it turns out happiness levels have remained surprisingly constent over the years.
Odkaz na sekciuState of CSS
We are even seeing a slight uptick when it comes to CSS specifically, proof that the hard work by browser vendors, working groups, and the CSS community at large is not going unnoticed!