Tutsplus - Web Design Workflow with SASS and Compass

English | April 9, 2014 | .MP4 | Audio: aac, 44100 Hz, stereo | Video: h264, yuv420p, 1280x720, 30.00 fps(r) | 1.28 GB

Genre: E-learning

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

Introduction 2m 30s

Welcome 2m 30s

Installing SASS 16m

Via Command Line 6m 36s

Using a Standalone Application 9m 24s

SASS Essentials 27m 30s

Syntaxes, Variables & Mixins 10m 52s

Nesting & Inheritance 8m 32s

Partials & Operators 8m 6s

The Compass Framework 12m 38s

What It Is and How to Install It 5m 38s

Spriting with Compass 7m

Building A Starter Framework 19m 32s

The Folder Structure 8m 36s

Bring Everything Together 10m 56s

Use The Framework In A Project 57m 38s

The HTML: Part I 6m 16s

The HTML: Part II 8m 30s

CSS: Base Styles 7m 34s

CSS: Layout Styles 9m 12s

CSS: Module Styles 4m 36s

CSS: Theme Styles (Part I) 6m 12s

CSS: Theme Styles (Part II) 9m

CSS: Theme Styles (Part III) 6m 18s

Conclusion 2m 8s

Recap 2m 8s