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
CSS-Tricks
How to Tame Line Height in CSS
7 min · · In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, · Shared by 64, including Davy De Pauw, Boris Périsset, CSS Weekly, Marius Bleuer
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
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 63, including Kris Fannin, Matthijs Kleverlaan, Boris Périsset, Marc Wieland, Adrian🇨🇭
Oliver Schöndorfer 🇺🇦
How to start with variable fonts on the web
13+ min · · Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages ne… · Shared by 60, including Dominic Grzbielok, Victor Tolosa, sascha aßbach, Boris Périsset, Michael Musgrove, Tableless
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
betterwebtype.com
The Equilateral Triangle of a Perfect Paragraph—A Web Typography Learning Game
2 min · · Learn how to set a typographically perfect paragraph by adjusting font-size, line-height and line length in this cool learning game. · Shared by 41, including Jochen Burkhard, Boris Périsset, Gabriele, George M 🇪🇺, Davy De Pauw, Ian Lurie 🇺🇦 @ianlurie@mastodon.social
Smashing Magazine 🇺🇦 🏳️🌈
Fluid Responsive Typography With CSS Poly Fluid Sizing
20+ min · · We are going to examine how to create scalable, fluid typography across multiple breakpoints and predefined font sizes using CSS Poly Fluid Sizing. · Shared by 41, including Mattia Fregola 🤔, Boris Périsset, blinch
utopia.fyi
Utopia
· Fluid responsive design · Shared by 39, including Boris Périsset, Richard Rutter, David Garner, David Hellmann, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ
grillitype.com
grillitype.com
1 min · · Version: {{main.app_version}} · Shared by 30, including Jonas Hartmann, Boris Périsset, Helmi, Davo ⚡, Kim Schläpfer, Matt
supremo.co.uk
Type Terms
3 min · · Type Terms. The animated typographic cheat sheet. · Shared by 28, including Boris Périsset, Paolo Sinelli, Prof. Arun Kumar वाघचौरे, Chris Peterson
glyphsapp.com
Font Editing for Everyone
20+ min · · Create – Produce – Release | Font Editing for Everyone · Shared by 27, including Erika VanDerBent ☺︎, Boris Périsset, @meyerweb@mastodon.social, René Clausen Nielsen, Chris Messina
youworkforthem.com
The Original Creative Marketplace
1 min · · Download Creative Fonts, WebFonts and Stock Art. We are the original creative marketplace, online since 2001. · Shared by 25, including Boris Périsset, Chris Messina, Tomas Vestenicky, Tobias van Schneider
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
convertcase.net
Convert Case - Convert upper case to lower case, lower case to upper case and more!
· Easily convert text between different cases: lower case, UPPER CASE, Sentence case, Capitalized Case, aLtErNaTiNg cAsE and more. · Shared by 21, including CNN Philippines, Boris Périsset, Nakisa "Sista Sol" Glover follow @solnationinc, Mathias Böhm, Michael Sumner, Hugo Londoño