Design the Web: Creating CSS-Only Navigation Menus

- [Voiceover] Hi , I'm Chris Converse and in this episode of Design the Web we'll be creating navigation menus for our website using nothing more than HTML and CSS. Now there are many JavaScript based frameworks that you can use to create menus for your site, however in this course I wanna show you how to create a multilevel drop down menu experience with CSS. And in addition to mouse and track pads support, this menu system will also work with touch devices. By default Android and IOS devices will activate the hover pseudo class when you tap on the navigation item with your fingers. Giving your users a way to navigate on touch devices as well.

However, with the growing number of multi input based Windows systems, including devices made by Microsoft, Gateway, and Lenovo, we'll also be adding in some ARIA attributes, which stands for Accessible Rich Internet Applications, in order to enable our menu for those devices as well. And finally, the exercise files for this course are available for all members. So download the files, and let's start making some navigation menus with CSS.