the slider worked, and if I make 10 or 20 slides will it work? I'll try with 20 slides. In general, your amazing sliders are the most unpredictable and the best in the world of developers.
@@codegrid i have a problem while doing it responsive, could you share some tips that you use for making any design responsive?? Or pre-requisites of doing responsiveness ?
You got some great stuff going on here but unfortunately, the performance is really suffering. The original website doesn't have that issue. I also found your reveal animation, when I run it on my 2021 MacBook pro with M1 MAX chip, the screen flashes black. It also lags when I go between images. What could be the reason?
I completely agree that some of these experiments aren't always fully optimized, and there are definitely factors that can impact performance. For example, one quick fix I've noticed is the use of smaller, compressed image files instead of large, unoptimized ones, which significantly improves animation performance. Additionally, heavy CSS transformations, particularly when manipulating properties like top and left, can sometimes cause browser performance issues. In contrast, using GSAP’s x and y properties leverages hardware acceleration, which often resolves lagging and provides smoother animations. It’s these kinds of small optimizations that can really enhance performance. While there might not be other alternative approaches to building these experiences, I might not be not familiar with all of them. I've personally noticed performance improvements when running older animations on more powerful hardware, like my newer Mac, though this won't always be the case for all users, particularly those with less capable devices. I think this is where libraries like Three.js and WebGL can come into play. I've seen developers using them (like the original website we’re talking about here) to create similar experiences, and since these libraries don't rely heavily on rapid CSS updates, they often run more efficiently, handling complex animations with greater ease. So, I see your point, and I agree with it. There are certainly trade-offs in the tools we choose, and balancing performance across devices is always a challenge.
sir i am download this assets today but it cant run in my laptop slide moving is not work and after extract zip file Script.js File is mising in it. is any setup required pls reply
@howuseehim yeah I think it's because he uses web gl and the truth is I've not seen anyone that uses native web gl to do what he does. I'm not justifying him tho 😂
the slider worked, and if I make 10 or 20 slides will it work? I'll try with 20 slides. In general, your amazing sliders are the most unpredictable and the best in the world of developers.
Can you do this in NextJS?
Thanks !!!
You're welcome!
please recreate the reveal animation of this web
Done already: ua-cam.com/video/X9ENrGZV6bw/v-deo.html
@@codegrid i have a problem while doing it responsive, could you share some tips that you use for making any design responsive?? Or pre-requisites of doing responsiveness ?
@@pashaytff2266 same problem
Codegrid as always never disappoint's ❤
🙏🏽
You got some great stuff going on here but unfortunately, the performance is really suffering. The original website doesn't have that issue. I also found your reveal animation, when I run it on my 2021 MacBook pro with M1 MAX chip, the screen flashes black. It also lags when I go between images. What could be the reason?
I completely agree that some of these experiments aren't always fully optimized, and there are definitely factors that can impact performance. For example, one quick fix I've noticed is the use of smaller, compressed image files instead of large, unoptimized ones, which significantly improves animation performance. Additionally, heavy CSS transformations, particularly when manipulating properties like top and left, can sometimes cause browser performance issues. In contrast, using GSAP’s x and y properties leverages hardware acceleration, which often resolves lagging and provides smoother animations.
It’s these kinds of small optimizations that can really enhance performance. While there might not be other alternative approaches to building these experiences, I might not be not familiar with all of them. I've personally noticed performance improvements when running older animations on more powerful hardware, like my newer Mac, though this won't always be the case for all users, particularly those with less capable devices.
I think this is where libraries like Three.js and WebGL can come into play. I've seen developers using them (like the original website we’re talking about here) to create similar experiences, and since these libraries don't rely heavily on rapid CSS updates, they often run more efficiently, handling complex animations with greater ease. So, I see your point, and I agree with it. There are certainly trade-offs in the tools we choose, and balancing performance across devices is always a challenge.
@@codegrid thanks for the reply. Nonetheless, great content, keep going man we all appreciate it.
sir i am download this assets today but it cant run in my laptop slide moving is not work and after extract zip file Script.js File is mising in it. is any setup required pls reply
Bro Please do animations in nextjs or react
Can this work with images of different sizes and aspect ratio?
Absolutely (which is exactly I’m using a wrapper around images, just so they always adapt container size)
@codegrid Bro please requesting you please provide the project assets in description or in comments section humble request ❤
Yeah! Will do that from next time
Bro u are creative and talented as fck ❤ bro pls tell are you from India? 😮
Yes! 🇮🇳
@@codegrid jai hind bro bhai mera ek help kroge mera portfolio pe?
Aristide benoist is simply a beast
👍🏼
He is a gatekeeper 😂
😂
@howuseehim yeah I think it's because he uses web gl and the truth is I've not seen anyone that uses native web gl to do what he does. I'm not justifying him tho 😂
bro the thumbnail is so bad
Sorry bro
@@codegrid That´s wrong. the thumbnail is perfecto. Don´t worry
I don't think it's bad