Responsive Dropdown Menu Bar Using HTML CSS & JavaScript
HTML-код
- Опубликовано: 12 июн 2024
- Responsive dropdown menu bar using HTML CSS & JavaScript. Responsive dropdown navbar html css javascript. Responsive dropdown navigation menu using html css and javascript. Responsive dropdown menu with submenu
🔔 Subscribe for more!
/ @bedimcode
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔗 Source code
github.com/bedimcode/responsi...
💎 Membership
www.buymeacoffee.com/bedimcod...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨💻 Build the project from scratch
github.com/bedimcode/responsi...
👆 Download (empty files)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
📂 Assets
Fonts: fonts.google.com/
Icons: remixicon.com/
JS Functions: github.com/bedimcode/responsi...
⏱ Timestamps
0:00 Intro Responsive Dropdown Menu
2:20 Project Setup
3:22 Variables & Reset CSS
4:07 Reusable CSS
4:25 Header
09:08 Navbar
11:05 Show Navbar Menu
15:50 Dropdown
18:26 Show Dropdown Menu
22:14 Dropdown SubMenu
26:33 Breakpoints
34:16 Final Project
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!
/ bedimcode
/ bedimcode
☕️ Support me
www.buymeacoffee.com/bedimcode
ko-fi.com/bedimcode
👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗
#responsivenavbar #dropdownmenu #bedimcode
I Love yours projects and design. Its simple and clean. Perfect to me.
I'm only 11 minutes in to the first episode but this is by one of the best frontend tutorials I've seen. I love that the design involves a lot of features, and shows better ways to debug what affects what through inspect element
Thanks for the support friend, greetings.
Excelente! Ya hice el tutorial me quedó pro el menu. ¡Muchas gracias! por compartir tus conocimientos @Bedimcode 👏
Gracias por el apoyo amigo, saludos.
what a good content, great work
Awesome...!
Excelente!!!, gracias por el gran aporte
Un placer amigo, saludos.
wow.. awesome
I have a question regarding in mobile view , when I will click on navigation menu down arrow icon the page will load automatically, because it it present inside anchor tag, so how can stop , when I click on down arrow icon then show me only sub menu not load the page , and when I will click on anchor tag text so then only the page will load or goes to that page
i wish you receive my message. thank you so much brother. you are my teacher
Great video! It really helped me! But, I have a question, how do you convert ui's from dribbble into websites? Like how do you get all assets and all?
Super cool
I am waiting for your voice to make videos more attractive ❤❤
Yaa bro really 😢
Thank you very much for your good content. I am constantly learning from you. Can you make pagination for a movie website using vanilla js ❤❤❤
I'll take it into account, thanks for the support friend, greetings.
Muy bueno 🤩
Por casualidad tenes cursos para aprender de todo lo sabes 🤔
Estaria bueno poder hacer ese tipo de trabajos por cuenta propia
Gracias amigo, pero lo siento no cuento con cursos de diseño web, saludos.
que video tan increible, me ayudo mucho. solo que al momento de ponerle el cdn de bootstrap a mi proyecto desacomodo todo el menu. pero la solucion fue cambiar todas las etiquetas que tuvieran el nombre de "nav" por cualquier otro para que los etilos de bootstrap no interrumpieran
Gracias por el dato amigo, la información puede ser util para cualquier desarrollador, saludos.
You are the best
Hey! great video, but can I ask what font do you use for vs code?
Thanks friend, vsc font is 'Cascadia Code', regards.
🔥
It was really good !
Does the click will work in mobile devices? Because in desktop the drop down is working while hovering the menu.
Did you find an answer about this?
I'm having the same problem right now.
Click event does not work on mobile devices
Nice , I love your Channel❤❤ can you make responsive cake design website please?
Thanks friend, it is in my plans to make a cake website, greetings.
Hey what extension your were using for comments in this video plz tell me
Comments inserted manually friend, greetings.
brother, you are the best blogger in your segment, I love watching you, you can make websites for making money so that any of your viewers can customize the site for themselves and can get passive income from it, it would be great, I have never met such a project , and one more request, you can do a project with AI, at least at the level of telegram bots or a todo list, but only advanced ones, I'm from Uzbekistan, you can google about my country, if of course you are interested in who your viewers are
If you develop the channel projects, you can be guided by them and build your own designs and earn money from it. About IA at the moment I am not interested, I thank you for the support, greetings.
BUG found: On mobile (Android), click on the hamburger menu, then click on "Analytics". Its submenu opens, the arrow shows downwards. All good. BUT: clicking on "Analitics" or its arrow does not close the submenu again!
I want a source code for travel website with attached of home aboutus to take a other place
🥰🥰🥰
pls, make a tutorial mega menu in the future
I published a mega menu, look for it in my recent videos, greetings.
20:43
what's name your theme visual studio code ?
One dark darker
hi sir, please create a responsive wedding website
Im stuck in space-between 😢
Sir kuch bhi smj nhi aa rha h