keenanpayne.com
Naming typography patterns in CSS
5 min · · I read a great article the other day by Dan Mall titled Typography in Design Systems. In it, Dan talks about how he approaches naming conventions for typography in design systems; specifically, some… · Shared by 2, including Boris Périsset
SuperFriendly
Typography in Design Systems
5 min · · A typographic system that optimizes for guessability. · Shared by 10, including Brad Frost, Boris Périsset, Marius Bleuer
figmadesign
Getting to the bottom of line height in Figma
15+ min · · We’re altering the way we handle text in Figma. Join me on the journey we took to get there — through type history and into the modern times. · Shared by 59, including Kunal Bhatia, Marcin Wichary, Benoist Lawniczak, Boris Périsset, Stu Collett, Fabricio Teixeira
UX Collective
The performance benefits of Variable Fonts
10 min · · When we think about web fonts and their impact on the performance on our websites we often focus on three main areas: · Shared by 56, including Boris Périsset, Marius Bleuer, Joe Lencioni, Davy De Pauw
CSS-Tricks
Fluid Typography
10 min · · Using viewport units and calc(), we can have font-size (and other properties) adjust their size based on the size of the screen. So rather than always bein · Shared by 22, including Boris Périsset, Marc Wieland, Claus Heller 🇺🇦, DON’T PANIC
CSS-Tricks
Simplified Fluid Typography
2 min · · Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core… · Shared by 95, including Adrian Roselli (no blue check) 🗯, Chris Coyier, Boris Périsset, David Hellmann, henrik, Matteo Fogli, Pablo Stanley, Benoist Lawniczak
youtube.com
New CSS for Styling Underlines on the Web
· Finally in 2019, we have new CSS that allows us a lot of powerful ways to style underlines. Jen Simmons walks you through the options. These three new proper... · Shared by 64, including Boris Périsset, Jen Simmons, DON’T PANIC, 6clicks | John Robert-Nicoud, Will Preston
typearture.com
Variable Color Fonts, how do they work?
4 min · · Variable Color Fonts are quite the thing,as they are colorful AND variable. But how do they work? Let's learn what we can do with these magnificent fonts! · Shared by 97, including Michael Musgrove, Chris Heilmann codepo8@toot.cafe, Val Head, Fabricio Teixeira, Veerle Pieters, Boris Périsset
A List Apart
More Meaningful Typography
14+ min · · Designing with modular scales is one way to make more conscious, meaningful choices about measurement on the web. Modular scales work with—not against—responsive design and grids, provide a sensible alternative to basing our compositions on viewport limitations du jour, and help us achieve a visual harmony not found in compositions that use arbitrary, conventional, or easily divisible numbers. Tim Brown shows us how. · Shared by 70, including cassius, Merkstatt@troet.cafe 📯, Paulo Gaspar, Boris Périsset, zeldman, Gabriele, Clemens, Tibor Martini 🇺🇦 @tibor@mastodon.social
madebymike.com.au
Precise control over responsive typography
5 min · · Creating fluid responsive typography with calc and viewport units. · Shared by 7, including Boris Périsset, Una 🇺🇦
internetingishard.com
Web Typography Tutorial | HTML & CSS Is Hard
18+ min · · A friendly tutorial about web fonts and basic typographic principles · Shared by 6, including Boris Périsset
typecast.com
A More Modern Scale for Web Typography
8 min · · Try this new relative typographic scale to avoid gangly headers, undersized body text, and odd looking spacing as your responsive web designs travel between screens · Shared by 1, including Boris Périsset
Prototypr 👁️✨
How to Set Perfect Line Lengths for Your Webpages
4 min · · Previously when we talked about what defines good typography, we mentioned that line lengths can have a lot of impact on readability. · Shared by 7, including Boris Périsset
nowodzinski.pl
Syncope
1 min · · Syncope is a WYSIWYG tool that helps web designers and developers chose the optimal vertical rhythm of the typography for their web pages. Basically, it's a set of tools which adjust the rhythm and… · Shared by 1, including Boris Périsset