[VIP] SuperHi: 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.
This is a great next step for students who already have some knowledge of HTML and CSS, or have completed our Foundation HTML, CSS + Javascript or [Javascript for Designers(https://www.superhi.com/courses/javascript-for-designers) courses.

What you'll learn​

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

WHAT YOU'LL GET
Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio
Access the community – Join our Slack and connect with thousands of SuperHi students and alumni
Continued help – Help from our expert teachers and educators with years of experience in the industry
Resources – Resources to get you started and going post-course
8+ hours of video lessons – Practical, go-at-your-own pace learning

WHO THIS COURSE IS FOR
Anyone who wants to learn how to work with variable typography or create their own interactive, kinetic typography from scratch.
This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don’t have this just yet, trying our Learn To Code Now book, or taking either our Foundation HTML, CSS + JS course or our Javascript for Designers course will help you feel as prepared as possible.

WHAT YOU'LL NEED
A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s everything!