My Modern CSS Reset | jakelazaroff.com
I like the approach here: logical properties and sensible default type and spacing.
Tree views in CSS
Styling a list of nested details elements to create a beautiful lokking tree view, all in CSS, all nicely accessible.
Related links
Building a robust frontend using progressive enhancement - Service Manual - GOV.UK
Oh, how I wish that every team building for the web would use this sensible approach!
It’s about time I tried to explain what progressive enhancement actually is - Piccalilli
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.
Printing music with CSS grid
Laying out sheet music with CSS grid—sounds extreme until you see it abstracted into a web component.
We need fluid and responsive music rendering for the web!
Can you feel the rhythm‽ · 13 March 2024
Adam makes a very good point here: the term “vertical rhythm” is quite chauvanistic, unconciously defaulting to top-to-bottom writing modes; the term “logical rhythm” is more universal (and scalable).
Related posts
Hanging punctuation in CSS
A little fix for Safari.
Who knows?
Had you heard of these bits of CSS? Me too/neither!
Schooltijd
Going back to school in Amsterdam.
Assumption
Separate your concerns.
Culture and style
Styling a document about The Culture novels of Iain M Banks.