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

Javascript By Builder

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):

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

PREVIOUS Parallax Tutorials:

GSAP & ScrollMagic

Rellax.js Parallax

Vanilla JavaScript Parallax

Laxxx.js Parallax

Parallax.js

– – – – – – – – – – – – – – – – – – – – – –

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!

source