Responsive Navigation Menu with Search Bar | Html CSS & Javascript

Responsive Navigation Menu with Search Bar | Html CSS & Javascript

Online Tutorials

1 год назад

87,038 Просмотров

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


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

Spidyy-XY Gaming
Spidyy-XY Gaming - 03.09.2023 11:11

thanks for that

Ответить
Knowledge { Gyan }
Knowledge { Gyan } - 30.07.2023 06:34

What the fuck yr i am doing the same but output something else. I spend 1 hrs . Totally fuckkkkkkkkkkkkk🤬🤬🤬🤬🤬

Ответить
franco yahuana
franco yahuana - 27.07.2023 04:02

Me gustó la tipografía de tu editor.

Ответить
ZHRFN
ZHRFN - 09.07.2023 17:02

Why when creating the "menu" there is no icon? For me, the icon can't appear

Ответить
Meena Haque
Meena Haque - 26.06.2023 00:04

Could you make expanded search bar like flutter using html css and javascript please?

Ответить
Bibek Agrawal
Bibek Agrawal - 13.05.2023 08:47

Bro how can i make drop-down menu whenever hover in settings ??

Ответить
Daniel Guilherme
Daniel Guilherme - 11.03.2023 20:08

I did exactly as in the video, but my CLOSE-OUTLINE icon does not appear, PLEASE HELP ME!

Ответить
Themes Core
Themes Core - 22.02.2023 19:38

Is it working when we search?

Ответить
Agnieszka Zdun
Agnieszka Zdun - 22.02.2023 05:53

what extensions for the vs are needed?

Ответить
Yassir muhammad.b
Yassir muhammad.b - 03.02.2023 08:53

it is saying, ion icon is not recognised, help pls

Ответить
Maikol Guerrero
Maikol Guerrero - 01.02.2023 22:57

Thank you very much.

Ответить
Juku Jak
Juku Jak - 20.12.2022 20:38

Who can give me source code? working?

Ответить
iyed baassou
iyed baassou - 20.12.2022 17:35

what theme are you using for vs code
REALLY cool design, keep on it !

Ответить
Baimai PL
Baimai PL - 05.12.2022 11:09

Thanks a lot!

Ответить
Malika
Malika - 27.11.2022 16:38

Everything looks Cool but there are a lot of mistakes in your work.

Ответить
Creflo France
Creflo France - 26.11.2022 01:31

My search bar isn't working and I did everything u did word for word 👀

Ответить
CoconutError
CoconutError - 21.11.2022 05:42

Curious, now that it is finished how can I add text to the specific links/pages we have created?

Ответить
Nitai Barman
Nitai Barman - 14.11.2022 08:45

Where from you learn these awesome css designe? just amazing

Ответить
Dave Martin Maragana
Dave Martin Maragana - 30.10.2022 12:42

Could you please put text in the center I wanna see if it gets hide.

Ответить
Baki Nazik
Baki Nazik - 11.10.2022 22:27

when the search bar open it should be focus to textarea

Ответить
Julian Cantera Cornejo
Julian Cantera Cornejo - 09.10.2022 02:18

Great tutorial as always!!! Many thanks!!
Btw, I would add a condition 'if' in order to be able to close the menu as well by clicking the toggleMenu icon. Something as follows:

menuToggle.onclick = function () {
if (header.classList.contains("open")) {
header.classList.remove("open");
return;
}
header.classList.add("open");
searchBox.classList.remove("active");
closeBtn.classList.remove("active");
searchBtn.classList.remove("active");
};

Ответить
Lê Quang Minh Đức Official ✅
Lê Quang Minh Đức Official ✅ - 07.10.2022 16:27

very good

Ответить
Mir Muhammad Masum
Mir Muhammad Masum - 04.10.2022 19:46

Is it sticky header?

Ответить
Shiva Singh
Shiva Singh - 04.10.2022 12:52

Please increase font-size of code editor 🙏 240p 😢

Ответить
Mr Umar
Mr Umar - 04.10.2022 10:34

bro app bta sktay ka agr page refresh kray to text ma kuch heading jo ha H1 vo left side sa akr screen ma show ho without any jquery button.

Ответить
ady200003
ady200003 - 04.10.2022 03:36

Maestro !!! Bravo !!! Thank you for taking your time to share such a wonderful design with us !!! Keep it up !!!

Ответить
Jazz Rich
Jazz Rich - 04.10.2022 00:44

Great Stuff - Don't forget about the `<nav>` element for navigations!

Ответить
WeLoveTheSpace
WeLoveTheSpace - 03.10.2022 21:17

hey i have a question for you. I have a problem with the tutorial of the ParallaxScrolling Video. Do you have Discord or Instagram?

Ответить
Legend ZAIN
Legend ZAIN - 03.10.2022 19:51

Appreciate it, please next video should be on DROPDOWN menu...

Ответить
ANIME05.11
ANIME05.11 - 03.10.2022 19:37

Ответить
Md. Mominul Haque
Md. Mominul Haque - 03.10.2022 18:51

How to make slider with text animation

Ответить
Jacob Wonder
Jacob Wonder - 03.10.2022 17:34

The search bar is way too long, moving the mouse to the left to go back right is a bad UX.

Ответить
TapGameplay-
TapGameplay- - 03.10.2022 16:54

Thanks, it's exactly what i was looking for

Ответить
Alexei Ovsyannikov
Alexei Ovsyannikov - 03.10.2022 16:38

Thanks for the interesting video! Would love to see implementations of :has() or Container Queries on your channel.

Ответить