filmov
tv
Mandy Michael - Variable Fonts and Responsive Typography
Показать описание
Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.
We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens.
Let’s explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.
We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens.
Let’s explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.
Mandy Michael - Variable Fonts and Responsive Typography
Very Responsive Typography with Variable Fonts - Mandy Michael | JSConf Hawaii 2020
dotCSS 2018 - Mandy Michael - Variable Fonts and the Future of Web Design
Variable Fonts and the Flexible Nature of Screens and Devices by Mandy Michael | JSConf.Asia 2019
The Future of Web Typography with Variable Fonts - MANDY MICHAEL
Mandy Michael :: Performance Benefits of Variable Fonts :: #PerfMatters Conference
Variables Fonts and Text Effects (with Mandy Michael) — Learn With Jason
CSS is Awesome with Variable Fonts
Variable Fonts JS Example change based on Viewport width
Variable Fonts Squish
Variable Font Demo - Fluid font Weight with Viewport width
Resize text width and size with a variable font width axis and css font-stretch
Scroll Position based Variable font control
View Source 2018 - Mandy Michael - Text Experiments with CSS
Creative Text Effects with CSS - Mandy Michael
Variable Font Grow Effect using Decovar by David Berlow
Ooozing Slime Text with Chee Variable Font
Variable Fonts Design Possibilities & Performance with Jason Pamental
DDD by Night: Mandy Michael
Yes, But Can Variable Fonts Do This — Rainer Erich Scheichelbauer
Modern Typographic Systems With Variable Fonts - Jason Pamental | CSSconf EU 2019
“Variable Fonts and the Future of Web Typography” by Jason Pamental—An Event Apart video
Variable Fonts on the Web, Explained
Variable Fonts and Dynamic Typography with CSS - Jason Pamental
Комментарии