you literally copy pasted fullpage.min.js, app.js ,fullpagemin.css .....Didn't understand a thing about scroll and how to make that work.. Why don't you post another video on it(as a complementary).
Another excellent half hour spent in your company learning how easy something seemingly complex can be with a little bit of know how and a sense of humour :)
Same here lol. This guy seems to know how to read people's mind of something. Exactly what I was looking for 1 month ago. I had to use some Javascript plugins full of bugs.
I love so much ur html css and what is the most important JS tutorials, they are so great and helpful in learning new technics. Just continue with that our georgeus teacher :)
Did you know that you can select multiple rows with the alt key, for example when making classes to the chairs, you can select one line, press alt, select the next line press alt and you have 3 blinking lines then you can type in class="chair" just once for 3 different img tags.
good job Ed..just in 8:00 i think that the chair is not in the middle bcs you write transform: translate(-50%, -70%); in place of transform: translate(-70% , -50%) and it s not a question of shadow ..
Javascript: Oh yes please... Should call this " Funpage Animations with Javascript" Thank you for this tutorial! from one of your gorgeous friends on the internet...
ed I wanted you to know I would normally download the code and be off within 30 seconds but since you're so cool I see the whole thing to not miss any puns (Y)
Venia escuchandote en ingles muy tranquilo hasta que tiraste un "perfecto" y me quede como: -....¿que?- Saludos desde Argentina, me encantan tus videos
tweenMax from GSAP doesn't seem to be listed on the site anymore. here is the link if anyone has been looking for it: cdnjs. cloudflare . com/ ajax/libs/gsap/2.1.3/TweenMax.min.js
and what do you thing about css code like this for "s1" .s1{ background-image: url(img/banner.jpg); background-size: 100% 100%; background-repeat: no-repeat; } i newbie so please don't kill me if i doing something wrong but i thing this is best option cuz we don't loose image on small device.
Just look at the "responiveWidth" and "responsiveHeight" options that fullPage.js provides as well as the class "fp-auto-height-repsonsive". Examples here: alvarotrigo.com/fullPage/examples/responsive.html alvarotrigo.com/fullPage/examples/autoHeightResponsive.html Docs: github.com/alvarotrigo/fullPage.js
Code and Images ---> www.patreon.com/posts/30541351
you literally copy pasted fullpage.min.js, app.js ,fullpagemin.css .....Didn't understand a thing about scroll and how to make that work..
Why don't you post another video on it(as a complementary).
Thank u
Many thanks Ed :
is there any way to show nav dots name without hoivering on it ?
But it is nottt responsive
"empty file empty as our Life"🤣🤣🤣
Debabrata Sen i also laughed loudly😂
Lol
Another excellent half hour spent in your company learning how easy something seemingly complex can be with a little bit of know how and a sense of humour :)
You make programming WAY more fun. Thanks a LOT for your tutorials!
The only person who makes stuying as fun as watching a enterainment video love you
PewDiePie of Coding !!!!!!!
Respect
except that pewdiepie isn't good at anything.
pewdiepies cool older brother
Man, i haven't laughed and enjoyed learning to program like this in a while...thanks!
Hey Dev Ed. The way you start your video is awesome. people who need to learn but also need to smile should watch your course.
I was searching for a perfect video from a while and I got it
Same here lol. This guy seems to know how to read people's mind of something. Exactly what I was looking for 1 month ago.
I had to use some Javascript plugins full of bugs.
Finally you recorded what I am here for :)
I have seen so many youtube tutorials but I am always delighted to see your videos 👍
Excited to see this tutorial.
i love how this dude always looks happy.
Him: as empty as our lives.
Me: 😟
Truely love the way you code and explain little things for us....thanx for everthing Mr.dev
My favorite teacher!
You're getting better every video bro
He's the life saver for all front end developers❤️😎
I really like your motivation on the videos like seriously you're awesome
I love so much ur html css and what is the most important JS tutorials, they are so great and helpful in learning new technics. Just continue with that our georgeus teacher :)
Did you know that you can select multiple rows with the alt key, for example when making classes to the chairs, you can select one line, press alt, select the next line press alt and you have 3 blinking lines then you can type in class="chair" just once for 3 different img tags.
We need more animation effect with pure JavaScript. Thanks for all
Eyy look who's back at the classic js tutos
Yes. JavaScript animations. My favourite thing.
My boy is back in coding!
With FUN ❤
Love your tutorials mann!!! Thanks a lot for this!!
I fUCKIN' LOOOOOVEEEE YOUR ENERGY 😂 🤣
Loved the video Ed. Javascript animations video by you are my favorites.
What theme are u using?
good job Ed..just in 8:00 i think that the chair is not in the middle bcs you write transform: translate(-50%, -70%); in place of transform: translate(-70% , -50%) and it s not a question of shadow ..
which color theme does he use? anyone plz
Hello my gorgeous friend on the Internet.
hello my gorgeous friend on the internet 1 year ago 🙂
@@pythonwolf3817 hello my gorgeous friend on the internet 5 months ago 🙂
@@oxcymultimedia6482 🙂🙂🙂😇😇🤗🤗
Javascript: Oh yes please... Should call this " Funpage Animations with Javascript" Thank you for this tutorial! from one of your gorgeous friends on the internet...
I really enjoying this tutorial buddy... I am always waiting for new updating videos
I started my channel 10 days before him but my channel is nothing compare to his. Good job man.
I just like this guy. He can make you like to code. Great person.
OMG I've been looking for this thing for so long .. and you saved me 😂Thank god
it doesn't work at all .... hahaha 😅
Great explanation, easier to understand
Love you man, I get boosted up whenever I see you
thanks for the lesson it's really help for a student like me
Thanks Ed, just what I was looking for
so useful! I'm starting to learn and really appreciaty your videos, greetings from Spain :)
14:55 cant you just do text-align center?
no because the background will occupy all not only the "h1" it will be from the left of the page to the right
who's here thinks this guys is like PewDiePie, haha, everyday watching this channel. so helpful for me, thanks Man.
16:41 you can just use color: transparent; and it will still work :)
Hello ed, great tutorial. Always fun to watch. I can’t wait for your new video.
Gonna eat while watching this. Thank you for your humor btw!
in 16:48 what's the difference between using [ -webkit-text-fill-color ] vs [ color ]? as they seem to have the same effect
You can use shift + arrow keys to highlight letter by letter then shift + ctrl + arrow keys highlights word by word
Let's hit one million at the end of the year
Dev ed new video? YASSSSSSSSSSSSSS
I just love your videos! Especially your commentary on the tags 😂 also your accent helps me sleep so thank you :)
wtf hahaha do you play his videos and listen to his voice while trying to sleep??
Thank you for explaining everything so well as you go along. It really helps a beginner like me.
Hahahaha, the best intro to tutorial bro! You are the funniest profesor!
I always wanted to learn this! I am glad I stumbled on this video, I will play with it and see how it goes :)
Thanks for this topic . I really want to learn javascript . Thanks for attending this topic
this is JavaScript though, totally different from Java
Exactly what I was looking for... Thanks D v Ed.
TY BRO! un saludo desde Colombia!
ed I wanted you to know I would normally download the code and be off within 30 seconds but since you're so cool I see the whole thing to not miss any puns (Y)
tweenmax and other one does not exist anymore right?
I wish u made everything important from scratch like that fullpage animation u downloaded :(
Sit back and relax? I will probably be scratching my head after you write
Which you didn't write. You wrote everything all at once.
@@adarshkumar3518 lol
Which theme you are using bro???
Thanks man! i had learn to much with your videos
"We have empty files, as our life!" 😆🤣😂 Man o man!!!
Is there any way to make the animations play only once? Basically I don’t want them to play when I scroll back up
Literally the video I need
Great videos as always hope for more front end dev and python tutorials.
Nice tutorial as always!!! But will also nice to see this with "pure JavaScript", I mean, without library made from others.
Yes yes yes
This is awesome, glad I found your channel :))
all ur videos r amazing really helpful brother 🤘🏻
Venia escuchandote en ingles muy tranquilo hasta que tiraste un "perfecto" y me quede como: -....¿que?- Saludos desde Argentina, me encantan tus videos
me pasó igual
Saludos a Nargentina we xd
Awesome and simple! Powerfull!
learn while laughing ... if my teachers had your talent 30 years ago, I would be ... a cowboy now! thanks for all ;)
Did You Say You Stop Code??
I can’t find the images on the the link you pasted below
Good day sir, i try going to the link below for the images and codes but its not opening, please how do i access the images?
tweenMax from GSAP doesn't seem to be listed on the site anymore. here is the link if anyone has been looking for it: cdnjs. cloudflare . com/ ajax/libs/gsap/2.1.3/TweenMax.min.js
Thanks for another dope tutorial!!. cant see the link for the images though
20:32 Hey Ed, why not Toggle Word Wrap?
Wow,,,,,, Nice Animation brother
+Dev Ed Hi, by specyfing index by typing === '1' can I select for example index 0 and index 3? And second question, how to loop animaton with chairs?
29:33 i have exactly same like here a code but images don't change, i still have only the one picture any solutions?
and what do you thing about css code like this for "s1"
.s1{
background-image: url(img/banner.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
i newbie so please don't kill me if i doing something wrong but i thing this is best option cuz we don't loose image on small device.
thanks so much
for take care about beginner :)
god bless you
Where can I get this fancy sweater?
hey Dev Ed love all of Ur video, would you recommend any other channels to learn js?
I search for gsap cdn but i am not able to find TweenMax .
same
any fullpage alternatives for commercial use?
Hello , nice vids but the background makes its difficult to see your code that you type , could that be changed to a white background ...
Gr8 video dude. Can u give a tip, how to make it work using that lambda(?) expression to add a navigation on top?
Good tutorial! What theme do you use in the VSCode?
I love your videos :3
hey bro, you have personal website?
Do I need a license key for this fullpage.min.js?
helllo, dear fan of Pew and 9gag. Thank you for the great video!
Sir please make complete full responsive website tutorial with these animations tutorial. It can be a great help to the beginners
Just look at the "responiveWidth" and "responsiveHeight" options that fullPage.js provides as well as the class "fp-auto-height-repsonsive".
Examples here:
alvarotrigo.com/fullPage/examples/responsive.html
alvarotrigo.com/fullPage/examples/autoHeightResponsive.html
Docs:
github.com/alvarotrigo/fullPage.js
Keep doing more projects like this in JS please.
Other than learnings...you are so cool...love your way...
Hey, Ed! Will you make second part of sub projects review?
Hello Dev Ed! I'm newbie in JS and come from TW.
I want to know how can I keep that chair changing color?
because .fromTo is from "gsap" plugin, maybe u can see this example greensock.com/1-19-0/ , hope this help
I don't see the link for the images :(
same!
Will put it up right now