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 1: Media Queries & CSS Preprocessing

via Pluralsight

Overview

Learn how to build a responsive website template using SASS and a CSS preprocessor. Join Pluralsight author Paul Cheney as you learn responsive mobile first web design.

At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and SASS. In this course, Responsive Web Design 1: Media Queries and CSS Preprocessing, you'll learn the skills you need to create a mobile first, responsive web page template that can be used as a basis for an entire site or even a CMS. First, you'll learn the appropriate way to organize your SCSS partial files and how to reassemble them while including media queries. Next, you'll discover how to use variables and math operations to quickly create standard CSS. Finally, you'll cover html semantics and way-finding so that your websites are attractive as well as functional. When you're finished with this course, you'll have built a responsive template, which is ready to be used as you create your own personal or commercial websites. Software required: Brackets.

Syllabus

  • Course Overview 1min
  • Introduction 3mins
  • Building the Start File 15mins
  • HTML Semantic Markup 4mins
  • CSS Preprocessor Setup 18mins
  • Auto Dealer Page Structure 20mins
  • Auto Dealer Page Content 24mins
  • Modify the Design and Testing 19mins

Taught by

Paul Cheney

Reviews

4.9 rating at Pluralsight based on 110 ratings

Start your review of Hands-on Responsive Web Design 1: Media Queries & CSS Preprocessing

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.