When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Hands-on Responsive Web Design 4: Navigation
This course will teach you how to build and deploy responsive apps for several different kinds of phone, tablet, and desktop navigation schemes with HTML5, CSS3, Sass, and even a little JavaScript.
This Course Includes
pluralsight
5 (26 reviews )
1 hour 36 minutes 
english
Online - Self Paced
Expanded Courses
pluralsight
About Hands-on Responsive Web Design 4: Navigation
At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and Sass. In this course, Hands-on Responsive Web Design 4: Navigation, you will learn the skills you need to build responsive navigation for single level and two level deep navigation for small screens, medium screens, and large desktops. You will use jQuery, JavaScript, icons, and Sass as you work your way through each example. You will discover the appropriate use and limitations for each navigation type. You will also explore browser support and how far back each approach will work. By the end of this course you will know how to build navigation for simple toggle, multilevel toggle, footer anchors, and icons with popups.
What You Will Learn?
- Course Overview : 1min.
- Introduction : 3mins.
- Coding the Navigation : 2mins.
- Cover Navigation : 15mins.
- Expanding Navigation : 13mins.
- Footer Anchor Navigation : 14mins.
- Expand on Touch : 12mins.
- Single Level Navigation : 16mins.
- Icon Navigation : 16mins.