The Parallax Effect // 5 Minute WebDev Project

#webdev #js #learntocode

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How parallax works
- Examples of parallax websites
- Scroll parallax implementation
- Webdev tips and tricks

[musicmoi]

Perfect amount of stimulus to hold my attention, teach me something, and leave me wanting more, all at the same time.

[londonguga]

I've used most parallaxes libraries and I realised that the easiest ones to use are lax js and gsap scrolltrigger... but this one for react I didn't know ... seems cool I'll look it up. You are the best channel on youtube. Thanks

[FlorinPop]

When I grow up I want to make tutorials like Mr Fireship! Amazing work!

[MuhammadUzair-vwhw]

Thanks a lot Jeff! Please keep going on 5 minutes webdev project.

[maestro]

Definitely the best channel currently on YouTube. The quality of content, the animations, the narration and everything else… I’m happy whenever you upload another video. Keep up the great work man!

[oku]

I'm glad you brought up the user experience when using this effect, as I find it especially jarring when full page animations that aren't exclusive to the vertical axis are tied to scrolling. It's pretty surprising that they allow such a terrible user experience on Apple's site, and I really hope their implementation doesn't become a trend.

[clingyking]

😂 So glad I got this 30 mins after release, big fan. I use your channel to source awesome project ideas and new perspectives. You cool bro. Let's keep this going.

[erfling]

I love the Firewatch implementation. It's really simple and elegant. Something like 20 or 30 lines of very readable JS

[abdallahshaban]

Your channel is one of all time favorites! Thank you, Jeff! This was so cool!

[thisismadnis]

This was great I like the fact that you can use this tutorial directly in the next website you build with a minimal learning curve.
Hope to see more 5 min videos like this!

[turboballer]

I can't get over how cool the Firewatch page is. Cleanest use of parallax I've seen.

[phantomrex]

Woah actually a YouTuber I learn from! Keep up the awesome work 🤠

[chukwuemekaallison]

Woah!!! A lot of value in just 5 minutes. Awesome!!!

[nathankelly]

Wow, nice to see the boat get a mention here, I work at SBS and know the developers who created the boat (sadly the creative team behind it has been disbanded). Thanks for the shout out though Jeff!

[CreativeTutorialsWeb]

Wow another great work by fireship, your projects are so underated 🔥

[code.]

I was brainstorming for stuff to add to my website, and then this video is released.
Love the video ♥

[lamnguyenduy]

so freaking cool, thank you sm!!! subscribed twice

[bibhuprasad]

Best time of my day starts with this "5min" "Thanks a Lot"

[ranadenish]

Dude, you should make more videos like this.
I don't generally comment but I want you to know that your this kind of videos are sooo good!

[princzesbarnabas]

Thanks a lot! I just love this channel. In the last week i was looking for this solutuion for a personal portfolio website and my best idea was to use framer motion. But this lib makes it even easier! <3