This is a really thoughtful look at the evolution of CSS and the ever-present need to balance power with learnability.
Here’s a little snippet of CSS that solves a problem I’ve never considered:
The problem is that Live Text, “Select text in images to copy or take action,” is enabled by default on iOS devices (Settings → General → Language & Region), which can interfere with the contextual menu in Safari. Pressing down on the above link may select the text inside the image instead of selecting the link URL.
An excellent example of an HTML web component from Eric:
Extend HTML to do things automatically!
He layers on the functionality and styling, considering potential gotchas at every stage. This is resilient web design in action.
I’ve added this handy little bit of CSS to my starting styles.
A fantastic explanation of the building blocks of SVG, illustrated—as always—with Josh’s interactive examples.
A UI library for people who love HTML, powered by modern CSS and Web Components.
How to make the distance of link underlines proportional to the line height of the text.
Make your links beautiful and accessible.
Some styles I re-use when I’m programming with CSS.
Why I’d like to see one or two more elements included in the new proposal for styling form controls.
Having fun with view transitions and scroll-driven animations.