Richard Rutter

I made a big upgrade to my little `font-size-adjust` tool. You can now upload a font, configure some variable axes if needed, and it will spit out the values you'd need for `ex-height`, `cap-height` or `ch-width`.

https://clagnut.com/sandbox/font-size-adjust-ex.html

#css #typography

🎧️ New pod drop!
"Orangutan covered in coconuts"

In this episode we talk about how AI coding tools fit into their workflows at @Clearleft@mastodon.social and Stuff & Nonsense. Then, Andy explains how he used AI to help him build Sho!io, his new app for sharing designs.

This episode is sponsored by Web Day Out. Get 10% off your ticket using the discount code CLEARLEFT10.

https://unfinished.bz/episodes#ep-140

RE: @ppk@front-end.social

Only 17 tickets left for Web Day Out!

RE: @piccalilli@front-end.social

You want lists? You got lists!

In 2017 my Web #Typography book had ~300 words on styling lists. Now, in 2026, I've written 3000 words on the subject!

#CSS sure has moved on...

Just look at this lot to try and understand: list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols.

What’s new in web typography?

This is a question I’ll be answering at this year’s https://webdayout.com

I’ll run along the cowpaths that have been paved and spend time with the new and shiny things that bring expressiveness, fine detail, responsiveness, consistency and efficiency to your work: variable fonts in all their glory, typographic units, drop-caps, hanging punctuation, `text-box-trim`, container-aware fonts and fluid type.

Use JOIN_RICH to get 10% off.

#typography #css

Come on, tell me you don't want a day of listening to these brilliant people (and me) talk about what we can do in browsers nowadays‽

https://webdayout.com/agenda/#schedule

You won't be learning any of it from ChatGTP any time soon!

10% off code: JOIN_RICH

#css #javascript #html

Remember folks, it's Service Design Breakfast at @Clearleft@mastodon.social's place tomorrow morning, and we've got a great new speaker. Come along for free and friendly chat.

https://servicedesignbreakfast.com

#brighton #servicedesign

Remember it's Service Design Breakfast Club at @Clearleft@mastodon.social 's place tomorrow. We've got a fun activity planned with @fmacneill@toot.community - more details on the day!

https://servicedesignbreakfast.com

Opening up ‘Unoffice hours’. I’m now around every Friday morning (UK time) for a 30 minute chat about pretty much anything you like: work, music, cycling, typography, the old days, whatever.

https://clagnut.com/blog/2442

More than 11 years after its introduction, it's great to see the `font-size-adjust` property finally in Baseline: https://web.dev/blog/font-size-adjust

The property takes an aspect ratio as its value, which is calculated from font metrics. If you have a font installed locally, you can get the aspect ratio you need from this (slightly clunky) tool I made a few years ago: https://clagnut.com/sandbox/font-size-adjust-ex.html

#typography #css