My Custom CSS Reset
This CSS reset is pleasantly minimalist and a lot of thought has gone into each step. The bit about calculating line height is very intriguing!
This CSS reset is pleasantly minimalist and a lot of thought has gone into each step. The bit about calculating line height is very intriguing!
The whole idea of progressive enhancement is using the power that the web platform gives us for free—specifically, HTML, CSS and JavaScript—to provide a baseline experience for the people who visit our sites and/or apps, and then build on that where appropriate and necessary, depending on the capabilities of the technology that they are using.
A minimal style sheet that applies some simple rules to HTML elements so you can take a regular web page and drop in this CSS to spruce it up a bit.
Browser implementations of Sol LeWitt’s conceptual and minimal art, many of which only exist as instructions like this:
Vertical lines, not straight, not touching, covering the wall evenly.
Another clever use of clamp() and calc() for web typography, but this time it’s adjusting letter-spacing.
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Improving performance with containment.
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.