:has()
.Liên kết đến phầnTesting Environments
An encouraging sign of accessibility's growing importance, screen reader testing has gone up from 16.6% to 19% year-over-year.
Liên kết đến phầnWhat do you mainly use CSS for?
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
Liên kết đến phầnNgành công nghiệp
Did you know you can filter this survey's data by Industry Sector? Just click "Add Filters…" on any other chart!
Liên kết đến phầnCSS Usage
Whether you build websites profesionally or just dabble, there's no wrong way to use CSS!
Liên kết đến phầnDesign 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.
Liên kết đến phầnCSS 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.
Liên kết đến phầnBrowser 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.Liên kết đến phầnMissing 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!
Liên kết đến phầnOther 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!
Liên kết đến phầnFavorite 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
Liên kết đến phầnState 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.
Liên kết đến phầnState 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!