Category:

Tutorial

Duration: 27:21

21,401 views

327

In this JavaScript video, you’ll learn how to create a smooth page transition with a JavaScript library called Highway. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_YTbCzhDpBHc&utm_medium=referral&utm_source=youtube.com&utm_content=description

When navigating from one web page to another, a browser will use hyperlinks to determine which file to open. The process involves one page closing and another loading, and it’s usually a slightly jarring experience (albeit one we’re all very used to).

It can be done more smoothly! There are a number of techniques which allow us to load the new page, transition over to it, and update the URL in the browser at the same time. In this video, you'll learn how to use Highway.js, a JavaScript page transition library, to fade a web page out and then fade the new page in.

► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_YTbCzhDpBHc&utm_medium=referral&utm_source=youtube.com&utm_content=description

Read more on How to Create Smooth Page Transitions With JavaScript on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/create-smooth-page-transitions-with-javascript--cms-36290?utm_campaign=yt_tutsplus_YTbCzhDpBHc&utm_medium=referral&utm_source=youtube.com&utm_content=description

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_YTbCzhDpBHc&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_YTbCzhDpBHc&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -