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

Web Development
Udacity
Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
Web-Technologien
openHPI
iDESWEB, Introducción al desarrollo web
Miríadax