bro, i have seen your first video of search button,and before the end of that video i subscribed your channel.. then i saw your other videos and i am really very impressed, u upload very cool content. thanks yar.
Dude you're awesome, I currently developing a web but responsive menu is biggest problem to me. I had watched many videos, but your tutorial is happened correctly. Thank you Dude. Keep Coding 😊
AMAZING. So simple, and the first time I really understood how to create a responsive navbar without bootstrap. This was EXACTLY what I was looking for. Thanks!
Ugh it's like I know all those separate things, but putting them together from scratch and my brain just bluescreens.. :/ Especially if it's just one element of many in a page. Oh well, that's why I watch these vids I guess, they've been a great help/template to get things going. Thanks and keep 'em coming!
awesome , mastering HTML and CSS is what is left for me lately , i do in Node, PHP , React ,Angular but highly rely on some Framework for html and css , making your own is what i needed to actually write good react apps. as React doesnt use Jquery , integrating a theme is very painful. thank you for this :)
Hi everyone I'm a beginner in a web programming sphere and only learning the features of it. I wanted to ask what Mr.Darkcode did in 0:35 s and how to do this. Please dont be indefferent and help me please. Thank you very much
could you show how the menu would disappear if one of the links was clicked if this was a one page landing page site? if this is possible. New developer asking.
Why does your menu hide at 6:05 when you make your screen device smaller ? You haven’t wrote anything in this way... I’m confused cause the rest are clear
The menu is still there, it just gets pushed down and out of the header area due to restricted screen size. You can't see it when it moves down as the color of the menu text is white, so it blends in with the white background of the content area. Hope that helps :D
How do you take and add a link to the Logo in the header ? To link the Logo to a page if someone can take and leave an example. Am wanting the Darkcode logo link to a different page. thanks in advance
Hey! this was an awesome video. Can please tell me how are you previewing index.html file inside atom editor (the side pane). I had tried and installed the package atom-html-preview but it only shows HTML file and does not link the CSS file. There's no issue in css or html or their linking, I've tested in browser. Can you please help me.
Can anyone please explain how he made the menu items disappear when the screen size is smaller? I would've used a media query, but this is some weird dark magic. HELP!
Hey, i got a background and a text on my front site and when i am using the menu on my phone the text on front site is on the menu...How can i do so that text is away when i use the menu?
Learn how to use rem units, it helps a lot in doing responsive things ;d Or if you only aim for people who only use basic html and css, do so further ;D
@@athallahfathur ok, we actually have to copy the first link of stylesheet href from Font Awesome first. It's the one DarkCode pasted under the meta name script. Here's the text:
Design is good & responsive but instead of playing the background song, you should explain the code why you are using it. It would be much better then.
and the reason of late night comment is- i am still practising with the help of your videos
bro, i have seen your first video of search button,and before the end of that video i subscribed your channel.. then i saw your other videos and i am really very impressed, u upload very cool content. thanks yar.
Welcome ♥♥
Dude you're awesome, I currently developing a web but responsive menu is biggest problem to me. I had watched many videos, but your tutorial is happened correctly. Thank you Dude. Keep Coding 😊
AMAZING. So simple, and the first time I really understood how to create a responsive navbar without bootstrap. This was EXACTLY what I was looking for. Thanks!
Ugh it's like I know all those separate things, but putting them together from scratch and my brain just bluescreens.. :/
Especially if it's just one element of many in a page. Oh well, that's why I watch these vids I guess, they've been a great help/template to get things going. Thanks and keep 'em coming!
Continue ! your one of the best web designer on youtube
It's easier to make responsive designs with frameworks (like bootstrap), but I liked your style using only HTML and CSS, amazing job. Congrats!
welcome ♥
Jonathan...
framework like bootstrap causes to increase the load of the server..
Try to responsive always by using @media query.
You have a with no s but lots of s. Why use a ?
Thank you a lot. You gave me an inspiration for coming back into programming world
why did u leave? i sometimes wana stop it too
any reason of your leaving of programming? can you share.............
@@programmingmindset Most cases we are lost our patients, that's why most of people can't wanna do this....
@Torres.etechprog ,🤣🤣🤣🤣 he was talking about patience...
hmmmm who want food 🥓🥓🥓🥓🥓
awesome , mastering HTML and CSS is what is left for me lately , i do in Node, PHP , React ,Angular but highly rely on some Framework for html and css , making your own is what i needed to actually write good react apps. as React doesnt use Jquery , integrating a theme is very painful. thank you for this :)
I love this channel so muchhhhh. That i like the most its the simplicity. You made discover a real ove for coding. Thank you so much.
Čovječe ti si legenda. BRAVO!!!
You are awesome having great skills dude ...how you have learnt this ??..
Really nice job.. You got a subscriber
...Make plenty of videos..😘😘
I'm new to html/css. I really enjoyed your videos. :)
Thanks for the video, it was very easy to follow and I got to learn a good amount of details for CSS.
it works bro, thanks for your contribution
100% working.
It's cool...love it❤❤
Loving this Chanel for real!❤
I Like it very much, Thank you for all!
Good job, Sir. Thanks for such videos!
merci vos travaux sont magnifiques
Thanks for this video lecture..from india..
Thank you so much dark code you are amazing!!!😍
hello, the The tag is not Supported in HTML5.
Nice music I can really concentrate in learning how to code listening to that thanks.
Hi everyone
I'm a beginner in a web programming sphere and only learning the features of it. I wanted to ask what Mr.Darkcode did in 0:35 s and how to do this. Please dont be indefferent and help me please. Thank you very much
Excelente vídeo amigo que energía (Y) ☺
Great video. Thanks a lot
Why are you not using CSS Flexbox or CSS Grid?
Really helpful, danke schön!!
THANKS BRO FOR THIS LIKEE AND SUBBBBBBBBBBBB THANKS MAN
Thank you for all!
Thank you, the video is great👍
thank u sir 🙏🙏 very useful video
That's incredible thank you and God bless you
could you show how the menu would disappear if one of the links was clicked if this was a one page landing page site? if this is possible. New developer asking.
Can you do like a background with some animations? Like letters falling or rising etc
Just use a gif
Fiz tudo como no vídeo mas assim que eu domínio a tela ela ainda fica com o menu aberto e não tem como fechar
Thanks a lot for this valuabale video
Hello DarkCode. It is a very elegant solution. Thank you. Did you find any browser limitations?
Question - how can I get the menu to drop down from the top, instead of from the right please?
Why does your menu hide at 6:05 when you make your screen device smaller ? You haven’t wrote anything in this way...
I’m confused cause the rest are clear
The menu is still there, it just gets pushed down and out of the header area due to restricted screen size. You can't see it when it moves down as the color of the menu text is white, so it blends in with the white background of the content area.
Hope that helps :D
How do you take and add a link to the Logo in the header ? To link the Logo to a page if someone can take and leave an example. Am wanting the Darkcode logo link to a different page. thanks in advance
Hello one question:
because when I add more phrases to the menu and i make responsive the letters come down of its position? how do I solve it?
Man, please explain what have done with #chk on the media screen. I couldn't understand.
Checkbox is at near the logo so do you checked it by on three dots
Beautiful!
Hey! this was an awesome video. Can please tell me how are you previewing index.html file inside atom editor (the side pane). I had tried and installed the package atom-html-preview but it only shows HTML file and does not link the CSS file. There's no issue in css or html or their linking, I've tested in browser. Can you please help me.
Bro eres el mejor
Can anyone please explain how he made the menu items disappear when the screen size is smaller? I would've used a media query, but this is some weird dark magic. HELP!
Hey can you please help me to get a responsive website using html and css
Hey, i got a background and a text on my front site and when i am using the menu on my phone the text on front site is on the menu...How can i do so that text is away when i use the menu?
I like it thank you
Learn how to use rem units, it helps a lot in doing responsive things ;d Or if you only aim for people who only use basic html and css, do so further ;D
How do you do the slide thing to check if it works with different resolutions
Awesome... Great menu
i'm glad to see this channel ...i'll be back ????.... i'm not a Terminator...ha ha ha
Can somebody explain the :checked selector and how it makes the menu appear when we click the icon
Only the check box was shown but not my menu bars. Couldn't figure out why...I copied everything except Google fontawesome stylesheet.
@@athallahfathur ok, we actually have to copy the first link of stylesheet href from Font Awesome first. It's the one DarkCode pasted under the meta name script. Here's the text:
I really like this channel, I'm happy that i found this. Do you know any youtube channel that has similar style like this and also uses bootstrap 4?
love ya!!
Man Beauty !!
Sir u have any course about Css ??
Tengo un error... cuando doy clic en un enlace del me direcciona al que quiero ir, pero no se cierra la pantalla responsiva... me puedes ayudar?
Es lo mismo para mí.
why did i click "X" at
What is this link? Can I use it also for my projects? Do I need a license?
Finally got it!
thanks a lot~ u really my hero ~~~~~
Great Tutorial. But, I'am prefer create this with javascript. For projects is not cool create elements in the dom like this input hidden xD
Thank you very much.
So good!
Thanks alot bro you are great
What package to live preview you use in atom?
atom.io/packages/atom-html-preview
@@emq578 How to download?
How can I set, that when I click an anchor, the menu will disappear ?
i
I couldn't get these dots to appear on my web page. I did the same exact thing until 2:15 min
I also
@@bazejberezowski761 make without s -
Excelent !!
Lm3alem ,, u can add " hidden" in html of input>checkbox .. or it wil interfer with other thing?
yes it will work
Very nice thanks
I wish I was good like you. 😔
Youre awesome 👌
Would you make this responsive menu with menu dropdown, sir?. Please help me
when i trying on mobile view its not responsive, its responsive only while zoom on desktop view
Is it true?
Hi, your patreon is active?
yes
@@DarkCodeOnline ok, thanks i think I support you for you awesome work
@@mikadini88 thank you brother ♥♥
@@whoisain1370 thank you ♥♥
Thanks very much :3
awesome job
May i request Responsive Menu Navigation with Submenu. thanks
*Awesome 😊*
can i do this also without font?
Thank you a lot. Can you make video on hamburger menu using bootstrap4
Very nice🤩
Thank You
Hello Dark Code, please, why can't i see the menu
fas*
does this still work in 2020?
Hi bro how display view in right bar.
wao perfect design
I wish I was good like you
Man u r too good
I can’t show hide menu btn and show menu btn why
is it much easier using javascript?
Thank you😍
Design is good & responsive but instead of playing the background song, you should explain the code why you are using it. It would be much better then.