28 lines
1.2 KiB
Markdown
28 lines
1.2 KiB
Markdown
# Basic Responsive Navigation
|
||
|
||
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 🔗
|
||
- YouTube Video: https://youtu.be/63sxOYm9GwY
|
||
- Live Code: https://codinginpublic.dev/projects/responsive-navigation/
|
||
|
||
---------------------------------------
|
||
|
||
📹 Related Videos 📹
|
||
- Intersection Observer playlist: https://www.youtube.com/playlist?list=PLoqZcxvpWzze3Hkult9jLfCvZlzCYLb8G
|
||
- Understanding Clamp(): https://youtu.be/Moely7aPYGE
|
||
|
||
---------------------------------------
|
||
|
||
🧰 My Tools 🧰
|
||
- VSCode Font/Theme: https://www.youtube.com/watch?v=5uETTXxVj8s
|
||
- VSCode Extensions: https://www.youtube.com/watch?v=0ABuzt8X5SA
|
||
|
||
---------------------------------------
|
||
|
||
🌐 Connect With Me 🌐
|
||
- Website: https://codinginpublic.dev
|
||
- Blog: https://chrispennington.blog
|
||
- Twitter: https://twitter.com/cpenned
|