Mastodawn

RE: https://indieweb.social/@classicweb/116251751740927095

Wow, nostalgia.

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

Font metrics calculator for font-size-adjust

Tim Brown Mar 8

Ciara Mar 7

"There's something quietly beautiful about a place where people just... share what they know. No brand deals, no engagement metrics, no algorithm nudging you toward rage. Just someone who spent twenty years studying Arctic policy posting a thread at 2 AM because they think you should understand what's happening. It's the internet I was promised in 1996."

https://matduggan.com/boy-i-was-wrong-about-the-fediverse/

Sheeeeeesh.

RE: https://mastodon.social/@matthiasott/116184817866685934

As a customer for many years, I am thrilled about this update. So many good decisions.

Tim Brown Mar 7

Matthias Ott Mar 6

Ohhh yesss!! The CodePen 2 beta is here! 🤩 Can’t wait to dive in.
Congrats to @chriscoyier and team! 👏👏👏

https://codepen.io/beta

CodePen 2.0 Beta

CodePen 2.0 is in public Beta. An all new editor experience featuring a file system, compiler, realtime or async collaboration, deployment, and more.

Tim Brown Mar 1

“I am still convinced that there is a strong case to be made for trying to maintain – and even surpass – classical standards of typography while making the fullest and best use of the baffling range of computer-aided equipment that is now available.”

[...]

“A short time ago, I found a tradesman’s card which read: ‘Painting, decorating and carpentry undertaken by professionals: do-it-yourself jobs fixed.’”

— John Dreyfus, 1988

Tim Brown Feb 22

Nick Sherman Feb 20

Something that’s bothered me for a long time about Safari (@webkit?) is how it can really sabotage the spacing of fonts by rounding glyph positions. It’s most notable with medium-to-large type, especially when resizing windows, which causes glyphs to jump around in whole-pixel increments.

It seems fonts rendered at 33⅓ pixels and above get switched to whole-pixel glyph positioning. The spacing of many fonts is designed in increments of 1‰ of 1em (often even smaller), so seeing glyphs knocked around as much as 30‰ at a time is quite jarring.

It doesn’t happen in other macOS browsers, or even basic apps like TextEdit, which presumably always use sub-pixel positioning.

Is there a workaround for this? Using `text-rendering: geometricPrecision` in the CSS doesn’t help.

Tim Brown Feb 21

Chris Silverman 🌻Feb 21

#notesArt #mastoArt #art #illustration

Tim Brown Feb 21

Richard Rutter Feb 19

RE: https://front-end.social/@piccalilli/116097200401916672

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.