:has()
gibi yeni özellikler için hala bir endişe kaynağı olduğunu göstermektedir.Link to sectionTesting Environments
An encouraging sign of accessibility's growing importance, screen reader testing has gone up from 16.6% to 19% year-over-year.
Link to sectionCSS Usage
While this data is unsurprising, it's a nice reminder that CSS can do a lot more than format webpages.
Benim 2023 Seçimim: Zag.js
ChakraUI'deki yetenekli insanlar bazı yeni nesil bileşenler ve fikirler geliştiriyor, başka neler bulacaklarını görmek için sabırsızlanıyorum.
Adam Argyle
Link to sectionSektör
Did you know you can filter this survey's data by Industry Sector? Just click "Add Filters…" on any other chart!
Link to sectionCSS Usage
Whether you build websites profesionally or just dabble, there's no wrong way to use CSS!
Link to sectionDesign 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.
Link to sectionCSS 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.
Link to sectionBrowser 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!
Benim 2023 Seçimim: 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.Link to sectionMissing 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!
Link to sectionOther 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!
Link to sectionFavorite 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!
Benim 2023 Seçimim: Kaydırmaya Dayalı Animasyonlar
İki sene öncesine kadar CSS'te kaydırmaya dayalı animasyonları asla hayal edemezdim. Ancak, işte burada!
Ahmad Shadeed
Link to sectionState 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.
Link to sectionState 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!