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