Modern CSS for

JS Developers

Alex Moldovan

@alexmoldovan.dev

Founder @ JSHeroes

Product Engineer @ together.ai

source: https://github.com/w3c/csswg-drafts

source: https://wpt.fyi/interop-2025

1. Everyday utilities 🔨

2. Mindset changes 🧠

3. Hype train 🚂

1. Everyday utilities 🔨

text-wrap

@media (x < y)

:focus-visible

:has

color-mix

light-dark()

scrollbar-gutter: stable

scroll-behavior: smooth

interpolate-size

Can I use it?

https://developer.mozilla.org/en-US/docs/Web/CSS/interpolate-size

1. Everyday utilities 🔨

container queries

container style queries

nesting

@layer

view-transition

Can I use it?

https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API

1. Everyday utilities 🔨

2. Mindset changes 🧠

field-sizing

https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing

anchor positioning

https://developer.mozilla.org/en-US/docs/Web/CSS/position-anchor

https://css-tricks.com/css-anchor-positioning-guide/

https://kizu.dev/anchor-positioning-experiments/

@starting-style

https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style

scroll-driven animations

functions & mixins

https://css.oddbird.net/sasslike/mixins-functions/

https://css-tricks.com/css-functions-and-mixins-module-notes/

Thank you! Q&A?