Quick Hit #92
Chrome Canary trials <meta name=text-scale, making OS-level text scaling work on the web.…
Articles Tagged
101 Articles
text-decoration-inset is Like Padding for Text Decorations
The
text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment. Quick Hit #72
Firefox 146 ships text-decoration-inset, which enables us to customize the position and size of text decorations such as underlines.…
Toon Title Text Generator
Andy Clarke with a brand-new resource. It generates the sort of fun typography that Andy commonly uses in his own work that's geared towards cartoon headings.
Geoff Graham
on
Fit width text in 1 line of CSS
The Chrome team recently prototyped a working solution for fitting text to the width of a container in CSS using a
text-grow property.
Geoff Graham
on
Getting Creative With “The Measure”
A good measure makes reading text comfortable, while a bad one makes it more difficult. So, rather than allowing layout to dictate the measure, doesn’t it make more sense for the measure to inform layout decisions?
Andy Clarke
on
Headings: Semantics, Fluidity, and Styling — Oh My!
A few links about headings that I've had stored under my top hat.
Geoff Graham
on
3D Layered Text: Motion and Variations
In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a whole new vibe.
Amit Sheen
on
Updated on
3D Layered Text: The Basics
A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.
Amit Sheen
on
Updated on