2015
Digital Tutors / Pluralsight
Gary Simon
2:04
English
In this CSS tutorial, we’ll learn how to use Sass and Compass to speed up our coding workflows. Both Sass and Compass are powerful tools that allow you to use variables, mixins, nesting and more with your CSS.
By the end of this CSS training, you’ll have learned a variety of tips and tricks to help you be a better front end developer.
1 Introduction and project overview
2 Finishing the CSS and integrating Masonry JavaScript grid
3 Adding responsive CSS and finishing the project
4 Using Compass and Sass with Foundation
5 Understanding Sass variables
6 Discovering Sass nesting
7 Understanding Sass mixins
8 Creating Sass partials and importing
9 Designing the header and hero section
10 Designing the headline, sub-headline and gallery
11 Finishing the site mockup
12 Creating our Foundation project and exporting assets
13 Starting the HTML
14 Finishing the HTML and starting the CSS and Sass
15 Continuing the CSS
16 Finishing the CSS and integrating Masonry JavaScript grid
17 Adding responsive CSS and finishing the project
digitaltutors.com/tutorial/2342-Speeding-up-your-CSS-workflow-with-Sass-and-Compass
Download File Size:511.75 MB