surveys State of CSS 2025 Suggestions

Aug 24 '24 15:08 SachaG

I've noticed over the last few years that there are a fair number of folks who claim to be using the CSS image() function (https://www.w3.org/TR/css-images-4/#image-notation) even though this is not implemented in any browsers. What's the requirement for properties to get listed as features on the survey? Do they have to be implemented in at least one browser?

screenshot from 2023:

Sep 05 '24 18:09 jsnkuhn

@jsnkuhn good point! The reason we include features that haven't been implemented yet is so that we're able to track things like awareness or interest over their entire lifetime, from conception to implementation. Also, sometimes people might've used something via a polyfill or preprocessor. In this specific case though it might very well be people just mistaking this for another feature…

Sep 06 '24 06:09 SachaG

Alt text for generated content

Sep 10 '24 06:09 SachaG

field-sizing

Oct 01 '24 01:10 SachaG

@import

Oct 01 '24 02:10 SachaG

-calc-size(auto) https://blog.webdevsimplified.com/2024-07/css-calc-size/

Oct 01 '24 05:10 SachaG

From some folks over in Kevin Powell's discord:

There were some newer folks who didn't recognize many of the properties on the survey and felt the "Well Done!" was not appropriate.

There were also some folks who did better but still got the "you are in the top 100%" message? Wondering if there was a bug that showed peeps as in the top 100% too often?

Oct 01 '24 11:10 jsnkuhn

Yes, the percentage calculation is (was?) buggy. I might remove it altogether, it's meant to be a fun datapoint, not something people actually care about – how many features you know or don't is pretty meaningless in the grand scheme of things…

Oct 01 '24 11:10 SachaG

sibling-index/sibling-count https://www.w3.org/TR/css-values-5/#tree-counting

Oct 01 '24 21:10 SachaG

Add pain points to each section
Add new "CSS challenges" multiple-choice quiz section (with help from https://css-challenges.com/ ?)

Nov 23 '24 05:11 SachaG

Some other resources for new features inspiration:

New CSS features to know for 2025
https://web-platform-dx.github.io/web-features-explorer/newly-available/

May 07 '25 06:05 SachaG

More resources:

https://frontendmasters.com/blog/css-wishlist-for-2025/
https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/
https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025
https://css-tricks.com/a-css-wishlist-for-2025/

May 07 '25 06:05 SachaG

Ask about awareness of Baseline

May 07 '25 08:05 SachaG

::target-text
ruby-align and ruby-position
transition-behavior
@function - https://css-tricks.com/functions-in-css/
text-box-trim
display: contents
if()
advanced attr() - https://una.im/advanced-attr/ https://ishadeed.com/article/modern-attr/

May 09 '25 10:05 SachaG

question about masonry?

May 09 '25 10:05 SachaG

Preview survey here: https://github.com/Devographics/surveys/issues/289

May 09 '25 12:05 SachaG

If I want to suggest an area to include for this years survey, it will be around design implementation and CSS usage for layout features. Here are some question that I thought of (those are just brain dumped and might not be final)

When you build/implement a design, do you still get the three viewport sizes (mobile, tablet, desktop), or it's just one size of the page and you handle the rest with the designer?
On a scale from 1 to 10, rate your usage of CSS grid
If the usage is 5+, we ask a follow up question: have you used grid areas? have you used subgrid? because those are powerful and can help a lot in building a fluid layout

Those are just general question. I can write a more solid ones that are clear and focused.

Is this something that can be in the survey?

Jun 03 '25 16:06 shadeed