New CSS that can actually be used in 2024 | Thomasorus
Logical properties, container queries, :has
, :is
, :where
, min()
, max()
, clamp()
, nesting, cascade layers, subgrid, and more.
A wonderful deep dive into the history of styling languages before CSS. I love spelunking down these internet history potholes—fascinating stuff!
Logical properties, container queries, :has
, :is
, :where
, min()
, max()
, clamp()
, nesting, cascade layers, subgrid, and more.
Picture me holding Trys back and telling him, “Leave it alone, mate, it’s not worth it!”
Progressive enhancement is a design and development principle where we build in layers which automatically turn themselves on based on the browser’s capabilities.
The idea of progressive enhancement is that everyone gets the perfect experience for them, rather than a pre-determined “perfect” experience from a design and development team.
Hallelujah! We’re finally getting our two wishes for CSS animations and transitions:
- Animating to and from
display: none;
for the sake of enter/exit animations.- Animating to and from the intrinsic size of an element (such as
height: auto;
).
I wasn’t able to tune into this live (“tune in?” what century is this?) but I’ve enjoyed catching up with the great talks like:
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Had you heard of these bits of CSS? Me too/neither!
Going back to school in Amsterdam.
Separate your concerns.
Browsers and bugs.