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 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.
This Course Includes
pluralsight
5 (108 reviews )
1 hour 47 minutes 
english
Online - Self Paced
Expanded Courses
pluralsight
About Hands-on Responsive Web Design 1: Media Queries & CSS Preprocessing
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.
What You Will Learn?
- 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.