You are the best course creator on youtube, because you say what you should say, you write as you fast as your spekaing!!! Many thanks for your videos and your time making those. Have agreat day , john from greece
All these years I've been hand coding these animations and transitions with setTimeout and lo and behold, this has been a thing all along. I guess it's never too late to learn something new tho.
I just bought a Dell XPS 13 2-in-1 which features a wacom interface for the touchscreen, supporting the fancy stylus options that exist. I bought this machine for many reasons but one of them was specifically so i can see how I fare in doing vector based graphics and SVG animations. I can't wait for the stylus to get here to I can start really playing with this stuff. Your video just came in time because I wanted to check out GSAP and SVG stuff. Thanks!
Loved it Gary, I subscribed both to the YT channel and the upcoming course as well. Looking forward to it! All the best and keep more of these rolling.
This is soooo cool! It's not just looking good, but have an excellent logic underneath: how easy it would be just to ease from the right, but I'd never think of showing the blip as a writing, amazing. If someone ever asks why to pay this much money for such an easy thing, I'd say, try and do something fantastic like this including the design!
The nice thing about using Illustrator to create your SVG is that you can name the elements ahead of time... and group them. I would have grouped all those non-essential elements as one group and the card as another group. Would make finding things so much easier later. Especially a complex SVG. I'm a novice at this though... not using Illustrator... just SVG and GSAP...
It's fairly easy to learn. I use to build ads with GSAP. I've taught many designers how to use GSAP that knew little to no code. Once you figure out the timing and what all the to, from stuff means you can have some fun.
Thanks for the tutorial. Small query: How to do the same kind of animations to other elements that are below the page fold when we scroll to them. Thanks.
Since you have used Lottie, would it be faster/better to do the animation on XD + Lottie and just play the animation or is this manual option better ? Thanks you very much for the awesome video.
Hey Gary! Great video, as usual. I had an idea for a video series. We could submit our own layouts, and you would recreate the layout so we could see your approach and compare it to our own.
I'm starting using javascript svg libraries. I'm trying to chose the best library, but i don't know which libraries are the best. I've started using svg.js but i'm not too impressed. Gsap looks nice, but why is it that i can't find much info about it online? A lot of information about gsap seem to be from 2015. Is the project still alive?
Hey all, be sure to leave a comment and like. It helps more than you'd think! (Damn algos!)
as always "great work"
Yea great job
nice . i like that .
Well you start at the beginning!
You are the best course creator on youtube, because you say what you should say, you write as you fast as your spekaing!!! Many thanks for your videos and your time making those.
Have agreat day ,
john from greece
Gary! you do things like God of Designing. Awesome Stuff
My favourite design channel. Thanks for the video, Gary.
All these years I've been hand coding these animations and transitions with setTimeout and lo and behold, this has been a thing all along. I guess it's never too late to learn something new tho.
I just bought a Dell XPS 13 2-in-1 which features a wacom interface for the touchscreen, supporting the fancy stylus options that exist. I bought this machine for many reasons but one of them was specifically so i can see how I fare in doing vector based graphics and SVG animations. I can't wait for the stylus to get here to I can start really playing with this stuff. Your video just came in time because I wanted to check out GSAP and SVG stuff. Thanks!
Just two days ago I started using GSAP, I did watched your previous vids on GSAP. Very helpful!
Hey Gary. Always a pleasure to see you at work. Keep your channel going!
Thank god for this guy, taking the time to explain new technologies like this, as they come out
lol....Trad Braversy :D
I was overwhelmed seeing GSAP documentation and didn't know where to start. This video is great
Well you start at the beginning!
Loved it Gary, I subscribed both to the YT channel and the upcoming course as well. Looking forward to it! All the best and keep more of these rolling.
Great video. The best thing is that you also keep an eye on telling the small stuff like how can we duplicate lines and all.
This is soooo cool! It's not just looking good, but have an excellent logic underneath: how easy it would be just to ease from the right, but I'd never think of showing the blip as a writing, amazing. If someone ever asks why to pay this much money for such an easy thing, I'd say, try and do something fantastic like this including the design!
The nice thing about using Illustrator to create your SVG is that you can name the elements ahead of time... and group them. I would have grouped all those non-essential elements as one group and the card as another group. Would make finding things so much easier later. Especially a complex SVG. I'm a novice at this though... not using Illustrator... just SVG and GSAP...
Whoaaaaa!!!!!
What did I just see...🤩
Gonna take your scrimba course soon.!!!
Wait, really? I was just looking for this yesterday! WOW, such a timing.
Loved it
Nunito font is love
Thanks Garry Simon love you❤️❤️.
Thank you. I did the whole thing in React. Very cool stuff
high-quality tutorials, tkx
looking good, hope we can see the design and build process for the rest of the site as well!
awsome tutorial, so much side infos that are good to know :)
Simply Amazing..!!🔥🔥
Thanks Gary I am comfortable with UI design. Thanks a lot. You are my Guru.(Damn this algos)
that's gorgeous
Thanks man I learned a lot. Appreciate it.
GSAP should be named GASP!! ...it's awesome 😎
Great video!
0:59 at scrimba, u are able to modify the code as u learn... hmm, kinda interesting
This is really cool
Crazy tutorial, thanks.
I've been procrastinating learning GSAP for a quite long time, but now it's the opposite. Thanks Gary!
It's fairly easy to learn. I use to build ads with GSAP. I've taught many designers how to use GSAP that knew little to no code. Once you figure out the timing and what all the to, from stuff means you can have some fun.
Excellent video
Just looking for one of these a couple minutes ago
Hey Just arrived on your channel ! very nice Video, I already have subscribed ! :)
Nice thumbnail👌
awesome video.
but one question sir, which is best Between gsap and anime.js plz reply sir
Thanks for the tutorial.
Small query: How to do the same kind of animations to other elements that are below the page fold when we scroll to them.
Thanks.
cool az 🧡💼
awesome !
couldn't you just use the stagger property for the blips?
nice thumbnail :D
my card is going too high but have written the same plz send help..
How about pausing during the clip and injecting some Iron maiden bass riffs. ))
Pls do a SVG tutorial
Since you have used Lottie, would it be faster/better to do the animation on XD + Lottie and just play the animation or is this manual option better ?
Thanks you very much for the awesome video.
Hey Gary! Great video, as usual. I had an idea for a video series. We could submit our own layouts, and you would recreate the layout so we could see your approach and compare it to our own.
Keep it 👍
I'm starting using javascript svg libraries. I'm trying to chose the best library, but i don't know which libraries are the best. I've started using svg.js but i'm not too impressed. Gsap looks nice, but why is it that i can't find much info about it online? A lot of information about gsap seem to be from 2015. Is the project still alive?
You are the Besssssst
Awsome
is it possible to select and animate pseudo element like ::before and ::after in Gsap?
Yes, he shows how in this video at around 13 minutes 50 seconds
th-cam.com/video/YqOhQWbouCE/w-d-xo.html
How does this compare to using something like Snap.svg?
nice sir
sir make more projects on gsap please
how does this compare to lottie?
why are you using 'em' for padding?
Hey hi there, I want to ask how to create your own SVG ?
TRAD BRAVERSY!
Nice
Trad Braversy ❤️👍🏼😂
Who thinks Gary got buff during quarantine?
สุดยอดครับ
Cool
👀
Seems like I'm early
Trad Braversy, hmm this guy must be a youtuber 🤣🤣
First comment 😁😁😁😁
Trad braversky. LMFAO🤣😂
var.... you devil you! lol
Trad braversy haha
You are justing doing stuff but don't describe why, how? All of your tutorials are the same.
👀