Responsive Navigation Menu with Search Bar | Html CSS & Javascript

preview_player
Показать описание
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
Рекомендации по теме
Комментарии
Автор

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

ady
Автор

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

pink-doublethink
Автор

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

legendzain
Автор

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 {

return;
}




};

juliancanteracornejo
Автор

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

iyedbaassou
Автор

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

coconuterror
Автор

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

r-i-ch
Автор

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.

MrUmar
Автор

Where from you learn these awesome css designe? just amazing

nitaibarman
Автор

what extensions for the vs are needed?

AgnieszkaZdun
Автор

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

bibekagrawal
Автор

But there is no way to submit the search lol and the close button that goes over the menu is not good

SirMika
Автор

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

HumayraSheikh
Автор

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

zhrfn
Автор

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

jacobwonder
Автор

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

danielguilherme
Автор

How to make slider with text animation

md.mominulhaque
Автор

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

davemartinmaragana
Автор

Oye...navbar HTML, css y javascript sin react como ?? Cómo inicio>home
About>galerías
Contact>contacto
Sin react.js como ??

juliettorres
Автор

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

yassirmuhammad.b