Lynda - Responsive CSS Workflow with Sass, Bourbon, and Susy
English | 2h 59m | Video: 720p | 616 MB

Sass is a stylesheet extension language that can help you manage unwieldy stylesheets by allowing you to leverage features that aren't available in CSS, such as nesting, variables, and inheritance.

In this course, learn how to build a responsive webpage from scratch using CSS and Sass. Instructor Caroline Dils begins by explaining how Sass works, and then shows how to analyze your workflow options and work with package managers. She also explains how to use Grunt—a javascript task runner—to set up a development workflow, as well as how to style default HTML styles and create a mobile-first layout. Plus, Caroline shows how to build a sample webpage using features in Sass, Bourbon, and Susy.

Topics include:
* Reviewing what Sass is and how it works
* Analyzing workflow options
* Setting up a folder structure
* Adding version control
* Working with package managers
* Setting up a workflow with Grunt
* Scaffolding HTML
* Modularizing a Sass with partials
* Creating a color palette with variables
* Using Font Awesome
* Creating a mobile-first layout