Hey Tom - a TypeScript trick to handle union types conditions is with type-guard :) It is used like this: const isAnimationArray = (animation: Animation): animation is Animation[] => { return Array.isArray(animation[0]); }; Using this in a if statement infers the type to be whatever type that matches the functions condition so you dont need to use the 'as ' :) Hope it makes sense and thanks for the awesome content 🔥
Hey Tom, Can you suggest how I can record clear code? Whenever I record and edit it, my code looks pixelated. I don't know what's happening. I see you and other RUclipsrs have clear recordings of coding, but I don't know how you do it. Can you please tell me? I use OBS, but I still have the pixelation problem. please tell me, man I'm dying with this problem😭
Unfortunately I’m probably the wrong person to ask, I use default settings for everything 😂😂 I use screenflow on Mac, export those recordings into davinic resolve, then export that with their “RUclips” default setting and change nothing 😂😂
@@tomisloading I know, man, this isn't the best place to ask, but I'm fed up with this problem. Your code is so clean, which is why I asked. Thanks for the reply and for sharing your secret😁
@@NAYMURWEB I used to have this problem with OBS. The way I fixed it is just use CBR with 90,000 kbps. Yes, the video will be larger, but the pixelation will be gone
My OBS settings are Video Resolution => 1920*1080, Encoder => Software (x264 low usage preset), Recording Quality => High, FPS => 60. You can check out my coding videos to see if that is the quality you want and then use my settings idk.
I saw gsap and thought we lost a soldier but glad you are still with us.
😂😂
😂@@tomisloading
That's such a brilliant API. Great stuff man.
Will definitely reuse this hook myself! 🔥
Awesome stuff! Really comprehensive! 👏👏👏
Thank you! 😁
Awesome man, really love your content!
I appreciate that! 😁
Another great tutorial, as always! 🔥🔥
Hey Tom - a TypeScript trick to handle union types conditions is with type-guard :) It is used like this:
const isAnimationArray = (animation: Animation): animation is Animation[] => {
return Array.isArray(animation[0]);
};
Using this in a if statement infers the type to be whatever type that matches the functions condition so you dont need to use the 'as ' :)
Hope it makes sense and thanks for the awesome content 🔥
Oh great call!! That’s super clean 😁🔥
Really awesome stuff here! Thank you!
impressive stuff
Goat
can anyone explain or give the code for the gsap homepage button's ripple effect on hover??
can you share your vs-code theme? i really love your videos.
Thank you! I use a theme called Andromeda 😁
Hey Tom,
Can you suggest how I can record clear code? Whenever I record and edit it, my code looks pixelated. I don't know what's happening. I see you and other RUclipsrs have clear recordings of coding, but I don't know how you do it. Can you please tell me? I use OBS, but I still have the pixelation problem. please tell me, man I'm dying with this problem😭
Unfortunately I’m probably the wrong person to ask, I use default settings for everything 😂😂 I use screenflow on Mac, export those recordings into davinic resolve, then export that with their “RUclips” default setting and change nothing 😂😂
@@tomisloading I know, man, this isn't the best place to ask, but I'm fed up with this problem. Your code is so clean, which is why I asked. Thanks for the reply and for sharing your secret😁
@@NAYMURWEB I used to have this problem with OBS. The way I fixed it is just use CBR with 90,000 kbps. Yes, the video will be larger, but the pixelation will be gone
My OBS settings are Video Resolution => 1920*1080, Encoder => Software (x264 low usage preset), Recording Quality => High, FPS => 60. You can check out my coding videos to see if that is the quality you want and then use my settings idk.
How to make sequence scroll animation with framer motion?
If you look up “scroll masterclass” in my videos you’ll see a thorough walkthrough on how scroll animations work with framer motion 😁
Why not just do it with css it will be much simpler and leave the scroll based and other types of animation to framer motion