Perfect amount of stimulus to hold my attention, teach me something, and leave me wanting more, all at the same time.
@onlyforwork87742 жыл бұрын
couldnt have said it any better myself
@rareearthmetal501910 ай бұрын
adhd
@whodoesntlikesurfing4 ай бұрын
Agreed
@6thdim3 ай бұрын
if only it had subway surfers on the side, then i could finally watch this tutorial
@londonguga2 жыл бұрын
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
@RedempleMarcelo2 жыл бұрын
This is my favourite channel. I especially like it when you explain everything so nicely. I wish you a lot of success with the channel and happy life 😊. You Can check my Video too I have Dev Tips Video ❤️
@winstonmisha2 жыл бұрын
agreed. Gsap scrolltrigger is amazing.
@ary_212 жыл бұрын
Knowing raw css essential to apply these effects ? I always use tailwind , and have lil clue about raw css syntax and preferable css applicable on same object
@RedempleMarcelo2 жыл бұрын
@@ary_21 hello check me
@its.arjun.s2 жыл бұрын
@@ary_21 I think you can use tailwind with this. Plus I don't think CSS is that difficult for a person familiar with tailwind
@FlorinPop2 жыл бұрын
When I grow up I want to make tutorials like Mr Fireship! Amazing work!
@yodkwtf2 жыл бұрын
don't we all?
@ivmawho2 жыл бұрын
You are already creating amazing stuff @Florin Pop
@RedempleMarcelo2 жыл бұрын
What languagr you use?
@meseretkassaye85502 жыл бұрын
we got under 18
@lycan24942 жыл бұрын
Florin Pop 1. u fell off 2. u said u were gonna be millionaire in 365 days, its been more than 6 months what happened?
@MuhammadUzair-vw4hw2 жыл бұрын
Thanks a lot Jeff! Please keep going on 5 minutes webdev project.
@teodorchirileanu2 жыл бұрын
Please do!
@abdullahalshohail28652 жыл бұрын
I agree it's super useful
@franciscoalderete2232 жыл бұрын
ratio
@adam-tt4yz2 жыл бұрын
Yes
@meet_codes74672 жыл бұрын
Please
@oku13172 жыл бұрын
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.
@justSomeUserOnYT2 жыл бұрын
Yep and it's even worse on mobile. You have to physically keep scrolling with no indication as to if you are actually scrolling. This is just an art project when implemented but is some of the worst UX designs.
@DroolRockworm5 ай бұрын
It’s that classic case of a bunch of idiots deciding everyone likes some stupid thing they like and then everyone adopts it just because everyone is adopting it, with no critical thought involved on any level
@clingyking27742 жыл бұрын
😂 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.
@erfling12 жыл бұрын
I love the Firewatch implementation. It's really simple and elegant. Something like 20 or 30 lines of very readable JS
@aVeryTinyCat2 жыл бұрын
Just want to add that while ScrollMagic has been used on many story-oriented sites in the past, it's now barely maintained and most of the functionality has been superseded by GSAP (timelines) in conjunction with the GSAP ScrollTrigger plugin, which is actively maintained.
@nathankelly57102 жыл бұрын
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!
@DrakiniteOfficial2 жыл бұрын
holy crap, this looks S O O O O much easier than handling all the parallax math myself. I should really start using React for my websites.
@eliascotrim512 жыл бұрын
"I should really start using React for my websites!" - every programmer since 2012
@DrakiniteOfficial2 жыл бұрын
@@eliascotrim51 too true.
@rodrigopatino33822 жыл бұрын
I just cant believe my eyes... i was making this project as a graphic designer for my portfolio and suscribed to your channel 2 days ago. I was thinking... ''if only someone like Fireship did a tutorial explaining something like thiss woud be awesome, now I open youtube and see this"... man
@phantomrex13482 жыл бұрын
Woah actually a KZfaqr I learn from! Keep up the awesome work 🤠
@ranadenish2 жыл бұрын
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!
@maestro0972 жыл бұрын
Definitely the best channel currently on KZfaq. 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!
@bibhuprasad69622 жыл бұрын
Best time of my day starts with this "5min" "Thanks a Lot"
@kosyauzer47872 жыл бұрын
You wont belive me, I was doing parallax today at work. Accuracy of topics u choose for videos are insane. For me at least
@Hmmmmmm4872 жыл бұрын
You are the best programing youtuber ever
@UnderstandingCode2 жыл бұрын
Awesome! It's like an hybrid of SVG's detail and a web page
@turboballer2 жыл бұрын
I can't get over how cool the Firewatch page is. Cleanest use of parallax I've seen.
@codecrook Жыл бұрын
That "Bye Mom" at the end, hit me real hard!
@DampeS8N2 жыл бұрын
If you're down to learn stuff it is _usually_ much more performant to build your own parallax. You won't have to wait for libraries to update as new techniques for speed come out, and you will look like a rock star. You can take advantage of things like rendering backgrounds on a canvas and use other libraries that give you graphics acceleration, and bring down JS bloat.
@cokeantonio2 жыл бұрын
True. I built my own parallax hook with framer motion which can be used to animate everything else as well and is not just limited to the parallax effect.
@kratos_respawned Жыл бұрын
@@cokeantonio can you please share the GitHub link
@lamnguyenduy946 Жыл бұрын
so freaking cool, thank you sm!!! subscribed twice
@abdallahshaban48042 жыл бұрын
Your channel is one of all time favorites! Thank you, Jeff! This was so cool!
@samuelfarach2 жыл бұрын
Heeey, I know that VOICE! GMTK!!! A pleasure to absorb your knowledge in a field other than video games!
@rachinter2 жыл бұрын
Something about Fireship videos makes me wanna watch every fireship video that shows up on my recommendations, even if I don't understand some topics......but learned a lot from this channel btw 🔥💯👍
@fiddle47592 жыл бұрын
Just realised how much I've missed these types of videos from you. Still addicted to your channel in every way though.
@gavdev122 жыл бұрын
Gosh I remember doing this with vanilla js back in the day
@LinkEX2 жыл бұрын
Was it hard?
@gavdev122 жыл бұрын
@@LinkEX If it was very simple like a background image moving with a div moving faster over it, it wasn’t too bad. But once you start layering a bunch of svgs it can become a little much. Thank goodness we have React now :)
@Hari-ic8ui2 жыл бұрын
OH MY GOSH WHAT just this morning I was thinking about implementing a parallax on a webpage! And now I see this video. Wow, just wow.
@user-pb7ti1cl5h2 жыл бұрын
Thanks a lot. Now I understand why I feel dizzy when I'm scrolling the Apple product pages
@MohdAfnan2 жыл бұрын
We want more 5 minutes tutorials like this one
@currenluna Жыл бұрын
5-min Vanilla JS WebDev Projects would be awesome! Thanks for these, Jeff.
@philhagerman2 жыл бұрын
I love these short tutorials on KZfaq as they provide a perfect jumping in point for my own research. The thing that stinks is they are always using React, Vue, or now Svelte. It seems there is no love out there for the enterprise developers who use Angular. I’d really appreciate seeing this type of content in an angular context every once in a while. 😀
@capfarps2 жыл бұрын
like this format of tutorials!
@mvgiacomello2 жыл бұрын
5 MINUTES TUTORIALS FOREVER, forget about the other content types. Jokes, I watch all of them.
@AbdessamadLZ2 жыл бұрын
Just finished a chapter in svelte tutorial which contained the same firewatch game website you mentioned, it got me confused, but here you're saving me.. as always!
@glennmatsiwe87052 жыл бұрын
Yes please we would like these five minutes tutorials.
@chukwuemekaallison2 жыл бұрын
Woah!!! A lot of value in just 5 minutes. Awesome!!!
@CookiLover3112 жыл бұрын
I had actually wondered how it worked
@norvusordoseclorum Жыл бұрын
It's amazing how he finds such cool animations for his gifs
@universecode11012 жыл бұрын
another cool video ✌🏻thanks
@44chan682 жыл бұрын
i have seen some people are copying fireship he is the God in these kind of videos awesome work
@shmuelisrl2 жыл бұрын
the fire watch page is so satisfying
@har8mes2972 жыл бұрын
wow!!! Thank you a lot!!! I never understood how to do parallex effects. That there is a React library for that is incredible. Now i can try to make my web page more interactive!
@blaxyslice2 жыл бұрын
Chocolatey and Homebrew might be a good topic for a video :)
@code913.2 жыл бұрын
I was brainstorming for stuff to add to my website, and then this video is released. Love the video ♥
@thisismadnis39782 жыл бұрын
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!
@arkk50872 жыл бұрын
I’m addicted to this channel. Someone please help me decide if it’s good or bad🙃
@CreativeTutorialsWeb2 жыл бұрын
Wow another great work by fireship, your projects are so underated 🔥
@avidworkslol2 жыл бұрын
The Firewatch parallax is soooo good.
@MercyFromOverwatch22 жыл бұрын
Jeff is still my favourite tech youtuber
@kaufmandaniboy2 жыл бұрын
Five minutes tutorials are awesome! Keep doing them! And add more svelte content 🚀
@Alex-xl4xe2 жыл бұрын
Thanks for the "don't fuck with scrolling"-disclaimer a the end.
@ucielsola2 жыл бұрын
Firewatch, one of the best games I've played. Fireship, one of the best KZfaq channels I've found.
@Reddit_StorryTeller2 жыл бұрын
Thx man, I've been trying to learn how to do these things for so long now!
@ivangunchev47822 жыл бұрын
Your ability to show off a technique quickly and with no fluff is second to none!
@princzesbarnabas2 жыл бұрын
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!
@ananthdev23882 жыл бұрын
deja vu, i feel like i've already seen a video on parallax scrolling from your channel
@averagebearattackenjoyer59032 жыл бұрын
Nice! One of these things which kinda impressed me but didnt know if this scrollable 3d effect even has a name. Need to try this one out for sure
@Ruf4eg2 жыл бұрын
The best content ever, please do powershell
@RobertWildling2 жыл бұрын
Since you ask what we would like to see next: How about a how-to of those icons of the programming languages that you introduce in your 100 minute series? (I think this is the 3rd time that I am asking for them... sorry, but they are just soooooo cooooool!)
@BG-fo4si2 жыл бұрын
Absolutely love it. It's what we need in IT industry - quick tuto, how to make the job done and bye
@DecentraTalks2 жыл бұрын
I have to just confirm that Fireship pro is 100% worth it
@OzTheWizardOfPorn2 жыл бұрын
Codegrid made a video on parallax years ago using only HTML and CSS. For those who like to build stuff from scratch. (note: for complex parallax effects a framework is highly recommended!)
@t.s58062 жыл бұрын
Fireship just dropped another gem🔥🔥🔥
@suvraneelsaha785710 ай бұрын
Great one , But im learning now html css now and making basic websites , Im scared but tbh im loving it . Thanks Fireship
@DK-ox7ze2 жыл бұрын
The Apple pages never scroll smoothly when using parallax. It seems that it's quite cpu/gpu heavy, especially when using multiple parallax layers. Apple should come up with something new now!
@69k_gold2 жыл бұрын
Its a sharp 5 minute video. Respect!
@red-brains2 жыл бұрын
Amazing 😃😃😃😃
@EsquisseBeats2 жыл бұрын
Firewatch’s website is as beautiful as their game
@aashimabatra718610 ай бұрын
that cat has my heart
@salemexpress30142 жыл бұрын
5 mins tutorial is great
@siddhantsharma84542 жыл бұрын
Omg I just love these 5 minutes project😍😍
@thatrandomguy87882 жыл бұрын
Thanks! These 5 min videos are really good for getting a good sense of what to expect. Maybe make a video on when to use different NoSQL databases like HBase, MongoDB, CouchDB, etc? Don't know if other people also want to see this kind of content though..
@daveyeb12 жыл бұрын
more 5 mins web dev projects!!!
@BlurryBit2 жыл бұрын
Ah man, pexels!! Wow now that's an upgrade over unsplash for sure! Thank you for the tip. x-)
@waltersumofan2 жыл бұрын
that's looks like a lot of fun, thank you!
@anil__k2 жыл бұрын
Thank you Jeff❤️
@stephenthumb29122 жыл бұрын
You have me at me parachuting cat
@symphony_vk2 жыл бұрын
Loved this video, Jeff! Can you please do a full react-spring coarse for pro members? I would be really nice!
@MrVanzine2 жыл бұрын
nice one , a 5 min solana Dapp in rust/react would be cool
@tiu52702 жыл бұрын
Amazing tutorial, I just thinking about making parallax web site then this video showed up 🥳
@Filaxsan2 жыл бұрын
Just. Awesome! Thanks Jeff!!
@johndavidson80962 жыл бұрын
Would love to see a tutorial on reactjs + tailwind + electron! Or even possibly setting up vite with electron
@bedji2 жыл бұрын
I like this New format of tutorial 👏
@mohammedramadan74011 ай бұрын
Perfect Explanation Jeff!
@uncoverjapan2 жыл бұрын
Just another example of firewatch as a brand just being on point with their aesthetics and design.
@Hopp3rTx2 жыл бұрын
Thanks for increasing my hourly rate!
@YieGin Жыл бұрын
That was pretty good thanks
@ahmedthebest2 жыл бұрын
This kind of video is very interesting
@yashsolanki0692 жыл бұрын
Thanks for this cool demo ser! .🙌
@mohamednassimouerdane12292 жыл бұрын
Amazing video, I would like to see Chart.Js next in a 5min video :)
@Vbarnaaa2 жыл бұрын
Amazing!! Thanks for the tutorial
@AdamSchnaare2 жыл бұрын
Awesome video! Something I'd love to know your thoughts on - best practices for building and using a component library. And particularly...any thoughts on how to document them efficiently?
@anonyme30292 жыл бұрын
awesome and simple tutorials as always
@pessoadahora4462 жыл бұрын
5 minute project format is awesome!
@kushyglowy84092 ай бұрын
Astonishing
@mueezafzal97472 жыл бұрын
Great Tutorail, Could you please make video about Rails 7. Thanks!
@JrIcify2 жыл бұрын
These kinds of websites are why I use 'reader view' quite a lot these days >_>