A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
RESPONSIVE TYPOGRAPHY
RESPONSIVE TYPOGRAPHY
Orange? Really? Ugh. —Philippa Georgiou in Star Trek: Discovery S2:E13
RESPONSIVE TYPOGRAPHY 2
RESPONSIVE TYPOGRAPHY 2.1
Responsive web design or as I call it: web design —John Allsopp
RESPONSIVE TYPOGRAPHY 2.1
WEB TYPOGRAPHY 2.1
ascent cap height mean line x-height baseline descent
font size ascent cap height mean line x-height baseline descent
Look Ma, no media queries!
Intrinsic design —Jen Simmons
“The journey begins by letting go of control, and becoming flexible.” —John Allsopp, A Dao of Web Design
Stop motion by dina Amin
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
taken from Scott Kellum: Mapping Typography
About line boxes, font-size relations, the CSS clamp() function, non-linearity with CSS animation, and the collaboration of designers and developers
The following resources were mentioned during the presentation or are useful additional information.
A presentation at Tech Talk @ Tagesspiegel in July 2019 by Gunnar Bittersmann
by Ethan Marcotte, A List Apart, 2010-05-25
by John Allsopp, A List Apart, 2000-04-07
A presentation at beyond tellerrand, Düsseldorf 2023
The following code examples from the presentation can be tried out live.
