Hands-on Responsive Web Design 1: Media Queries & CSS Preprocessing

Responsive, mobile first web design is a skill required for web developer's in today's mobile world. This course, you'll learn how to build a responsive template using SASS and a CSS preprocessor that you'll use in your next web development project. Software required: Brackets.
Course info
Rating
(80)
Level
Intermediate
Updated
Jun 6, 2017
Duration
1h 48m
Table of contents
Description
Course info
Rating
(80)
Level
Intermediate
Updated
Jun 6, 2017
Duration
1h 48m
Description

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.

About the author
About the author

Paul Cheney is a professor of Web Design and Development at Utah Valley University, where he teaches Responsive Design. He also owns his own web design company, which allows him to keep current in the field and share the latest technology with his students.

More from the author
Hands-on JavaScript Project: JSON
Beginner
1h 16m
Oct 26, 2018
Best Practices for Responsive Web-forms
Beginner
1h 10m
May 31, 2018
Hands-on Responsive Web Design 4: Navigation
Intermediate
1h 37m
Jan 22, 2018
More courses by Paul Cheney
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello, my name is Paul Cheney. Let me tell you about this series of hands-on responsive design courses. At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and SASS. In this course, you will 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 content management system. You will learn the appropriate way to organize your SCSS partial files, how to reassemble them while including media queries, and how to use variables in math operations to quickly create standard CSS. You'll even cover HTML semantics and wayfinding so that your websites are attractive, as well as functional. When you're finished with this course, you will have a responsive template, which you built, that is ready to be used as you create your own personal or commercial websites. I hope you'll join me as we build a responsive mobile first web page template in this first of four hands-on responsive design courses from Pluralsight.