Smooth Page Transitions With Javascript Tutorial

March 30, 2019834095


Check out my courses here! https://developedbyed.com #pagetransitions #web development #javascript Today we are going to build out a website and adding smooth page transitions using javascript. We are going to use highway.js to create the page transitions between the html pages and gsap to add animations. Since this page transition library uses modern ES6 we are also going to cover parcel to bundle everything up together for us. Check out HighwayJs: https://github.com/Dogstudio/highway/ ❤Become a patreon for exclusive videos and more! https://www.patreon.com/dev_ed Microphones I Use Audio-Technica AT2020 - https://geni.us/Re78 (Amazon) Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon) BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon) Camera Gear Fujifilm X-T3 - https://geni.us/7IM1 (Amazon) Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon) PC Specs Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon) Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon) AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon) Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon) ASRock B450M PRO4 - https://geni.us/YAtI (Amazon) DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon) Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon) Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon) Logitech G305 - https://geni.us/PIjyn (Amazon) Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon) DISCLAIMERS: I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites. 📕 Things covered in this video: - How to create smooth page transitions - Learn to use highway.js for page transitions - How to add animations to our page transitions with gsap - Bundling everything with Parcel.js 📔 Materials used in this video: Starter Files: https://github.com/DevEdwin/page-transitions-js 🛴 Follow me on: Twitter: https://twitter.com/deved94 Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/DevEdwin 🎵 Music: Outro: LAKEY INSPIRED - Me 2 (Feat. Julian Avila) Music By: https://soundcloud.com/lakeyinspired Intro: Dj Quads Track Name: "Every Morning" Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 http://creativecommons.org/licenses/b...