YoVDO

Multi Level Navigation Menu With HTML & CSS Only - Responsive Dropdown Navbar Menu

Offered By: Dave Gray via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Accessibility Courses HTML Courses Responsive Design Courses Media Queries Courses

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 CSS
Udacity
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