I literally started with coding few months ago, and found this guy and I swear he is soo damn funny I fell in love in coding even more!! Keep up the good work mate!
@@nonamed56 websites are now getting REALLY bloated with LOTS of scripts being loaded and run. When profiling a site, look at how much time is spent on scripts. where possible, don't. CSS allows for animations without js.
@@Creedoo its about speed of development and reduction in scripting bloat. The ONLY things that matters is end user experience followed by that the website performs its intended functions.
Ed, not sure if you know this, but I swear you save people from depression, with you humor, absolute legend, thank you for all the content, over the years!!
I probably could have built this and was gonna skip but your comentry & intro made me laugh so I stuck around. Ended up learning something and was very entertained. You have gained a sub good sir!
I like your channel because you don't bs like most "developer/youtuber" does where they just talk about themselves and their journey. You actually help people and I applaud you for that. Keep these videos coming dude you are doing great! Cheers!
22:11 TIP: If you set `y: "100%"` you won't be able to animate `y: "0"` only `y: "0%"` (at least in GSAP 2.0). Solution: use the rule `yPercent ` instead of `y` if you plan on using percent values.
I think you said you already did the react course, I really love your courses, more direct and clear explanation, helped me with more than 4 project, thank you for everything you present in your channel.
Hey, I'm Italian and I can anyway understand you and I really like your humor so don't be angry. I understand with "learn by doing" couple of things. Sure I'm not a pro now but you must go on! (and thank you for your contents)
holyshit. This guy could be a stand up comedian instead of programmer. I laughed so hard while watching this video. Thanks man for made my day a lot better today :)
Please can you help me to solve a problem. I create a website with react. I finished the site, I want to hosting it to share it with my friend. I use github, but the problem whene I create new terminal and: npm start that good. I create "git init". This is the problem the terminal show a red paragraph. Tell me git init is not recognized as the name cdmlet.... Please help me to solve this problem
@@none-xy2ox hosting a website is a whole other topic and requires more than a simple answer. Luckily, there are tutorials for that too :) but if you want it quick and easy, look into ngrok (yes, i spelled it right)
if you take out the slider class it makes the animation better, rather than seeing a grey slider but its better if you add another image in the slider rather color
Subjective take on what gives a good first impression. It can be argued that too much motion or unnecessary animation can be tacky, leaving a poorer impression than just a static page.
Hello Ed, I always love your tutorial videos, and I have watched a lot of them and learned a lot from them. One little request from my side: can you put the library you are using in the title so in the future if I want to search it up and rewatch it I can find them? Cuz now I can only do that from memory of which video you have done on say for example, “Gsap” in this video. Thank you and may you have a blessed day
who's that guy on the right trying to mimic your movement
He's veD dE, his doppelganger
@@beinyourguard lol A+
he is also Ed but sheeran
He is always trying to catch up with Eds smooth moves!
"It's all darkness, just like our lives"
That had me laughing then crying
same here bhai
I was dying lmao
😂🤣
WHEN HE SAID BACK TO THE CODE HE MADE ME SO FCKIN LOUD LAUGHING
when you realize "innovation" is misspelled but you don't care because the animation is too cool!
Ikr
mispelling = inovative
Holy crap, I literally didn't even notice this until now(and I've replayed the animation so many times)😂 Shows what a good animation can do
I really like how you teach, it looks so real.
- “it should work, what did I messed up”. So true
Ed, you make courses and tutorials human.. Amazing work, appreciate it!
You are the best programming teacher I've ever used on this website. Your teaching style is amazing
I literally started with coding few months ago, and found this guy and I swear he is soo damn funny I fell in love in coding even more!! Keep up the good work mate!
Always refreshing to see any tutorial from you. "Best way to learn programming is by not learning programming"😂
You'll make a course on react is the best news we can hear in 2020😭
I was disappointed that he did use js animation instead of css. just a stylistic sort of thing
@@TheBelrick why?
@@nonamed56 websites are now getting REALLY bloated with LOTS of scripts being loaded and run.
When profiling a site, look at how much time is spent on scripts.
where possible, don't. CSS allows for animations without js.
@@TheBelrick you do realize that the animations gsap library provides are way above what css can do ?
@@Creedoo its about speed of development and reduction in scripting bloat. The ONLY things that matters is end user experience followed by that the website performs its intended functions.
Ed, not sure if you know this, but I swear you save people from depression, with you humor, absolute legend, thank you for all the content, over the years!!
@TurkBros. Production I'm sorry but he's not, you are
I probably could have built this and was gonna skip but your comentry & intro made me laugh so I stuck around. Ended up learning something and was very entertained. You have gained a sub good sir!
I have watched tutorials, but none has been so fun and informative. BEST TUT EVER.
I like your channel because you don't bs like most "developer/youtuber" does where they just talk about themselves and their journey. You actually help people and I applaud you for that. Keep these videos coming dude you are doing great! Cheers!
I've been looking to make something just like this. THANK YOU
19:36
be careful ed, your health is the most important thing.
Awesome tutorial btw, take care
dev ed: get the hell out of here! speaker: nooooooo dev ed: oops
Speaker: makes sound
Ed: I'm about to end this mans whole career
Speaker makes noice..
Normal Person: Turns off speaker
Ed: Unplugs speaker and throws it away ! 😂
he's crazy and i love it 😂😂😂😂
"- Let's grab 'big text'.
-I'll tell you what else is big.."
You cheeky boy😄😏
Oh man
Discovered your Channel few days ago..
I must say.. ur videos r addictive. ✌🏻
I love your tutorials my friend. Simple and elegant. Well done as always!
Very nice! You should show how it looks in responsive variations :)
22:11 TIP: If you set `y: "100%"` you won't be able to animate `y: "0"` only `y: "0%"` (at least in GSAP 2.0). Solution: use the rule `yPercent ` instead of `y` if you plan on using percent values.
Hey man, your channel has helped me a lot, while I'm learning Web Development.
Just wanted to leave a like, and this comment.
Take care. :)
You are now officially on eof my favorite code teachers. Good job my friend.
Sir you are very cool, you are my motivation for web development,
Very soon I'll also start my channel thanks to you.
I think you said you already did the react course, I really love your courses, more direct and clear explanation, helped me with more than 4 project, thank you for everything you present in your channel.
I hope this massage reach u.
Once more good to wake up to your videos, thank you from Canada!
Your personality is making me convinced that I should meet you once in my life
You're you too humble buddy, you make learning easy with your humor
I liked how you explaining lessons
I'm studying javascript , I loved your work
Always wanted such gr8 content.... finally found someone who teaches gr8
Absolutely love you tutorial,2 minute in the vid and i already want to scroll down to subscribed,much to my surprise,i already subbed,great video man
You are so underrated bro. Love your videos! Just got the "creative js course"
This was such an awesome little project. I am absolutely using this going forward -- many thanks for another great video!
Man, I don't watch a lot of your videos, I don't know you that well. But something in your voice and in your behavior makes me like you.
Awesome job! I didnt know before how works animations , now its look like simple :)
Love the new format. Only wish the camera angle was more front facing
Excellent video.I'm digging how easy this is with GSAP.
Hey, I'm Italian and I can anyway understand you and I really like your humor so don't be angry. I understand with "learn by doing" couple of things. Sure I'm not a pro now but you must go on! (and thank you for your contents)
holyshit. This guy could be a stand up comedian instead of programmer. I laughed so hard while watching this video. Thanks man for made my day a lot better today :)
Wow, in 30 mins you just showed me how to use gsap 3 and made me definitely want to try it.
Fantastic! Thanks for the introduction to gsap, sir.
This is so awesome!! , now I'm wondering how to make it responsive!
watching you and learning is the best thing i can do in quaratine
02:30 "FInd a better video than this one " damn, it had me laughing as f***)
one of the Best programming content on RUclips
1:14
Speakers making a notification sound
Ed: [Throws it aways like NBA basket-baller]
Like if you are a terrible swimmer 🏊♀️
yeah bro!! ❤
When will you release rest of the react tutorial?
Please can you help me to solve a problem.
I create a website with react.
I finished the site, I want to hosting it to share it with my friend. I use github, but the problem whene I create new terminal and: npm start that good. I create "git init". This is the problem the terminal show a red paragraph. Tell me git init is not recognized as the name cdmlet....
Please help me to solve this problem
@@none-xy2ox hosting a website is a whole other topic and requires more than a simple answer. Luckily, there are tutorials for that too :) but if you want it quick and easy, look into ngrok (yes, i spelled it right)
@@magolao but I matched a lot of tutorial but doesn't work
Dude this is amazing ! Thank you Dev Ed :)
Do more of these! But more of how JS is commonly used on websites - buttons, on scroll etc.
This could've been done with CSS alone.
This is why I subscribe to this channel. Quality content AND a hilarious teacher. Thanks, Ed!
YAAASS!! This is what I've been waiting for!
I really like your way(style to making everything looks like web development is tooooooo easyyyyy for you)
if you take out the slider class it makes the animation better, rather than seeing a grey slider but its better if you add another image in the slider rather color
You're amazing and precise .. Thank you Ed .Nice tutorial . Grasped everything I needed to know!
Thank you for making all these tutorials!! You are one of my favourite youtubers on this platform! Hope you are doing well :)
Awesome awesome awesome!!! The animation is too cool!!! Tks buddy
I freaking LOVE your videos!
It's like ASMR or something
not only educating but also entertaining this guys is hilarious 😆
Thank you for this quick guide and introducing me to GSAP.
I swear you perfectly timed it. The moment I looked at you on the screen is when you said "Are you cheating" lol
ay man, im learning front end web development, and i gotta say you make it fun bro
"What are we doing? OH, we're building animations" I feel that
ruclips.net/video/-ZKwMlbyr48/видео.html new html,css and javascript game project
I laughed so much during this great tutorial video :) Thank you!
You should also consider doing stand up comedy...
I love your tutorials. I love your personality. Thanks for teaching us.!
Hey man love you efforts it's so fun to watch and easy to learn . Hope you are doing well and stay happy❤️
Love This !! really enjoy your video content !!
This is amazing I didn't know about this library! so much easier!
You are real Comedian Developer Teacher Ever we meeting :D
Really Awesome Intro as well.
Learning is one thing but your video really keeps me relax . Your vibes are super cool🔥🔥
ty so much. The last 30 minutes of my work are rescued.
New sub. Great video as usual. The same effects can be done with CSS but it's easier to do it with GSAP in JS. Just my opinion.
Again, great content. Thanks for filming. Hope you are well.
Love you Ed!! Fab tutorial again!
Subjective take on what gives a good first impression. It can be argued that too much motion or unnecessary animation can be tacky, leaving a poorer impression than just a static page.
I've said this before, I'll say it again. This Chanel is gold
really liking the humor in this
thanks for all the great tutorials you honestly help me out a lot
This is an awesome tutorial, thanks Dev Ed.
Hello Ed, I always love your tutorial videos, and I have watched a lot of them and learned a lot from them. One little request from my side: can you put the library you are using in the title so in the future if I want to search it up and rewatch it I can find them? Cuz now I can only do that from memory of which video you have done on say for example, “Gsap” in this video. Thank you and may you have a blessed day
I love how this guy smile while coding, thank u teacher💕🐧
13:43 -LMAO ,dude that was just awesome
I love the way you teach tutorial. And these tutorials helps me a lot in hard time. If you know you know😁
Your video is so awesome. I have learnt a lot from your resources
Awesome content, new ideas with a great workshop!
Love Your videos and your humor xD Thanks for sharing your knowledge!!! Appreciate it!
you make it easy to learn this, thank you!
Best tutorial ever, first time that i don't close a tutorial video after 5 minutes😂
You are one of my favourite teachers Ed! I hope you are doing good brother.
if you wanna put it in the middle just use
display: grid; place-items: center;
Easier and shorter
Thanx for another great video! Learning a lot from you. Hope to see more videos !
This was simple and beautiful.
My entertaining part of the day is watching your videos lol!
26 minutes just for one animation!! great!!
I like your strange sense of humor when you are teaching us this awesome tricks.
man, cant wait for your react course
We need to form a Dev Ed community 🤩🤩
Man I love your tutorial I learned everything from you
Pretty good walk-through!