Watch as I show you how to recreate the sliding image track effect from https://camillemormal.com.
Get Font Awesome Pro: https://fontawesome.com/referral?a=755e5ceb4c
Merch: https://cottonbureau.com/p/ESQABX/shirt/the-web-dev-duo#/15799271
Support the channel: https://ko-fi.com/hyperplexed (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript
CodePen: https://cdpn.io/MWXBRBp
Music Credits:
Red Green Blue – StreamBeats – Lofi – Harris Heller
source
Thank you for featuring my website and the kind words! I’m glad you guys enjoy it!
This is so understandable… I loved your pedagogy, this is what I need in life xD
Awesome content
web development is so stupid.
Your channel's content is very precise and also nicely edited 😉
I really enjoyed this video.
Already the music is awesome
i think that in the HTML you should count only what its inside of the body and CSS only the rules
There is a slight issue with the script you gave because if your first click doesn't contain any movement then the percentage isn't set and the animation won't work anymore …
To fix this a check like this in the handleOnUp does the trick
"track.dataset.prevPercentage = (typeof track.dataset.percentage === 'undefined') ? 0 : track.dataset.percentage;"
This was so cool….
Can I get the code for this animation?
I will comeback once i mastering java script
Watching this video makes me rethink my choice to become a coder😭
You´re just a beast!
Ai should help here
More dimensions == sicker animation
how do you make it scroll horizontally bro? happy 600k subs btw 🙂
Well it's as the saying says:
"It's not the method that are expensive, but the idea of inventing it"
Can you please share the whole code?
The website is nice but a maze to navigate. I got very lost just trying to figure out what the website is about. (I tried this before watching the video so that my experience is not biased)
Im glad im a programmer…
Has anyone even tried to replicate this according to the steps in the video? I've tried for hours yet it doesn't even scroll…. all the praise in the comments yet no one has said that the steps worked
I hate how i understand this, but will never be able to make this from ground up. at least for now
loved your style of explaining every line fast. I stopped the video like 12093 times and learned a lot
Thx soo much THIS IS AMAZING FOR LEARNING AS A BEGINNER ❤️❤️ keep it up
Can I incorporate this design "CSS code" in Squarespace?
This is God Level!
Modifying certain parts of the code in the video without showing it is not a good way to do a tutorial.
Great video! Can someone explain why the original website looks like it has more FPS (looks even smoother)?
I must say
WOooow, your style of teaching and doing this is incredible. Please continue….I'll watch every single one.
Thanks
I don´t code YET, but I get there.
Thanks for the awesome videos.
he'd rather lose than deleting the extra lines💀
Thanks now I am gonna implement this in my designs.😂
Wow thanks a lot, you're the only one who explained perfectly. Best regards here from Chile
How would you go about doing this with a scroll instead of a click? I think that would be really cool
Thanks for the tutorial! Do you know why it's all laggy on safari?
This is such a great tutorial. I’m trying to avoid tutorial hell but these kind of quick tutorials really help to nail down these basic concepts
i'm glad i came across this awesome channel!