For the price of one costa coffee a month, you get monthly templates and access to the actual source code. People need to stop complaining. The value for money is unreal. This creator is insanely hard working and we are fortunate to be able to benefit from it.
At 7:47, i would suggest to remove the child using the index as a reference instead of the node element. This works when you hover through the different options in normal speed. But if you do it fast, since the code it is executed "on complete" after 0.5 seconds as especified in the gsap transition, it will fail to delete the child. So you will start to stack lots of images. At least that happened to me, so just in case someone else faces this same issue. Cool video thanks a lot!
Very Impresive site! I'll try to do one similar watching your video, asap. I'll comment again soon my friend, meanwhile here is your like! Keep the great work and sharing wonderful ideas as this one :)
Nice animation but It would have beena lot better if you could explain why you are writing the code that you are writing. You are very briefly summarizing each section which leaves beginners out of context. At least not many would be able to recreate this after watching this video cause the explanation is not to that extent. Anyways good animation bro!
Nice, thanks! Can you create more video about using gsap with nextjs 14? We're usually use nextjs to create multi pages websites for our clients for the project scalibility
Great suggestion! Tbh, I personally haven’t explored Nextjs much yet even though it’s too popular nowadays. The another reason for sticking to HTML/CSS/JS videos when it comes to content is - it also makes the videos beginner friendly so literally anyone can watch it and learn while the experience devs can take these pieces and use the logic with any stack they might be using. So it fulfils both the purposes. But I hear you! I often hear sometimes converting such pieces into these modern libraries can be trickier so perhaps I will focus on it in future! Thanks
Could you please share your secret about how you are getting better at HTML, CSS, and JavaScript? It's so important for me to have just one video for your journey, showing how much time I spend doing things like you, and other things? Please
I have got some other requests as well to share my journey, etc! Not sure about the timeline when the video comes out but I’m thinking it o start working on it soon
Nope! But you can add media queries for the variants’ positions and that’ll be it! Tbh, hover effects are not typically used on mobile devices - you would need a click handler and just showing an image would do it due to limited space we have on phones.
why do we subscribe if you give important files to only pro or paid subscriber. sorry I will not subscribe, like and share
It's true. I was thinking the same part of it
whæt? the file’s already free, you just follow the video. what’s wrong with that?
It costs time to make the videos and therefore costs money. You get what you pay for.
Least you could do is follow along the video. If you won't support the creator, don't spew bad rhetoric. I will be liking and subscribing :)
Following along is already free, and subscribing encourages Codegrid to make more content. It's the least anyone can do.
For the price of one costa coffee a month, you get monthly templates and access to the actual source code. People need to stop complaining. The value for money is unreal. This creator is insanely hard working and we are fortunate to be able to benefit from it.
🙏🏽🙏🏽🙏🏽
BRO SPEAKING FACTSS!!!
Can we use these commercially?
At 7:47, i would suggest to remove the child using the index as a reference instead of the node element. This works when you hover through the different options in normal speed. But if you do it fast, since the code it is executed "on complete" after 0.5 seconds as especified in the gsap transition, it will fail to delete the child. So you will start to stack lots of images.
At least that happened to me, so just in case someone else faces this same issue.
Cool video thanks a lot!
Makes sense! Thanks for the fix
I'm faces this same issue but i don't know how to apply your solution can you give me the snippets ?
@@DanPhan-d8p same here, im curious howd u do the workaround for this one
Day by day your content is becoming more awesome stuff ❤
Glad you think so!
Your tutorial ideas are getting better and better 🔥 replicating awwwards level designs and animations is elite level content ✨
Glad you like them!
Very Impresive site! I'll try to do one similar watching your video, asap. I'll comment again soon my friend, meanwhile here is your like! Keep the great work and sharing wonderful ideas as this one :)
Thanks 🙏🏽
I am really lucky that I found this channel
🙏🏽🙏🏽🙏🏽
stunning work! Keep post it!
🙌🏼
Great work!. I have a small suggestion, can you please slow down the pace of explanation and video speed so tht we can understand things better.
👍🏼
This was super amazing dude! 🙌
Thanks a ton!
So smooth animation 👍🏻
Thanks!
another fantastic video!!
🔥
🙏🏽
I love with ur videos, thanks, I learn a lot❤
Glad you like them!
Really good 🔥🔥🔥🔥
🙏🏽
Awesome project bro😎😎 im going to learn this
Have fun
🔥🔥🔥🔥🔥
🙌🏼🙌🏼🙌🏼
This Is Dope 🦾👏
Thanks man!
Super Cool
🙏🏽
Great video! What would be the best way to do these kind of sites on mobile? How you approach them?
I do media queries typically
Prepare a video of your journey that will inspire others to learn from this types of website develop
😂😂😂🙏🏽
Nice animation but It would have beena lot better if you could explain why you are writing the code that you are writing. You are very briefly summarizing each section which leaves beginners out of context. At least not many would be able to recreate this after watching this video cause the explanation is not to that extent. Anyways good animation bro!
Nice, thanks! Can you create more video about using gsap with nextjs 14? We're usually use nextjs to create multi pages websites for our clients for the project scalibility
Great suggestion! Tbh, I personally haven’t explored Nextjs much yet even though it’s too popular nowadays. The another reason for sticking to HTML/CSS/JS videos when it comes to content is - it also makes the videos beginner friendly so literally anyone can watch it and learn while the experience devs can take these pieces and use the logic with any stack they might be using. So it fulfils both the purposes.
But I hear you! I often hear sometimes converting such pieces into these modern libraries can be trickier so perhaps I will focus on it in future! Thanks
May i have your help please? I tried our code. but isn't working yet. I think its my fault
great video man, just an advice the background music was a little to loud, love the video otherwise!
Noted! Will take this in consideration in future videos!
Be cool if you did this with React 👍🏻
plzz do it these kind of animations using react,tailwind and framer motion
Noted ✍🏼
Could you please share your secret about how you are getting better at HTML, CSS, and JavaScript? It's so important for me to have just one video for your journey, showing how much time I spend doing things like you, and other things? Please
I have got some other requests as well to share my journey, etc! Not sure about the timeline when the video comes out but I’m thinking it o start working on it soon
what are the names of your images in assets folder?
Hi how are you ? I have a question, how use this code in a tool like webflow or Framer ? It's possible ?
Not sure how webflow/framer processes custom code
yes, RUclips Webflow VSCode parcel cdn.
can i make it so that when on click it would take the users to a new page for that image so that they can purchase it?
Why not! I mean you would have to make updates to code! Depends on how you use the logic
Is it responsive
Nope! But you can add media queries for the variants’ positions and that’ll be it! Tbh, hover effects are not typically used on mobile devices - you would need a click handler and just showing an image would do it due to limited space we have on phones.
at 8:38 what is this sign if (activepreview && activepreview ? ? newActivepreview)
pls help @ Codegrid
!==
that sign is showing like that because font used is "Jetbrains mono" i think, the signi s " !== " , "not equal equal"