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
