Typography

Being able to control the `paint-order` in CSS means you can push the stroke behind the fill, fixing awkward issues with ruining letterform readability.

Blue links with underlines is a good default style for links in body text, but it’s a bit intense. Maybe we can chill it out a bit and be a bit more flexible.

There are 155,063 Unicode characters. A lot of that is stuff from other languages, but there is still a large amount of randomly useful characters like arrows and symbols and whatnot. There are so many that even if you find good lists, it’s hard to search and sort. I like Benjamin Milde’s idea, shapecatcher, that […]

Kerning type is moving individual letters such that the space between them feels right. It’s not something you have to be terribly concerned about with web type generally, but it’s still a good design skill to have for working on type that is quite large or long-lasting like a physical sign, logo, giant headline, etc. […]

You can build your own TypeScript build process, and you might want to if you need true type checking and compatibility with a wider ecosystem of tools. But lots of tools, including now Node itself, just accept TypeScript as if it were JavaScript.

𝐏𝐨𝐭𝐚𝐭𝐨 is not just Potato formatted.

It’s a fun idea to do a full-on March-Madness style-playoff bracket for choosing a coding font. Still a Monolisa guy myself.

A rather exceptional CSS trick discovered by Roman Komarov that uses scroll driven animations to resize lines of text to fit exactly to their container.

TODS: “an open source typography and opentype default stylesheet” from Richard Rutter. I like the idea of slightly-opinionated stylesheets that do a bunch of things you might forget to do, or just as likely, don’t know you can do to begin with. There are loads of goodies in here including a slew of utility classes for […]

Gradient text is pretty easy to do these days with `background-clip: text;` — but it kills your ability to use `text-shadow`. SVG to the rescue.