Experimental Typography for the Web

Make type animations from scratch! Learn how to bend and mould typography for use in your own websites using P5.js.

Want to know how to work with variable fonts and how to create kinetic typographic animations for websites? If yes, this creative, go-at-your-own-pace course is for you. We've created a series of projects for this that are all about getting weird with type.

Across 6 hours, you'll learn how to add variable fonts to your websites, plus how to animate and make them interactive. You'll also work with P5.js, a Javascript library for creative coding, to bend and mould typography.

You'll also create your very own kinetic typography animations from scratch, be able to add them to websites and make them user-interactive.

• How to add variable typography to websites and change it
• How to add CSS animations and transitions to web type
• Working with P5.js within an in-browser canvas, even if you've never coded before
• How to think about and create your own kinetic typography animations from scratch
• How to let your users change and interact with your beautiful kinetic type animations
• How to break apart typography into its base components to rework it completely