SuperHi - Page Transitions

SuperHi - Page Transitions

Register & Get access to index
0gT1RxU.png


Integrate the Barba.js Javascript library into your websites and use CSS and Javascript techniques to add smooth and harmonious effects.

This 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.
You will learn how to integrate the Barba Javascript library into your websites which will then allow you to add CSS and other Javascript techniques to add smooth, harmonious effects to your design work.

What you'll learn​

star-yellow.png

How to design with page transitions and animations in mind
square-green.png

Adding full and partial page transitions to a website design
wedge-red.png

How to add a timeline of animations between pages loading
pentagon-blue.png

How to cache future pages to make your site superfast
circle-pink.png

How to make sure all your code works on future page transitions
star-yellow.png

How to add animations within a page scroll

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
3+ hours of video lessons – Practical, go-at-your-own pace learning

WHO THIS COURSE IS 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 an intermediate 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 all!
Author
TUTProfessor
Downloads
363
Views
1,583
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from TUTProfessor