I'm watching this series since 2 days. After watching those short, full of knowledge videos this one just brings another excitement about what comes next and I can't wait to watch more. Thank you! You really know how to do it right.
Studying abroad and working hard. I want to support you later on when I get the job but for now I will do what I can as thumbs up and subscribe. Thank you for your awesome tutorials!
Man 2018 when you published this video and still 2020 it's really helping thanks a lot dude! Now I'll go ahead through your channel to see more videos! Thanks one more time dude!
Thanks for the vid mmtus! I love your teaching style, very thorough and as a dog lover! I don't get annoyed by the dog sounds, I love it cause my dog is the same way, wont leave my side LOL! Great tutorial!
Thank you Daniel, This Javascript series is a lot easier for me to follow then the PHP series. Maybe it has todo with the fact that I've studied a bit javascript 20 years ago and I used it mostly for rollovers in static websites I've built in the past and I loved to built stuff with flash and action script. I've gotten quite frustrated when stuff didn't work on mobile phones anymore.... Times have changed so it's time for me to get back on the horse and up on the upon. You help me with what I've learnt in the past and tie it together. Yesterday, in the middle of this video 13:40 I was wondering where I did go wrong what have I overlooked because my website didn't look like yours so I rewatched the video serveral times.... Today as I rewatched it again I figured it out, I've closed the btn div tag behind the /ul . Good Morning! Fixed it ! Da Dah :-) Of course it couldn't run properly, and everything is logical now. Thanks!
Thor on his young age teaching us mortal about javascript and his brother Loki at the background as a dog disturbing Thor. Yep I chose Daniel because he can articulate javascript very well. Thank you for this
question. if you did a (box sizing: border) box wouldn't that eliminate the padding adding to the width this way you could make .nav-sidebar 60px wide and then the 5px padding will just be within?
great video. You made difficult topics look simple. I always confuse when it comes to style the UL and LI. iI think since the UL is the parent and the LI is the child I think you could only style the UL.
I've downloaded an png image of a three bar toggle and, placed its folder and file name in the correct line of code. However, the image will not upload, could you offer any suggests, please?
Well, don't know if it's a problem with correct file placement or the image not showing, but with me it was image not showing. Handled it by changing height from Daniels' 100% to 60px and it showed up. If it's the image upload after all - check file paths (the file path is relative to the CSS file, not INDEX.HTML).
Had the same problem. You probably had your css file in a folder (e.g. css). If so, then the path to the image file should be: ../img/menu.png. If your css file was in the root directory (like in the movie) then the img/menu.png path is correct. The path to the image is relative to the css file. Wolf3591701 he explained it correctly.
Not sure if anyone else had this issue with Chrome 83, but I had a 8mm margin on the left and right hand side of the body by default. To remove this, make sure you add "margin-left: 0;" and "margin-right: 0;" to the body tag of the CSS file.
Hey Daniel, How are you? I am doing exactly what you said but my line-height 60px pushes it way down. The hamburger menu is pushed like a margin a couple of pixels to the left?
Hello sir, I seem to understand more by learning through your tutorial videos. can you please make a videos tutorial for google maps javascript api too? a lot thanks sir!!
For the image my console on the chrome tools brings up a ERR_FILE_NOT_FOUND. Under the net. It said it was a provisional headers are shown error. I am not sure as to what I did wrong.
You can make it with 2 lines jquery : $('thenameof menu').click (function (){ $('button').toggle(100) }) Notes: Must be the position:absolute Goodluck 😄
For anyone else having this issue, I had the exact same problem, and for me it's because I hadn't bothered to include the reset stylesheet when I was doing the exercise myself. Once I added that the line-height worked fine at 60px. Still have no idea why though.
It is annoying how every screen has its own different display styling that messes with the styling that you are doing on your device . IDK another thing is that even though coding is same different environment IDE allows different codes to run for example copy with him on 1:1 my second ul of side bar is list is giving space on left which gets absolutely annoying when trying to fix and later after a miracle when it does end up working it usually turn out to be the same code that originally we changed.
For some reason when I create the main nav its not positioned at the top of the page, there is like a 5px space in between the top and the left side. Dunno if it's some sort of a bug, I've double checked that everything is the same as it is in this video and it still exists.
@@hakonpettersen3721 I found the solution. I think it's browser related or something. I just put margin and padding to 0 for html and body in the CSS file and problem was fixed.
If i use and mixing your javascript tutorials,i can create a very advanced webpage,with function like content slider(using your image slider tutorial example).Im thinking right?
@@Anod26 damn how is it going... I just got into website developing and one of my classmates has parents who run a business and wants us to create a site for it so im trying to go beyond what are class is teaching us and so far we just got to using other css templates mainly w3.css so i want to learn more so i can do this as a business thing or a side job
A diagram of the layout of the webpage would have been helpful here. I am speaking as someone who is making a living out of using your RUclips vids. Step up to the bar - it's not too far for ou.
o there is a video im still on the part 2 .js toggle, senpai can you make a SLOT MACHINE in JAVA SCRIPT? not just posting a random but with an animation like we usually see. or is it not POSSIBLE in a pure JS?
After Life long search, I finally understand what am doing when creating a side bar. God bless this man.
I'm watching this series since 2 days. After watching those short, full of knowledge videos this one just brings another excitement about what comes next and I can't wait to watch more. Thank you! You really know how to do it right.
Studying abroad and working hard. I want to support you later on when I get the job but for now I will do what I can as thumbs up and subscribe. Thank you for your awesome tutorials!
I'm comfortable with HTML/CSS, so I almost didn't watch this. But you still managed to teach me some things. Thank you. :)
2021, You have a fantastic teaching style Dani 🚀
Daniel we really appreciate your efforts to make us pros in programming.
Man 2018 when you published this video and still 2020 it's really helping thanks a lot dude! Now I'll go ahead through your channel to see more videos!
Thanks one more time dude!
Pov: its 2022 and still helping
@@ScoopsCk True man, true.
Thank you so much Daniel❤❤Love from Uganda
Shout out from Kenya as well.
Daniel you are the best teacher ever...
Thanks for the vid mmtus! I love your teaching style, very thorough and as a dog lover! I don't get annoyed by the dog sounds, I love it cause my dog is the same way, wont leave my side LOL! Great tutorial!
The best tutor on RUclips 👌
Thank you Daniel, This Javascript series is a lot easier for me to follow then the PHP series. Maybe it has todo with the fact that I've studied a bit javascript 20 years ago and I used it mostly for rollovers in static websites I've built in the past and I loved to built stuff with flash and action script. I've gotten quite frustrated when stuff didn't work on mobile phones anymore.... Times have changed so it's time for me to get back on the horse and up on the upon. You help me with what I've learnt in the past and tie it together. Yesterday, in the middle of this video 13:40 I was wondering where I did go wrong what have I overlooked because my website didn't look like yours so I rewatched the video serveral times.... Today as I rewatched it again I figured it out, I've closed the btn div tag behind the /ul . Good Morning! Fixed it ! Da Dah :-) Of course it couldn't run properly, and everything is logical now. Thanks!
Great videos. Really helping me understand a lot of new stuff. Thanks!
Superb teaching. Line by line explained. Thoroughly enjoyed
Thanks for this great Series. Also, say hi to your dog. I love his color. His sounds lightens up the tutorial moments.
U deserve more likes n views ! I only hope u could do the tutorials regularly xD !
Your dog is not interfering in anything. He´s cute! Let him be :)
Coelho's Alchemist in the background
Thor on his young age teaching us mortal about javascript and his brother Loki at the background as a dog disturbing Thor. Yep I chose Daniel because he can articulate javascript very well. Thank you for this
This was awesome thanks! The puppy added comical relief.
Nice . Your teaching way is good .. I like it
I would love to see a custom video js that plays RUclips, Vimeo, live streams and mp4 with resume play 👊
Much respect and love. Thanks so much for your teaching. You are awesome!!
I'm subscribing ur channel. You taught well.
question. if you did a (box sizing: border) box wouldn't that eliminate the padding adding to the width this way you could make .nav-sidebar 60px wide and then the 5px padding will just be within?
great video. You made difficult topics look simple. I always confuse when it comes to style the UL and LI. iI think since the UL is the parent and the LI is the child I think you could only style the UL.
I recommend all the javascript learner to watch mmtuts videos. He has done a great job. Learned a lot from these tutorials.
These are excellent tutorials Dani, thank you!
You just save me. Thanks
I always see this in templaits but it cool to know how it works
I've downloaded an png image of a three bar toggle and, placed its folder and file name in the correct line of code. However, the image will not upload, could you offer any suggests, please?
Same here I don't know a fix.
Well, don't know if it's a problem with correct file placement or the image not showing, but with me it was image not showing. Handled it by changing height from Daniels' 100% to 60px and it showed up.
If it's the image upload after all - check file paths (the file path is relative to the CSS file, not INDEX.HTML).
Make sure - 1 no syntax errors 2 make sure your background coverage is set to 100% 3 double check your file pathing relative to the style location .
Had the same problem. You probably had your css file in a folder (e.g. css). If so, then the path to the image file should be: ../img/menu.png. If your css file was in the root directory (like in the movie) then the img/menu.png path is correct. The path to the image is relative to the css file.
Wolf3591701 he explained it correctly.
@@thomaswaligora8470 This was it for me, thank you
i love that kyubi behind
16:57 i'm die when you say sheet ))) respect your work man))
Nice stuff ! Thanks
Not sure if anyone else had this issue with Chrome 83, but I had a 8mm margin on the left and right hand side of the body by default. To remove this, make sure you add "margin-left: 0;" and "margin-right: 0;" to the body tag of the CSS file.
Thank you! I was wondering why that was happening.
I learnt this in my html5 class. Good times
nice explaining concept.thank you
So helpful, thank you!
after that moment 19:14 no one saw Daniel's dog again
Very good video
Awesome video, Thank you Daniel.
I love your tutorials bro . You are awesome
Hey Daniel, How are you? I am doing exactly what you said but my line-height 60px pushes it way down. The hamburger menu is pushed like a margin a couple of pixels to the left?
Same with me. To solve this go into style.css and inside .nav-main add left: 0px;
Ogh my broooo you look good in new look 😍😘😘😘
Hello sir, I seem to understand more by learning through your tutorial videos. can you please make a videos tutorial for google maps javascript api too? a lot thanks sir!!
helped me a lot!
Thanks and congrats for gaining a new subsciber :)!!
Thanks dude!
Thanks Elon.
Thanks for this tutorial. It´s amazing.
Tnx dude !
New subs here. Great videos man, keep it up.! Yiu deserve more subs
Great tutorial, thank you
when Do you uploading about part2 ? your tutorial is Awsome!
Monday :)
My menu img is not popping up :/ I am pretty sure i linked it right. I'm not getting any errors it's just not showing over the orange, please help.
For the image my console on the chrome tools brings up a ERR_FILE_NOT_FOUND. Under the net. It said it was a provisional headers are shown error. I am not sure as to what I did wrong.
You are freaking awesome.
Will you do a VueJs tutorials? I've heard it it's a very powerful framework.
Maybe someday :)
That's awesome!!!
i am having problem with the overflow of my button how should i fix it?please help
thanks...
I had to change the width of my .nav-side-bar from 50px to 40px because my sidebar was not lining up with my hamburger icon image i downloaded.
Thank you
Nice Dog :P
Hwllo how to diaplay cintent on the side when i click the side bar menu?
hey Daniel how can I make a toggle menu and have its display set to none on window click?
can i do the animation using bootsrap or jquery?
He is a kid of Elon Musk?
He even moves his hands like Elon.
Next he's going to do a tut on motors
interesting choice of colors 😂
😂🤣 ooohhh you PERVERT!!! 😂
i did pretty much the entire html and Css tutorial playlist and i never really got an understanding of what z-index is supposed to do in depth
You can make it with 2 lines jquery :
$('thenameof menu').click (function (){
$('button').toggle(100)
})
Notes:
Must be the position:absolute
Goodluck 😄
When you create a toggle, how do you make something appear in just one section?
Use CTRL+SHIFT+D for copy one or multiple lines ;)
And very nice tutorials ♥
wait-- do I need to separate the reset style save it in another css file name before linking it or?
It’s optional. Separating them just helps with cleaning up your CSS files, and structures it a bit neater.
What about the use of CSS grid Layout instead of Flexbox?
both
I only could center it with line-heigh:30px; so its half of the 60px
For anyone else having this issue, I had the exact same problem, and for me it's because I hadn't bothered to include the reset stylesheet when I was doing the exercise myself. Once I added that the line-height worked fine at 60px. Still have no idea why though.
It is annoying how every screen has its own different display styling that messes with the styling that you are doing on your device . IDK another thing is that even though coding is same different environment IDE allows different codes to run for example copy with him on 1:1 my second ul of side bar is list is giving space on left which gets absolutely annoying when trying to fix and later after a miracle when it does end up working it usually turn out to be the same code that originally we changed.
For some reason when I create the main nav its not positioned at the top of the page, there is like a 5px space in between the top and the left side. Dunno if it's some sort of a bug, I've double checked that everything is the same as it is in this video and it still exists.
I got the exact same problem. Have you found a solution?
@@hakonpettersen3721 I found the solution. I think it's browser related or something. I just put margin and padding to 0 for html and body in the CSS file and problem was fixed.
If i use and mixing your javascript tutorials,i can create a very advanced webpage,with function like content slider(using your image slider tutorial example).Im thinking right?
You are thinking right. And if you also get into simple PHP, you can also create a login and such :D
Thanx but I'm beyond that.I build own cms for real estate selling,yesterday i got my pay from my client. ;)
@@Anod26 damn how is it going... I just got into website developing and one of my classmates has parents who run a business and wants us to create a site for it so im trying to go beyond what are class is teaching us and so far we just got to using other css templates mainly w3.css so i want to learn more so i can do this as a business thing or a side job
lol why do you have edge and task view in taskbar?? :DD
Dani, you make me love JavaScript!
Oh my god! I got a like from sensei Dani!
Dont work to me. I looked 10 times. Code is ok butit don't won't to open sidebar menu when I pres the button. :/
You know it is possible to talk while a dog is moving right?
Thanks Elon Musk!
nav022001
1 second ago
Hello Dani. having trouble touching link and white flickering happens as changing to next html page any suggestion
A diagram of the layout of the webpage would have been helpful here.
I am speaking as someone who is making a living out of using your RUclips vids.
Step up to the bar - it's not too far for ou.
how to make product slider in css and javascript
cheers for the Dog!
can you paste that css somewhere?
It should be available on my Patreon
image is not showing up?
Anyone else having trouble with the flex?
sir, you should style the ui of calculator or any other tutorial, because even if the tutorial is good, but terrible ui downgrade the work you put...
cool
when is part 2 releasing
I'm planing to record it today :)
this hamburger menu is not showing up and i've checked everything! Help.
Were you able to solve it?
what if i used a font & put in a folder? can you give the code?
In my HTML playlist I show how to do this. Go check it out :)
o there is a video im still on the part 2 .js toggle, senpai can you make a SLOT MACHINE in JAVA SCRIPT? not just posting a random but with an animation like we usually see. or is it not POSSIBLE in a pure JS?
Does your dog code too ? 🐕
19:15
.dog {
display : none;
}
Where's part two?
are you an instructor on udemy. if yes give some links to your courses
Nope I only appear on RUclips :)
@@Dani_Krossing you should be on udemy. You are a great tutor!!
i am not able to style the span text here is my code