My requests for Interop 2026 | Clagnut by Richard Rutter
Every one of these five proposals is worth a vote.
Mind you, Rich’s cynicism is understandable.
Some thoughts on CSS, media queries, and fluid type prompted by Utopia:
We say CSS is “declarative”, but the more and more I write breakpoints to accommodate all the different ways a design can change across the viewport spectrum, the more I feel like I’m writing imperative code. At what quantity does a set of declarative rules begin to look like imperative instructions?
In contrast, one of the principles of Utopia is to be declarative and “describe what is to be done rather than command how to do it”. This approach declares a set of rules such that you could pick any viewport width and, using a formula, derive what the type size and spacing would be at that size.
Every one of these five proposals is worth a vote.
Mind you, Rich’s cynicism is understandable.
A fantastic explanation of the building blocks of SVG, illustrated—as always—with Josh’s interactive examples.
I should be using the lh
and rlh
units more enough—they’re supported across the board!
A workshop on resilient CSS layouts
Oh, hell yes!
Do not hesitate—sign yourself up to this series of three online workshops by Miriam. This is the quickest to level up your working knowledge of the most powerful parts of CSS.
By the end of this you’re going to feel like Neo in that bit of The Matrix when he says “I know kung-fu!” …except kung-fu isn’t very useful for building resilient and maintainable websites, whereas modern CSS absolutely is.
And by LLMS I mean: (L)ots of (L)ittle ht(M)l page(S).
I really like this approach: using separate pages instead of in-page interactions. I remember Simon talking about how great this works, and that was a few years back, before we had view transitions.
I build separate, small HTML pages for each “interaction” I want, then I let CSS transitions take over and I get something that feels better than its JS counterpart for way less work.
How to make the distance of link underlines proportional to the line height of the text.
Make your links beautiful and accessible.
A redesign with modern CSS.
Having fun with view transitions and scroll-driven animations.
Going back to school in Amsterdam.