Well, this is a fun bit of CSS. Instantly transform a web page into a blast from the past (1998, to be precise).
I really like the way that the thinking here is tied back to Bert Bos’s original design principles for CSS.
This is a deep dive into the future of CSS layout—make a cup of tea and settle in for some good nerdiness!
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;).
This is a great thought exercise in progressive enhancement …that Scott then turns into a real exercise!
Try writing your HTML in HTML, your CSS in CSS, and your JavaScript in JavaScript.
You might want to use `display: contents` …maybe.
Had you heard of these bits of CSS? Me too/neither!
Going back to school in Amsterdam.
Separate your concerns.
1 Like
# Liked by Jan Boddez on Thursday, April 23rd, 2020 at 6:31pm