1 Trick To Creating Awesome Websites! (JS ANIMATIONS!)
ฝัง
- เผยแพร่เมื่อ 17 ก.ย. 2020
- Check out my courses to become a PRO!
developedbyed.com/
Today I am going to share with you my number one tip to improve the feeling/first impression of a website. Of course we are talking about adding awesome animations with javascript to improve your website presentation.
🎁Support me on Patreon for exclusive episodes, discord and more!
/ dev_ed
Code for you to download
github.com/developedbyed/webs...
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#programming #javascript - วิทยาศาสตร์และเทคโนโลยี
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've been looking to make something just like this. THANK YOU
Ed, you make courses and tutorials human.. Amazing work, appreciate it!
I really like how you teach, it looks so real.
- “it should work, what did I messed up”. So true
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!
I love your tutorials my friend. Simple and elegant. Well done as always!
Always refreshing to see any tutorial from you. "Best way to learn programming is by not learning programming"😂
This was such an awesome little project. I am absolutely using this going forward -- many thanks for another great video!
Thank you for making all these tutorials!! You are one of my favourite youtubers on this platform! Hope you are doing well :)
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!
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. :)
"- Let's grab 'big text'.
-I'll tell you what else is big.."
You cheeky boy😄😏
Oh man
dev ed: get the hell out of here! speaker: nooooooo dev ed: oops
You're amazing and precise .. Thank you Ed .Nice tutorial . Grasped everything I needed to know!
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!
You are the best programming teacher I've ever used on this website. Your teaching style is amazing
Hey man love you efforts it's so fun to watch and easy to learn . Hope you are doing well and stay happy❤️
Speaker makes noice..
Normal Person: Turns off speaker
Ed: Unplugs speaker and throws it away ! 😂
he's crazy and i love it 😂😂😂😂
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.
Once more good to wake up to your videos, thank you from Canada!
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
Awesome job! I didnt know before how works animations , now its look like simple :)
Very nice! You should show how it looks in responsive variations :)
Love This !! really enjoy your video content !!
This is why I subscribe to this channel. Quality content AND a hilarious teacher. Thanks, Ed!
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
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.
Fantastic! Thanks for the introduction to gsap, sir.
You are so underrated bro. Love your videos! Just got the "creative js course"
I have watched tutorials, but none has been so fun and informative. BEST TUT EVER.
Thanx for another great video! Learning a lot from you. Hope to see more videos !
Dude this is amazing ! Thank you Dev Ed :)
YAAASS!! This is what I've been waiting for!
Wow, fantastic tutorial! Thank you so much!
thanks for all the great tutorials you honestly help me out a lot
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.
Discovered your Channel few days ago..
I must say.. ur videos r addictive. ✌🏻
Thank you for this mate. I really appreciate it. Be well 🤙
This is an awesome tutorial, thanks Dev Ed.
Love Your videos and your humor xD Thanks for sharing your knowledge!!! Appreciate it!
Awesome awesome awesome!!! The animation is too cool!!! Tks buddy
I love the way you teach tutorial. And these tutorials helps me a lot in hard time. If you know you know😁
Awesome content, new ideas with a great workshop!
Speaker: makes sound
Ed: I'm about to end this mans whole career
super awesome, thank you for sharing this
love your videos !
Your stuff is cool man, Thanks for the awesome Content!!
Hey, i watch you from Colombia and is amazing your tutorials and knowledge, you've help me a lot of times in the life (lit), congratulations and ¡Muchos éxitos!
Love you Ed!! Fab tutorial again!
Your video is so awesome. I have learnt a lot from your resources
I love your tutorials. I love your personality. Thanks for teaching us.!
Awesome video, thanks for the kool info!
I laughed so much during this great tutorial video :) Thank you!
You should also consider doing stand up comedy...
Excellent video.I'm digging how easy this is with GSAP.
you make it easy to learn this, thank you!
Thank you. Love your tutorials.
Thank you for this quick guide and introducing me to GSAP.
I liked how you explaining lessons
I'm studying javascript , I loved your work
Thanks man, really helping me get to grips with gsap. Have you got any plans for a Scrolltrigger tutorial?
Again, great content. Thanks for filming. Hope you are well.
Learning is one thing but your video really keeps me relax . Your vibes are super cool🔥🔥
You make learning so much fun !!
Thanks for sharing this awesome tutorial!!!
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.
Wow, in 30 mins you just showed me how to use gsap 3 and made me definitely want to try it.
This is so awesome!! , now I'm wondering how to make it responsive!
I freaking LOVE your videos!
It's like ASMR or something
SOOOOOOOOOO Good! HELPFUL! THANK YOU DEV!
This tutorial is awsome! Thank you so much!!!!!
You're you too humble buddy, you make learning easy with your humor
I really like your way(style to making everything looks like web development is tooooooo easyyyyy for you)
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
You are one of my favourite teachers Ed! I hope you are doing good brother.
I hope for the best for you. Great video brother!
Love the new format. Only wish the camera angle was more front facing
I love the style man
I’ve seen multiple vids before (your videos - not talking about all the naughty vids 😬).
But this time I went clicking on subscribe - you are absolutely hilarious (in a good way), which makes the purpose of the vids a breeze 👍
Coding can be like eating a dusty book. Not here though - thanks! Keep it up
Amazing Tutorials!! :)
Pretty good walk-through!
You are real Comedian Developer Teacher Ever we meeting :D
Really Awesome Intro as well.
This is amazing I didn't know about this library! so much easier!
Thank you for the upcoming react course. Waiting for it...
I absolutely love your videos. so Informative still so entertaining
😍😍
i enjoy watching and learning from you
Ed ur so fun man and good at explaining, keep up the excellent work, saludos from mexico city.
Wow!, this is a great video, I think it supports my project look better. Thank you so much
Thank you so much. Very useful. 😃
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.
Great stuff bro ;)
thanks dude! that was cool
really nice video, thanks!
nice tuts . i liked that bro. keep going
th-cam.com/video/-ZKwMlbyr48/w-d-xo.html new html,css and javascript game project
This was awesome!!
You’re so funny, and I really enjoy learning from you😊
You are awesome Ed!
Hi bro, thanks for the content, its great !!!
Is just want to know what color theme so u use for visual studio? ?
wonderful, worked like a gem, vielen Dank!
Always wanted such gr8 content.... finally found someone who teaches gr8