Modern fluid typography editor
A great tol to simulate the use of clamp in fluid typography.
Modern CSS Techniques To Improve Legibility
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.
Pixels vs. Relative Units in CSS: why it’s still a big deal
The most important reason for using responsive and unitless values in our CSS is for supporting our users that rely on zooming. If you read the Web Content Accessibility Guidelines, our users need to be able to zoom the viewport without loss of content or functionality, or restrictions imposed by CSS values or viewport scaling settings.
“Variable Fonts and the Future of Web Typography” by Jason Pamental—An Event Apart video
Variable fonts include EVERY width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. In this hour-long presentation captured live at An Event Apart Orlando 2018, Jason Pamental delves into the ins and outs of variable fonts, showing you not just how far the new capabilities can take us, but how to make use of them right away.
Drop caps & design systems - Vox Product Blog
Type Scale - A Visual Calculator
Typeplate » A typographic starter kit encouraging great type on the Web
A neat typographic starter kit
JSCamp: CSS Next
typespiration.com - treating typography with respect — treating typography with respect
// treating typography with respect
A Richer Canvas | Mark Boulton
Useful Web Typography Tools
Twitter Bootstrap
Thinning Text in Webkit (Safari) - HTML & CSS - Resources - Ordered List
Web Directions South 2010 Opening Titles
RT @stop: Mind blown. Bar raised. @themaninblue's title sequence for WDS, using HTML, CSS, and JS: (view in Chrome)
Good Fucking Design Advice
Good laugh, great advice and resources
Gridulator: Make pixel grids, lickety-split
Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers
Bulletproof @font-face syntax
Paul Irish's take on bullet proofing your @font-face definitions as IE needs an .eot font and the others browsers require .ttf or .otf