Beginner Beginner Course Brand new!

Page Transitions

Our go-at-your-own pace course has 3 hours of video lessons that will teach you how to create beautiful, smooth page transitions on your websites using CSS and Javascript.

In this course, SuperHi has designed and produced a series of projects covering how to make websites go from disconnected page navigation to seamless, animated transitions as your users click and interact around your web designs.

This course will teach you integration the Barba Javascript library into your web sites which will then allow you to add CSS and other Javascript techniques to add smooth, harmonious effects to your design work.

Read more

Start learning now!

Buy as part of a bundle!

Early bird pricing – final price $99

What you'll learn

How to design with page transitions and animations in mind

Adding full and partial page transitions to a website design

How to add a timeline of animations between pages loading

How to cache future pages to make your site superfast

How to make sure all your code works on future page transitions

How to add animations within a page scroll

Here’s how we’re different...

Support that actually helps.

Forever-access to our online Slack community of creative students from around the world, learning to code together, plus a Q+A section on every page. With our team based worldwide, we can support you whether you're coding early in the morning or late at night.

Real-world projects you'll want to create and remix.

Our course is practical, unlike other programs that take forever before you make your first real-world project. We care about design and focus on creative industries — it's not a computer science lecture, you're learning to make projects you'd want to make.

Structured, and flexible.

Our course is set-up to deliver real projects – no bullshit! – and we designed it so it’s totally flexible. While you can learn at your own pace, we’ll be here to guide you through-out your learning.

Design focused.

You don't need to be creative to take our courses, but everything we do is focused on making beautiful sites you actually want to make. This isn't your average online school — we focus on the practical aspect of learning.

Who is the course for?

From graphic designers looking to bring movement to their creations to developers aiming to add a bit of pizzazz to their site interactions, this course is for anyone who wants to learn how to add seamless interstitial page transitions.

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 do I need?

A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s it!

Want a breakdown of what the course covers + what you’ll learn? Get the syllabus PDF.

Everything you need to build a website from scratch…

Introducing the SuperHi Editor — an intelligent code editor, designed to make coding easier.

At SuperHi, not only do we teach people how to code. We design and create products that rethink how people should code.

The SuperHi Editor is a code editor, designed from scratch, that hosts all your files in one place and publishes your sites to the web with the click of a button. Get quick tips like spellcheck and color selection while you type. Any questions? Ask Wilson, our AI-powered assistant, and get answers right in the editor.

Start learning now!

Buy as part of a bundle!

Early bird pricing – final price $99

Our students work at…

What our lovely students say…

Start today!

This course is self-paced and you get all the lessons as soon as you sign up

Join thousands of students from over 60 countries and in 16 time zones worldwide by learning with SuperHi.

Sign up now for $69
Early bird pricing – final price $99

In a team?

We’ve taught teams of students from large multinationals to small design agencies how to code. If you’re interested in a team discount, please reach out to [email protected].

Meet your instructors

Our non-nerdy instructors have decades of professional experience, spoken at international conferences and have won countless web design awards.

Rik Lomas

Rik Lomas

Rik is the founder and CEO of SuperHi, previously co-founder of code school Steer and first instructor at General Assembly London. He has taught several thousand people over the last 6 years.

Kristen Altomare-Ciallella

Kristen Altomare-Ciallella

Kristen is our educational designer, making sure all our courses are as frictionless as possible. She previously worked for as a visual designer for Nike and Huge.

...and Wilson

Wilson is our artificially intelligent helper. Ask him anything. He doesn't have any social media profiles but one day he will run the company.