Stop writing CSS

like it's 2014

Alex Moldovan

@alexnmoldovan

Founder @ JSHeroes

Product Engineer @ CodeSandbox

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

1. Recap 2023

2. New goodies

3. New big things

Recap 2023

flex gap

standalone transforms

media queries

:focus-visible

:has

@layer

New things

subgrid

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid

Can I use it?

text-wrap

https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap

Can I use it?

:user-valid & :user-invalid

https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid

Can I use it?

https://developer.mozilla.org/en-US/docs/Web/CSS/:user-valid

color-mix

Can I use it?

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix

Container queries

Can I use it?

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

Nesting

Can I use it?

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

View Transitions

Can I use it?

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

Thank you! Q&A?