great video but its 2017 is this still the best way to do it or simple jquery is better because i always like css over jquery and i dont know if im right hehe also i got a wrapper which inside has a container then a header and a header-inner div should i put my toggle haburger menu inside the header or just like in the video bc things look a lil crazy for me for some reason
I know this is old, anyway thanks a lot for the tutorial, was very helpful even tho I had to put up with your sass especially in the last section when you're doing the easy sass thing with indents, I was like where the fuck do I put my brackets now xD, but after a while of itching and stitching I finally got it together and it's great, love the pure css menu! Thanks for sharing again, very much appreciated. Keep it up T!
left -100px, SOOOO WHAT I WANTED!! I am using a fixed cover background, with the white body only going up to a certain width. So I wanted to be able to do a translucent sidebar, and this is something you totally cannot do with the 100% width method lol.
33 responses to “How To Make a Slide Out Navigation with HTML/CSS (No JavaScript)”
I don't know why but all the things of 'bourbon' like +position doesn't work 🙁
He's so pretty!!!!!
Does the sidebar need to go at the bottom of the page-wrap??? or could it just be the first thing under it??
great video but its 2017 is this still the best way to do it or simple jquery is better because i always like css over jquery and i dont know if im right hehe also i got a wrapper which inside has a container then a header and a header-inner div should i put my toggle haburger menu inside the header or just like in the video bc things look a lil crazy for me for some reason
Hey, can't see the code. can't you zoom in so we can see the code you're writing? and there's no link in the description too.
this kind of videos are great since our subject is only about html5 & css3
didn't help at all.
Unclear, can't see the code, going too fast, not reading what you're typing, disliked
Great smart thinking video. txt could be a little larger
my page doesnt shift over. It's just covered behind it
use css not sass please.
is these code work in css as same as it is here
I know this is old, anyway thanks a lot for the tutorial, was very helpful even tho I had to put up with your sass especially in the last section when you're doing the easy sass thing with indents, I was like where the fuck do I put my brackets now xD, but after a while of itching and stitching I finally got it together and it's great, love the pure css menu! Thanks for sharing again, very much appreciated. Keep it up T!
thank you very much
Sorry, but please zoom in next time. The only way for me to see your code is if I fullscreen and I can't multitask well in fullscreen.
& this tag dosnt work
The music in the background reminds me of "human music" from Rick and Morty.
great video just the text is soooo small.
Very nice video as always Mr Nielsen. Please please share the code in your videos. Is that possible? Maybe a pen or on github or whatever?
tks u
Would it be possible to do this with vanilla CSS? (No Sass + Bourbon, I mean)
Smart…
Just watched it to the very end. LOL that's some awesome coding!
Totally going to apply this to my photography page. It will be a while though.
could you do one tutorial WITHOUT the sass/scss thing…pls??
Love the way video is recorded.
left -100px, SOOOO WHAT I WANTED!! I am using a fixed cover background, with the white body only going up to a certain width. So I wanted to be able to do a translucent sidebar, and this is something you totally cannot do with the 100% width method lol.
THANK YOU 😀
It's amazing! Looking forward to learning more
the code is so small how can anyone else read it?
My checkbox is not receving a input
my code
<lable>
<div class="menu">
<i class="material-icons mico">menu</i><!
————————-Googles Material Icon————————————-><input type="checkbox"/>
</div>
</lable>
For those of you who want to see want an alternate example looks like. Here's my github repository! 😀
https://github.com/JDsWebService/jrobinson/releases/tag/v1.0
Who else likes the Ubuntu font? I LOVE it!
That moth*f* music pisses me off, please never use it again
Otherwise…
Love the tutorial, great job, really nice look, will use this for sure. thanks.
great tutorial – except for the very annoying and distracting "music"