Responsive Sidebar Menu With SubMenu Using HTML CSS And JavaScript

Responsive Sidebar Menu With SubMenu Using HTML CSS And JavaScript

Bedimcode

3 года назад

63,391 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@daltonrandall4348
@daltonrandall4348 - 23.12.2023 10:51

How do you make it start as open by default?

Ответить
@diegomontenegro8198
@diegomontenegro8198 - 27.05.2023 18:04

Sin dudas la mejor Sidebar que ví de todas las que encontré en video. Excelente trabajo 👍

Ответить
@RoyBoy-xe4bi
@RoyBoy-xe4bi - 09.01.2023 17:46

Brilliant menu structure and design. I watched the video but it is fairly advanced for my basic coding brain. I downloaded the .zip file from GitHub and tried to import into Wordpress as a template, pop-up and plug-in. Nothing worked. Is there any other way I can implement this widget into my site, without building it from scratch? I've spent hundreds of hours searching for a perfectly clean responsive sidebar menu. This is the BEST! Can you help me? Thank you for your time.

Ответить
@Deus-lo-Vuilt
@Deus-lo-Vuilt - 10.10.2022 19:56

nice good video

Ответить
@shivrajnag12
@shivrajnag12 - 29.07.2022 12:31

Awesome tutorial. Guys anyone has React version of it ?

Ответить
@AgencyPhamVanHoang
@AgencyPhamVanHoang - 09.12.2021 17:46

I want to study like you, where should I study?

Ответить
@adarshrathi8265
@adarshrathi8265 - 11.11.2021 16:36

I want how you work on js but you don't use

Ответить
@nelschannel3207
@nelschannel3207 - 03.11.2021 06:20

Sir thank you so much you've help me with my project i copied your codes thank you much love.

Ответить
@Akshayweb
@Akshayweb - 02.11.2021 23:46

what's the theme name in vs code ??

Ответить
@mohammaddori1446
@mohammaddori1446 - 11.09.2021 13:03

Thanks for Video (:

Ответить
@WeCrackAllGames
@WeCrackAllGames - 08.09.2021 23:42

What vscode extensions are you using?

Ответить
@guerreropuentepedrodamian9686
@guerreropuentepedrodamian9686 - 20.07.2021 08:34

tengo un error el cual es que header_logo no me funciona y la barra lo tapa :( ¿Alguna solución?

Ответить
@brennenbaxter3626
@brennenbaxter3626 - 05.07.2021 04:39

Love the design! Simple and clean

Ответить
@h4nzo692
@h4nzo692 - 02.07.2021 14:06

Cool 🔥

Ответить
@frames123
@frames123 - 19.06.2021 15:01

But I thought you used ion icons

Ответить
@abubalo
@abubalo - 11.06.2021 12:55

May God bless you and give you strength to continue making great and impactful tutorials. Amen 🙏

Ответить
@xhaiii
@xhaiii - 28.05.2021 12:40

I have a problem when i'm trying to make toggle menu it doesn't show console shows "Cannot read property 'addEventListener' of null"

Edit: oops my wrong i forgot to add 'header_toggle'
But overall great work nice design and fully functional, :)

Ответить
@ahangaraadil
@ahangaraadil - 26.05.2021 10:55

Every step is explained with the cursor and it predicts that creativity is something there behind the person. 👨‍💻

Ответить
@ibrahimhaddad9742
@ibrahimhaddad9742 - 21.05.2021 21:59

thank you broo, this is great job

Ответить
@humanityandpeace2081
@humanityandpeace2081 - 14.05.2021 19:16

Can you please tell me the name of the theme of vs code that have you used

Ответить
@missmosotho
@missmosotho - 03.05.2021 19:14

I tried following this video step by step and it still doesn't work... well, the js part of it

Ответить
@carlosenriquecastanedaguti8130
@carlosenriquecastanedaguti8130 - 18.04.2021 04:39

Hey excelente tutorial, fácil de seguir.

Una pregunta: Cuando grabas, ¿ya tienes programado el código en otro monitor y vas transcribiendo, cierto? O lo haces mientras grabas?

Ответить
@Jopurance
@Jopurance - 16.04.2021 13:01

This channel is probably the most 2021 Design channel I ever seen, you are so good bro please keep it like that you are the only one providing such a good design into code !!
If one day you think about making a calendar into code I will be forever thankful
Thanks again man !!

Ответить
@venkatapatchigolla5840
@venkatapatchigolla5840 - 08.04.2021 02:34

Dude, thanks so much for this! Learned a lot. Plz make more tutorials

Ответить
@sunris3919
@sunris3919 - 06.04.2021 22:52

Hello Bedimcode, in a project do you analyzing into a notebook before you program it right?

Ответить
@denniswilliamsjr5646
@denniswilliamsjr5646 - 03.04.2021 08:42

Frickin love this video man 😭

Ответить
@leonardotelesdealmeida9515
@leonardotelesdealmeida9515 - 26.03.2021 20:17

Hola, Bedimcode.
Vengo decirte que ayer por la noche finalizé este sidebar para crear un dashboard para un proyecto privado que tengo. Te agradezco, una ves más, por tu brillante trabajo.
Quiero reportarte un error que encontré en tu código. Este error ocurre solamente en Google Chrome. En el navegador Firefox no pasa nada. Puedes probar ahora mismo si todavía tienes el código.
Por ejemplo, si cambias el nombre de la app el el navbar para B-edimcode el navbar no va a tener el comportamiento que tiene en el video. Si pones espacio en blanco tampoco funciona bien el navbar.
Para solucionar este problema tuve que poner el nav__icon y el nav__icon-name con la propiedad grid en el css. Ellos no tienen esta propiedad y por eso no se comportan bien en Google Chrome.

Ответить
@weirddev
@weirddev - 18.03.2021 14:36

Can you just talk so we understand it more better.

Also dont define color names first. While watching this video you suddenly type var(--first-color) and we dont know what that is. So we have to seek behind and see what that was.

Ответить
@TechnoSG
@TechnoSG - 15.03.2021 12:52

U are pro brother 👍👍👍👍 I'm Nooooob

Ответить
@rizkimaulanacitra9359
@rizkimaulanacitra9359 - 09.03.2021 11:39

awesome video friend! keep it up

Ответить
@escanorgod
@escanorgod - 07.03.2021 03:35

Can you create a tutorial how to design a reservation website...love your videos.. please upload more awesome videos like this<3

Ответить
@listech_
@listech_ - 04.03.2021 00:21

best

Ответить
@CynthiaSotoCaballerolYEAHl
@CynthiaSotoCaballerolYEAHl - 03.03.2021 15:27

Love your designs and implementations. Beautiful work as always <3

Ответить
@henrymendeez
@henrymendeez - 03.03.2021 04:00

Hey man! Gracias por este video, en realidad haces cosas muy buenas y de calidad! Crees que podrías hacer un video en donde enseñes cómo asignar una clase a un enlace basándose en la página activa? Digamos, doy click a "About us" y este cambia su estilo a uno diferente mientras estoy en la página de "About us".

Ответить
@SabirKhan-gp1vj
@SabirKhan-gp1vj - 01.03.2021 22:01

Great plz creat tha 4 5 pages website

Ответить
@kirindev
@kirindev - 27.02.2021 09:57

thank you

Ответить
@ahmadfauzi-ho6zg
@ahmadfauzi-ho6zg - 26.02.2021 05:40

Thanks for sharing this amaizing code, your skill is so cool

Ответить
@leonardotelesdealmeida9515
@leonardotelesdealmeida9515 - 26.02.2021 00:18

Te felicito por tu brillante trabajo. ¿Podrías crear un dashboard?
¿por qué no utilizas Bootstrap en tus proyectos?

Ответить
@beticohernandez9536
@beticohernandez9536 - 25.02.2021 18:02

Full

Ответить
@anuj7286
@anuj7286 - 25.02.2021 16:27

This is amazing!! 😍

Ответить
@vanshshah2994
@vanshshah2994 - 25.02.2021 13:54

This person needs to teach how to make UI like this that's too good plz. teach how to make UI like this. Amazing video

Ответить
@zankoahmadi7891
@zankoahmadi7891 - 25.02.2021 11:35

Hi, this is a great tutorial, but I wish the drop-downs were in JavaScript or jqury, which was activated by clicking and with the touch page or menu

Ответить
@CreativeTutorialsWeb
@CreativeTutorialsWeb - 25.02.2021 11:19

Amazing Video Keep it up

Ответить
@arunnegi9505
@arunnegi9505 - 25.02.2021 11:15

One of the best channel to enhance your UI skills

Ответить
@souvicksen8918
@souvicksen8918 - 25.02.2021 11:09

Thanks bro ❤️❤️❤️❤️

Ответить
@kaabemedia
@kaabemedia - 25.02.2021 11:04

Waaaaw cool
Can I use it as personal

Ответить
@sebwatts6659
@sebwatts6659 - 25.02.2021 09:59

That is awesome. Really like it.

Ответить
@ghaziabbas3087
@ghaziabbas3087 - 25.02.2021 09:37

Great Content! 💯 For the design and simplicity mate! One thing I'd like to see in your future videos is that it would be great if you could explain things to us while coding! Get a mic and talk to your audience while you create the wonderful! Looking forward for more amazing content man! Good luck! ❤️

Ответить
@ElegantCoder
@ElegantCoder - 25.02.2021 09:15

Clean love it 😍

Ответить
@creativeminer
@creativeminer - 25.02.2021 08:58

Wow.This sidebar is very beautiful.⭐⭐
Thanks for this video.😘😘

Ответить