Web Design Workflow with Sass and Compass

with

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× speed

Free Preview: Web Design Workflow with Sass and Compass

Welcome

01:45

1.Introduction
1 lesson, 01:45

Free Preview
1.1
Welcome
01:45

2.Installing SASS
2 lessons, 14:30

Free Preview
2.1
Via Command Line
05:48

2.2
Using a Standalone Application
08:42

3.Sass Essentials
3 lessons, 25:45

3.1
Syntaxes, Variables & Mixins
10:26

3.2
Nesting & Inheritance
07:46

3.3
Partials & Operators
07:33

4.The Compass Framework
2 lessons, 11:49

4.1
What It Is and How to Install It
05:19

4.2
Spriting with Compass
06:30

5.Building a Starter Framework
2 lessons, 18:46

5.1
The Folder Structure
08:18

5.2
Bring Everything Together
10:28

6.Use the Framework in a Project
8 lessons, 55:49

6.1
The HTML (Part 1)
06:08

6.2
The HTML (Part 2)
08:15

6.3
CSS: Base Styles
07:17

6.4
CSS: Layout Styles
09:06

6.5
CSS: Module Styles
04:18

6.6
CSS: Theme Styles (Part 1)
05:36

6.7
CSS: Theme Styles (Part 2)
09:00

6.8
CSS: Theme Styles (Part 3)
06:09

7.Conclusion
1 lesson, 02:04

7.1
Recap
02:04


Preview for Web Design Workflow with Sass and Compass
Lessons:
19
Length:
2.2 hours
About Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio