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 🔨
2. Mindset changes ðŸ§
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 ðŸ§
3. Hype train 🚂
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?
Modern CSS for JS Developers Alex Moldovan @alexmoldovan.dev Founder @ JSHeroes Product Engineer @ together.ai
Modern CSS for JS Developers
By Alex Moldovan
Modern CSS for JS Developers
- 60