Sign in

Richard Rutter

@clagnut.com
1.3K followers 214 following 375 posts

Cofounder of Clearleft, author of Web Typography, rider of bicycles, listener to vinyl, father of two, husband. Not necessarily in that order. Blog: clagnut.com Book: book.webtypography.net Also: mastodon.social/@Richr

PostsRepliesMedia
Richard Rutter @clagnut.com · 04/04/2026
Spring sprung
A sunny morning in Hove Park, either backlit cherry trees in full blossom.
090
Richard Rutter @clagnut.com · 19/03/2026
"An error occurred". Why is this the same story with every Government procurement portal ever? I tried "contact our Customer Support Team" about this error and the contact form sent my straight to this error page. FFS stop wasting my time Proactis you bunch of cowboys.
"Proactis" screenshot with the unhelpful message "An Error has Occurred".
120
Richard Rutter @clagnut.com · 10/02/2026
What’s new in web typography? This is a question I’ll be answering at this year’s webdayout.com I'll cover the paved cowpaths and the shiny things that bring expressiveness, fine detail, responsiveness, consistency and efficiency to your work. Use JOIN_RICH to get 10% off. #typography #css
A mock-up of my Web Day Out lanyard – use JOIN_RICH for 10% off.
0127
Richard Rutter @clagnut.com · 28/01/2026
Saddened to hear that the wonderful Drift Records will be closing its doors at the end Feb. Whenever I was in that part of the world (Totnes, Devon) I'd make a point of going there for a good rummage, and never came away empty handed. driftrecords.com/blogs/drift/... #music #vinyl
Black Drift Records tote bag draped over my turntable.
000
Richard Rutter @clagnut.com · 03/12/2025
In the early 1940s, Directors General of the BBC, Cecil Graves and William Haley spoke about the revolutionary technology of radio and television broadcasting. [read attached image] Now read that again, this time replacing ‘broadcasting’ with ‘AI’ and imagine how different things could be. #ai
This country has in its hands an instrument of incalculable power for good. An instrument that can be given to spreading among the nation the true knowledge of each other. Helpful rather than hurtful to the interests of mankind.

These newly acquired skills of mankind will move at a breathtaking pace. Broadcasting, which we begin to see now as a worldwide international service, is a step into the future even more dramatic than the devеlopment of flying.

Broadcasting without its responsibilities is nothing. It’s not a way of thought, it’s not a way of culturе, it’s not a way of life. It’s there to serve thought, so that people think for themselves.

It’s there to serve culture in such a way that people will turn more and more to active participation in the arts. Go to the theatre, attend concerts, read books, use their hands. And help to build a community in which broadcasting is only a very small part of a full and satisfying life.

It has helped something living in us to keep alive. And it has reminded us in its graver moments that life won’t last. And that for this very reason, there are things more important than success or power.
154
Richard Rutter @clagnut.com · 28/11/2025
TIL about `initial-letter-wrap` as a handy way to wrap text around a drop cap. Sadly its 'at risk' as there is no browser support at the moment. Good candidate for progressive enhancement though. drafts.csswg.org/css-inline/#... #css #typography
Text wrapping around dropcap A.
2111
Richard Rutter @clagnut.com · 01/10/2025
Looking forward to reading the debut novel by my good friend @bownie.bsky.social leanpub.com/humansoftware
A Kindle displaying the cover to Human Software by Richard W. Bown
041
Richard Rutter @clagnut.com · 13/07/2025
Margarita time is now 8.30pm on a Sunday.
Glass of margarita with the setting sun behind
040
Richard Rutter @clagnut.com · 04/07/2025
I use a combination of footnotes and sidenotes in my @webtypography.net ebook and print edition. I use footnotes for references and sidenotes (rendered inline if no margin space) for asides or contextual explanations. Because I use EPUB markup, ebook readers handle the footnotes themselves.
Screenshot of ebook in Apple Books, showing a footnote rendered in place as a tooltip, with the footnotes listed at the end of the chapter.Screenshot of ebook in Calibre, showing a footnote rendered in place as a tooltip, with the footnotes listed at the end of the chapter.Screenshot of ebook in Apple Books, showing a sidenote rendered inline, immediately following the paragraph it refers to.
320
Richard Rutter @clagnut.com · 07/06/2025
Another weekend at the K2 in sunny Crawley
Grey clouds gather over an athletics track
050
Richard Rutter @clagnut.com · 23/05/2025
At @clearleft.com we design UX London to provide the best training for *our* staff, so I'm pretty confident it'll work for you and your teams too! BUT ticket prices go up at midnight TONIGHT, so grab them while you can. 2025.uxlondon.com Use discount code JOINRICH for 20% OFF! 👈 #ux #uxdesign
A man presenting on the UX London stage in front of a slide that says 'Our standard price ticket sale ends at midnight on 23 May'.
044
Richard Rutter @clagnut.com · 21/03/2025
This, for the last 3 days (so *before* the power outage)
Screenshot of BA.com saying "We’re experiencing technical difficulties"
010
Richard Rutter @clagnut.com · 21/03/2025
Yep. Me too. Boo.
'Web Typography' by Richard Rutter listed in the pirated books illegally scraped by Meta's AI training.
120
Richard Rutter @clagnut.com · 26/02/2025
When did 'part-time' become 'fractional'? Whenever I see that word, all I think of is this...
Fractional distillation chemistry equipment.
130
Richard Rutter @clagnut.com · 25/02/2025
The noise in my back garden a couple of years ago… now I know who to blame 😜
120
Richard Rutter @clagnut.com · 17/01/2025
Me, my colleagues, and seemingly everyone else in the world who has to use Google products... "I'm sorry, Dave. I'm afraid I can't do that." anyone?
"Gemini, can you please leave me alone as these pop-ups are hugely intrusive and irritating." "I can't help with that."
350
Richard Rutter @clagnut.com · 08/01/2025
It’s like winter here ❄️ All hope is lost.
Nearly 1cm of snow covering a suburban street
140
Richard Rutter @clagnut.com · 08/01/2025
And speaking of which, for completion I should point you towards prismjs.com, a free syntax highlighter developed by @lea.verou.me and others, and used on millions of websites including mine. It also works in ePub ebooks 😉.
CSS syntax highlighting in Apple Books
110
Richard Rutter @clagnut.com · 07/12/2024
For no particular reason, in the mood for some Grian. Love the mellowness of his solo work, and this vinyl sounds lush. @vinyl.bsky.social #vinyl #music
Chaos For The Fly by Grian Chatten, on white vinyl
020
Richard Rutter @clagnut.com · 07/12/2024
Isn't there a name for when this kind of timeline coincidence happens? @rellyab.bsky.social @scottjenson.bsky.social
Relly's post on the lack of morality in US healthcare appears directly after Scott's in my timeline.
050