Building a Responsive Single-Page Design with Sass

Created by: Ray Villalobos

Produced in 2014

icon
Course Description

Learn how to build dynamic, responsive single-page designs with HTML, JavaScript, and CSS. The website featured in this course combines docking navigation, columns that adjust without cluttering your site layout or HTML markup, and animated scrolling effects that respond to user direction. Author Ray Villalobos shows you how to build it. He starts with a lean, easy-to-read template, and then explains how to add the features that make single-page designs so great, with these four frameworks: Compass, whose Sass mixins help you leverage CSS3 features like Flexbox Susy 2, the framework that "subtracts" the math from responsive grid design ScrollMagic, for adding "magical" scroll effects Breakpoint, which makes writing media queries in Sass a snap But this course isn't just about the tools. It's a realistic project that epitomizes many of the design challenges website developers face in the real world. Start watching now and learn how to use HTML, jQuery, and CSS to build your own dynamic, deeply responsive designs.

icon
Instructor Details

Ray Villalobos

Ray Villalobos is a full-stack design/development teacher and senior staff instructor at LinkedIn Learning.

His courses are focused on front-end design and development topics such as JavaScript, AngularJS, React, and Sass, plus frameworks like Bootstrap and tools that can make you a faster, more efficient developer. He has a clear and practical teaching style and will help you improve your skills through real-world exercises and projects.

Previously, as a director of multimedia for Entravision Communications, Ray managed a network of radio and TV station websites on the East Coast. He also designed large newspaper sites and created interactive projects/games for the Tribune network of newspapers. You can reach him on LinkedIn or through other social networks @planetoftheweb. Check out his personal blog at http://raybo.org.

Read More

icon
Reviews

0.0

0 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete
% % % % %