Mapping Typography

on YouTube ↗27m

" summary

Examines how typography can adapt across responsive websites by mapping how text behaves across different viewport dimensions and using those maps to drive dynamic interpolations with CSS animations. Covers practical application of these maps in CSS (including animated interpolations) to maintain typographic structure while flexing across devices, drawing on techniques related to fluid typesetting and dynamic typographic systems.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 0:31Mapping Typography
3. 8:20Design systems need to guide people to the right option
4. 8:55Build components around meaning
5. 18:10Typographic maps

" related talks

• 18mAdvanced Fluid Typography (and more)Mike Riethmuller · Decompress AU 2016
• 36mTypography on the WebAnton Kastritskiy · FrontTalks 2018
• 20mDynamic Typographic Systems with Variable FontsJason Pamental · dotCSS 2019
• 36mVariable Fonts and Dynamic Typography with CSSJason Pamental · Web Unleashed 2018
• 47mYou can save Web TypographyOliver Schöndorfer · International JavaScript Conference Munich 2017
• 37mResponsive Typography TechniquesVal Head · CSSConf US 2013
• 53mTypography on the web is like other typography only more interestingIndra Kupferschmid · beyond tellerrand // DÜSSELDORF 2016
• 46mResponsive TypographyJason Pamental · FITC Web Unleashed 2014