2015
Lynda
Chris Converse
0:30
English
Did you know you can add dropdown menus to your webpage with nothing more than HTML and CSS? Typically interactive menus are accomplished with jQuery or another JavaScript framework. But the truth is, with CSS you can create the same rich experience, including full support for iOS and touch-screen Windows devices. In this installment of Design the Web, Chris Converse teaches us how to nest lists, style and position menus, add in ARIA markup for cross-compatibility, and make the menus fully responsive.
Introduction
Welcome
Using the exercise files
1. Creating Menus with CSS
Nesting unordered lists in HTML
Overriding the bulleted list style
Clearing the floats with pseudo-elements
Showing and hiding submenus on hover
Positioning the third-level menus
Styling the top-level items
Adding support for ARIA
Making the menu responsive
Download File Size:125.77 MB