Multi Level Navigation Menu With HTML & CSS Only - Responsive Dropdown Navbar Menu
Offered By: Dave Gray via YouTube
Course Description
Overview
Learn to create a responsive multi-level navigation menu using only HTML and CSS in this comprehensive 37-minute tutorial. Explore essential concepts like absolute and relative positioning, build the HTML structure for nested lists, apply CSS styles for a polished look, and implement media queries for larger screens. Discover a crucial yet often overlooked mega menu feature and test the menu for screen reader accessibility. Perfect for web developers looking to enhance their skills in creating user-friendly, accessible dropdown navbar menus without relying on JavaScript.
Syllabus
Intro
Menu Features and a Discussion on Absolute and Relative Positioning
Building the HTML Lists
Applying CSS Styles
Applying a Media Query for larger screens
An All Too Often Overlooked Menu Feature that is a MUST
Testing the Menu for ScreenReader Accessibility
Taught by
Dave Gray
Related Courses
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX