by Adi Purdila
Lessons:19Length:2.2 hours
Next lesson playing in 5 seconds
CancelFree Preview: Web Design Workflow with Sass and Compass
Welcome
01:45
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.Introduction1 lesson, 01:45
1 lesson, 01:45
Free Lesson 1.1Welcome01:45
Free Lesson
1.1
Welcome
01:45
2.Installing SASS2 lessons, 14:30
2 lessons, 14:30
Free Lesson 2.1Via Command Line05:48
Free Lesson
2.1
Via Command Line
05:48
2.2Using a Standalone Application08:42
2.2
Using a Standalone Application
08:42
3.Sass Essentials3 lessons, 25:45
3 lessons, 25:45
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 Framework2 lessons, 11:49
2 lessons, 11:49
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 Framework2 lessons, 18:46
2 lessons, 18:46
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 Project8 lessons, 55:49
8 lessons, 55:49
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.Conclusion1 lesson, 02:04
1 lesson, 02:04
7.1Recap02:04
7.1
Recap
02:04
Subscribe to watch full course
Subscribe to watch full course