Making an animated hamburger button and a challenge to you!

[@amyp.575]

You are mt favorite person!! You're the literal only one who can make me understand and retain it all. 🙌

[@DavidNitzscheBell]

Here's a thought.....Who needs a hamburger menu? Mostly mobile users. Often, smartphone users. And....where are their hands (thumbs) when they browsing a site? At the bottom of the device. Shouldn't we be making a floating hamburger menu that's in the bottom right (left) corner of the screen instead of the top of the screen? Some of those smartphones have really big screens and reaching the top is not always easy/convenient.....

[@amyp.575]

That's genius! Can't wait to see your submission!!

[@malangope]

Thats very true. I think the menu on top comes from the fact that it used to be more difficult to position things on the bottom of the screen in the past. Maybe its time to change those old design patterns now that the technology has evolved and is more available.

[@mngmng_]

reason why i have browser menu at the bottom

[@benzflynn]

People whose sites have > 4 links in the nav bar. I know you can flex it to put the nav bar under the logo for small devices. And you can flex it to stack one row of nav links on top of another. But that takes too much screen height away. Don't get the 'thumbs on bottom of device' comment. If they hold the phone on the outer edge as most do, where's the problem ?

[@mmmmmcccccddddd91]

love how genuinely nice you seem. Cheers for all the free content. for whatever reason you explain everything grand for me to understand. Thank you.

[@jeffborges101]

I am doing your course on Scrimba. Lots of incredibly useful information. You are really a great teacher thanks

[@amyp.575]

He is the only one I actually learned anything from.

[@bazilonyayo]

0:17 I loved that moment

[@katieh.9125]

I love a challenge! It was super helpful to have a goal and I was inspired to try out ideas. Looking forward to watching your future videos!

[@MrFckingninja]

I have just found your channel, your content is amazing :)

[@amyp.575]

KEVIN PLEASE COME TEACH HTML!!!!!!!! I FOUND YOU ON SCRIMBA AND YOU ARE LITERALLY THE ONLY PERSON I UNDERSTAND AND MAKE THE MATERIAL STICK!!!!! I have tried for MONTHS and you get it. Best teacher EVER. You have my future in your hands!!! HELP!!>???!?!?!?!?! lol

[@MontageMAN00]

No one: Kevin: "i just i love hamburgers"

[@erikpersson9182]

I tried someting similar but with the tag. The only browser witch handle this is Firefox and Safari for IOS.

[@sagarrj]

Your Tutorials are great. You are the reason i started developing interest in CSS and now i'm lovin it 🥰🥰🥰. You're such a great teacher. I love the tone when you say "position: absolute" in your videos...😅😅😅

[@josema-boy7610]

Oh snap!!! I missed the deadline. Awesome video by the way :D

[@cintron3d]

Dude same! - About always getting a burger at restaurants.

[@alexgauvin]

Thanks Kevin, always interesting and instructive to watch you tuts. One comment on your sound : It is not so great since you are using a Yeti. Maybe were you set up with you webcam mike ?? It sound like you are far from you mike !!!. Anyway, it does not change the quality of the content. Keep ti coming, we like it.

[@jameshamilton4738]

Awesome! Thanks Kevin!

[@HullioGQ]

"Kevin the Man!" This is what I've been looking for. Thanks for this tutorial!

[@Mathemarius]

What is the point in not allowing to manipulate HTML but allowing to manipulate JS? You can manipulate the document tree as you wish with JS.

[@KevinPowell]

Well, yeah, you could, but that sort of defeats the spirit of the challenge :).

[@Mathemarius]

@@KevinPowell Hey Kevin! I watched recently so many videos from your channel and learnt so much. Thank you very much for the great wrok! I really appreciate it! Keep it up!

[@frankdelange1122]

Hi, Kevin, can you explain the toggle function in the javascript, like the way you explained the classList.add and remove on Scrimba. Somehow I don’t get the document.body. classList.toggle.

[@triggerd9586]

Can't wait for 20th, Thanks a lot I actually learnt a lot from this video.

[@blackpilledbuddha4944]

hy kevin, i have noticed that in the documentation page of various libraries and languages the code snippets are neatly formatted with line numbers on the left side... is there a way we can make them faster than entering them through html code

[@ema_devolder]

there is a little problem.. the nav is always visible and the buttom is part of that... so this is generated an bottom scrool

[@ShakibulBHMS]

Thanks for the tutorial! 🥰🥰

[@maxmuster7003]

Only a hamburger from Hamburg can make a hamburger. Greetings from the hamburg town in germany.

[@rohit45kashyap]

I do also have a challange for you all as well as Kevin to you Make a multi-element carousel as you can see in YT desktop version

[@andresalvarez6784]

You are the best!

[@playstore-so2xm]

Great fan of your tips and tricks. By the way, Could you please make a tutorial playlist on Wordpress for making an E-commerce website and deploying it? Please fulfill my wish. I am your regular viewer and subscriber.

[@mohamedel-shahat8060]

Thanks a lot 😃

[@LinkChenTW]

Honestly I used ☰ many times and I didn't realize that is a Chinese glyph. Thanks Kavin for sharing this information to me who is a Chinese speaker...XD More precisely speaking, this is a special symbol in Bagua, but usually we don't use it unless you study it.

[@somnvm37]

I always hate making these burger buttons for a website. It seems like something no one wants to do. And it always is some mess of code, that doesn't fit to what I've written, mostely because that's the part where I turn the youtube on.

[@kerryd2060]

Can't we use the Font Awsome bars icon for a hamburger menu?

[@FirdavsiGameDev]

I challenge you to create in 4 minutes animated one?

[@orlinobreshkov6157]

Kevin i love your videos. You shoud make video for Transform and all of his atributes . It will be very nice. : )))

[@KevinPowell]

I have a little series on transforms already :)

[@sashatv138]

Funny and interesting!

[@questionableguitarplayer7721]

same

[@manaspasrija5673]

where we submit our code??

[@KevinPowell]

I forgot the link in the description! I just added it, codepen.io/kevinpowell/pen/jOOeBOG Fork that, then post the link on Twitter with the hashtag #hamburgerchallenge or a comment on this video with the link

[@hppycjavs2805]

Can you pls make sandwiches next time? Using svelte =)) ... awesome as alwayz. Thnx for sharing

[@ابنآدم-س1ت]

I have learnt a lot from you, my present for you is (...). (إِنَّ فِی هَـٰذَا لَبَلَـٰغࣰا لِّقَوۡمٍ عَـٰبِدِینَ ۝ وَمَاۤ أَرۡسَلۡنَـٰكَ إِلَّا رَحۡمَةࣰ لِّلۡعَـٰلَمِینَ ۝ قُلۡ إِنَّمَا یُوحَىٰۤ إِلَیَّ أَنَّمَاۤ إِلَـٰهُكُمۡ إِلَـٰهࣱ وَ ٰ⁠حِدࣱۖ فَهَلۡ أَنتُم مُّسۡلِمُونَ ۝ فَإِن تَوَلَّوۡا۟ فَقُلۡ ءَاذَنتُكُمۡ عَلَىٰ سَوَاۤءࣲۖ وَإِنۡ أَدۡرِیۤ أَقَرِیبٌ أَم بَعِیدࣱ مَّا تُوعَدُونَ ۝ إِنَّهُۥ یَعۡلَمُ ٱلۡجَهۡرَ مِنَ ٱلۡقَوۡلِ وَیَعۡلَمُ مَا تَكۡتُمُونَ ۝ وَإِنۡ أَدۡرِی لَعَلَّهُۥ فِتۡنَةࣱ لَّكُمۡ وَمَتَـٰعٌ إِلَىٰ حِینࣲ ۝ قَـٰلَ رَبِّ ٱحۡكُم بِٱلۡحَقِّۗ وَرَبُّنَا ٱلرَّحۡمَـٰنُ ٱلۡمُسۡتَعَانُ عَلَىٰ مَا تَصِفُونَ) [Surat Al-Anbiya' 106 - 112] There truly is a message in this for the servants of God! It was only as a mercy that We sent you [Prophet] to all people. Say, ‘What is revealed to me is that your God is one God- will you submit to Him?’ But if they turn away, say, ‘I have proclaimed the message fairly to you all. I do not know whether the judgement you are promised is near or far, but He knows what you reveal and conceal. I do not know: this [time] may well be a test for you, and enjoyment for a while.’ He said,‘My Lord, pass the true judgement.’ And, ‘Our Lord is the Lord of Mercy. We seek His assistance against what you [disbelievers] say.’ I invent you to the religion of all prophets and messengers,,, the religion of who sent them to us,,,... My present is Islam.

[@henkhodryza1874]

Man, please stop talking too much on the intro, just show us what we be doing,