Articles Tagged
text-box-edge
The text-box-edge
property let us trim the whitespace around text content. It’s used alongside the text-box-trim
property to pick whether to remove whitespace above and/or below text.…
text-wrap-mode
The text-wrap-mode
property lets us control whether text should wrap into new lines or stay (and possibly overflow) on the same line. It is a constituent property for both the white-space
and text-wrap
shorthand properties.…
Your CSS reset needs text-size-adjust (probably)
…[…] Mobile Safari increases the default font-size when you switch a website from portrait to landscape. On phones that is, it doesn’t do it on iPad. Safari has been doing this for a long time, as a
The Contrast Triangle
…Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make
Methods for Contrasting Text Against Backgrounds
It started with seeing a recent Pen of Mandy Michael’s text effects demos. I’m a very visual creature, so the first thing I noticed was the effect, not the title (which clearly states how the effect was achieved). Instantly, …
Comic Book FX Lettering with SVG Filters
Much has been written about how SVG filters can be used to style images or manipulate shapes or even make crazy animations.
But I haven’t seen much about how SVG filters can be used to style text recently. Thankfully, …