An in-depth guide to customising lists with CSS - Piccalilli
Think you know about styling lists with CSS? Think again!
This is just a taste of the kind of in-depth knowledge that Rich will be beaming directly into our brains at Web Day Out…
Link tags: graph
786
What’s new in web typography? | Clagnut by Richard Rutter
There have been so many advances in HTML, CSS and browser support over the past few years. These are enabling phenomenal creativity and refinement in web typography, and I’ve got a mere 28 minutes to tell you all about it.
I’ve been talking to Rich about his Web Day Out talk, and let me tell you, you don’t want to miss it!
It’s gonna be a wild ride! Join me at Web Day Out in Brighton on 12 March 2026. Use JOIN_RICH to get 10% off and you’ll also get a free online ticket for State of the Browser.
39C3 - Persist, resist, stitch - YouTube
A fascinating talk looking at the history of the intersection of knitting and stitching with wartime cryptography and resistance.
It’s hard to justify Tahoe icons @ tonsky.me
I’m avoiding Mac OS Tahoe because of the disgraceful liquid glass debacle, but it looks like the rot goes even deeper. Here’s a detailed look at the sad state of iconography in application menus.
I know that changes in an OS update can take time to get used to, but this isn’t a case of “one step forwards, two steps back”—it’s just a lot of steps back with no forwards.
Responsive Letter Spacing – Cloud Four
Another clever use of clamp() and calc() for web typography, but this time it’s adjusting letter-spacing.
Layoutit Terra - CSS Terrain Generator
It’s wild what you can do with CSS these days!
How to create a typographic hierarchy – Pangram Pangram Foundry
- Start with the text
- Use size intentionally
- Contrast weights and styles
- Play with spacing
- Use colour, but don’t rely on it
- Limit your font choices (but choose well and wisely)
- Repeat, repeat, repeat
- Test your system
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.
Nuberodesign > Blog > Designing for the Eye
I love the interactive illustrations in this article filled with type and architecture nerdery!
Matthias Ott – Painting With the Web – beyond tellerrand Düsseldorf 20025 - YouTube
A great talk by Matthias on what you can do with web standards today!
The history of album art || Matthew Ström, designer-leader
An enjoyable guided tour of album artwork starting at the beginning of the twentieth century.
Polishing your typography with line height units | WebKit
I should be using the lh and rlh units more enough—they’re supported across the board!
Better typography with text-wrap pretty | WebKit
Everything you ever wanted to know about text-wrap: pretty in CSS.
google webfonts helper
Google Fonts only lets you download .ttf files meaning that if you want to self-host your fonts (and you should), you have to first convert them to .woff2 files.
Luckily this tool has been online for over a decade, doing what Google Fonts should be doing by default.
Citywide – Jason Santa Maria
A fun new font from Jason:
Citywide is a sans serif family inspired by mid-1900s bus and train destination roll signs.
The hardest working font in Manhattan – Aresluna
This is absolutely wonderful!
There’s deep dives and then there’s Marcin’s deeeeeeep dives. Sit back and enjoy this wholesome detective work, all beautifully presented with lovely interactive elements.
This is what the web is for!
Justified Text: Better Than Expected? – Cloud Four
Some interesting experiments in web typography here.
Prescriptive and Descriptive Information Architectures | Jorge Arango
Interesting—this is exactly the same framing I used to talk about design systems a few years ago.
Sanborn Fire Maps
A complete digital archive of the famous typography from the Sanborn Fire Insurance Maps
The lettering really is lovely!