Coding Kinetic Type

Learn how to use HTML, CSS, and variable fonts to create animated type in this hands-on workshop.

Every day designers use code to create experiences that are novel, dynamic, and playful. With code, we can unlock new and imaginative possibilities for typography through animation and interaction. Over the course of a weekend, this workshop will explore the basics of typography on the web using HTML and CSS and then use them to manipulate fonts and create animations. By the end of the course, students will walk away with the ability to use code to experiment and create typographic experiences full of motion. No prior experience with HTML or CSS is required, as we will start from the basics of coding and build from there.

Learning Outcomes

• Understand the basics of HTML and CSS
• Learn how to load and manipulate fonts and variable fonts
• Apply the basics of animations to web typography