Responsive Navbar HTML, CSS, and JavaScript

Veröffentlicht am: 15 März 2022
auf dem Kanal: Coding in Public

5,103

169

Nearly every website needs a responsive navigation, but they can be confusing to layout. It’s not uncommon for developers to create two separate navigations: one for mobile and one for desktop. But there’s a better way! In this video, I'll show you how to create a fully responsive navigation menu with HTML, CSS, and Vanilla JavaScript. We’ll add aria attributes to achieve a basic accessible navigation.

🔗 Key Links 🔗
GitHub: https://github.com/coding-in-public/r...
Live Code: https://codinginpublic.dev/projects/r...

---------------------------------------

📹 Related Videos 📹
Intersection Observer playlist:    • Intersection Observers
Understanding Clamp():    • Dynamic Font Size CSS with clamp()

---------------------------------------

🧰 My Tools 🧰
VSCode Font/Theme:    • My VSCode Theme and Font Setup
VSCode Extensions:    • Top 10 VSCode Extensions for Web Development

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
0:34 Considering Structure
2:33 HTML
7:56 CSS
22:10 JavaScript
26:19 Examining Voiceover

---------------------------------------

🌐 Connect With Me 🌐
Website: https://codinginpublic.dev
Blog: https://chrispennington.blog
Twitter:   / cpenned

Auf dieser Seite können Sie das Online-Video Responsive Navbar HTML, CSS, and JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding in Public 15 März 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 5,103 Mal angesehen und es wurde von 169 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

994