CSS on its own can be great fun, but stylesheets are getting longer, more complex, and more difficult to maintain. This is where a preprocessor such as Sass can help. With Sass, you can use features that don't exist in CSS yet, like variables, inheritance and nesting. With this kind of power, you would be foolish not to add Sass to your web design workflow.
1.Introduction
1.1Welcome01:45
1.1
Welcome
01:45
2.Installing SASS
2.1Via Command Line05:48
2.1
Via Command Line
05:48
2.2Using a Standalone Application08:42
2.2
Using a Standalone Application
08:42
3.Sass Essentials
3.1Syntaxes, Variables & Mixins10:26
3.1
Syntaxes, Variables & Mixins
10:26
3.2Nesting & Inheritance07:46
3.2
Nesting & Inheritance
07:46
3.3Partials & Operators07:33
3.3
Partials & Operators
07:33
4.The Compass Framework
4.1What It Is and How to Install It05:19
4.1
What It Is and How to Install It
05:19
4.2Spriting with Compass06:30
4.2
Spriting with Compass
06:30
5.Building a Starter Framework
5.1The Folder Structure08:18
5.1
The Folder Structure
08:18
5.2Bring Everything Together10:28
5.2
Bring Everything Together
10:28
6.Use the Framework in a Project
6.1The HTML (Part 1)06:08
6.1
The HTML (Part 1)
06:08
6.2The HTML (Part 2)08:15
6.2
The HTML (Part 2)
08:15
6.3CSS: Base Styles07:17
6.3
CSS: Base Styles
07:17
6.4CSS: Layout Styles09:06
6.4
CSS: Layout Styles
09:06
6.5CSS: Module Styles04:18
6.5
CSS: Module Styles
04:18
6.6CSS: Theme Styles (Part 1)05:36
6.6
CSS: Theme Styles (Part 1)
05:36
6.7CSS: Theme Styles (Part 2)09:00
6.7
CSS: Theme Styles (Part 2)
09:00
6.8CSS: Theme Styles (Part 3)06:09
6.8
CSS: Theme Styles (Part 3)
06:09
7.Conclusion
7.1Recap02:04
7.1
Recap
02:04
