Hands on Responsive Design Using a CSS Preprocessor

Build a mobile first, responsive website using the power of a CSS preprocessor so you can use variables, functions, calculations, shorthand, and minification in your web design workflow.
Course info
Rating
(32)
Level
Intermediate
Updated
March 14, 2016
Duration
2h 0m
Table of contents
Description
Course info
Rating
(32)
Level
Intermediate
Updated
March 14, 2016
Duration
2h 0m
Description

CSS is very basic and tedious to write by hand. However, by using a CSS preprocessor, we can introduce variables, functions, calculations, shorthand, minification, and other cool stuff all while keeping our source files clean and readable. The power of using a CSS preprocessor for doing responsive design should not be underestimated.

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 25m
20 Mar 2017
More courses by Paul Cheney
Transcript
Transcript

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 and math operations to quickly create standard CSS.

You’ll even cover html semantics and way-finding 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.