Parallax in HTML, CSS and JavaScript Tutorial - Let's make it happen!

http://www.linode.com/designcourse - Use code 'DESIGNC19' to get $20 credit on your new Linode account!
-- FAST Tut: 01:57 - Bloopers: 31:21
-- You guys did it! 1k likes in 6 hours. So, here's the video where I show you how to take the Figma parallax prototype we designed in the previous video (linked below) and make it a reality in the browser. For this tutorial, I'm using a lightweight (3kb) solution for parallax called Laxxx.js. I've linked below MORE parallax tutorials I've created in the past, which cover a lot more ways to integrate parallax.

Laxxx.js: https://github.com/alexfoxy/laxxx

Part 1 (The design in Figma):
https://www.youtube.com/watch?v=RT5h-lLH0QA

Codepen (This is built just for mobile, not desktop resolutions):
https://codepen.io/designcourse/pen/ExxKPYO

PREVIOUS Parallax Tutorials:

GSAP & ScrollMagic
https://www.youtube.com/watch?v=S18Wh9IELo0

Rellax.js Parallax
https://www.youtube.com/watch?v=aWJgIETz-Kk

Vanilla JavaScript Parallax
https://www.youtube.com/watch?v=Dxm6EwvQIl8

Laxxx.js Parallax
https://www.youtube.com/watch?v=jaVy3SCibJw

Parallax.js
https://www.youtube.com/watch?v=6zGTxITQkN0

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

My site: https://coursetro.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!