Web Unleashed 2019

2019-09-13 00:00:00 2019-09-14 00:00:00 America/Toronto Web Unleashed 2019 Drive your career to the forefront by learning the latest tools, techniques and technologies in front-end web development. Toronto FITC Toronto

Overview

Variable fonts are a transformative evolution of type design that has huge performance and design implications for the web. When coupled with CSS custom properties and calculations, they make for a completely new way to think about typography and UX. This talk will show how these technologies and techniques can be combined in a unique way to enable dynamic, fluidly scaling typography that reacts to screen size and other aspects of user context (light/dark modes for example). It’s a perfect complement for better design systems and accessibility, too.

Objective

To get designers and developers communicating better about typography, variable fonts, and how to design and build better digital experiences.

Target Audience

Developers looking to learn new CSS techniques & designers who want to leverage new capabilities in typography and UX

Assumed Audience Knowledge

Familiarity with HTML & CSS

Level

Intermediate

Five Things Audience Members Will Learn

  1. What are variable fonts and how to use them
  2. New developments in web font loading and performance
  3. How to add support for new capabilities like light/dark mode
  4. How to use CSS Custom Properties and Calc() to create better scaling typography
  5. Ways to improve accessibility and UX through better typography and user controls