by Adi Purdila
FREELessons:19Length:2.2 hours
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
1.1Welcome01:45
1.1
Welcome
01:45
2.Installing SASS2 lessons, 14:30
2 lessons, 14:30
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 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
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.