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;).
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.
Another terrific interactive tutorial from Ahmad, this time on container queries.
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
This is a wonderfully in-depth interactive explainer on touch target sizes, with plenty of examples.
Michelle has written a detailed practical guide to container queries here.
Going back to school in Amsterdam.
The joy of getting hands-on with HTML and CSS.
Defining the inputs instead of trying to control the outputs.
I never would’ve known about the `display-mode` media feature if I hadn’t been writing about it.
Adding another theme to my stylesheet switcher.