Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Hands-on Responsive Web Design 4: Navigation

via Pluralsight

Overview

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. Start learning all about Web Design with this intermediate course from Pluralsight!

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.

Syllabus

  • 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

Taught by

Paul Cheney

Reviews

4.8 rating at Pluralsight based on 26 ratings

Start your review of Hands-on Responsive Web Design 4: Navigation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.