Give Your CSS Superpowers with Sass

4.6 Average Customer Rating

Save time and write better code in quick, easy steps.

  • 18 Videos
  • 1 hours 15 minutes
  • 6110 Happy Students

About the course

Sass is a CSS meta-language that saves time, and allows you to write better quality code. In Step by Step Sass, you’ll learn how to use this powerful pre-processor in easy 5-10 minute steps.

The best thing about Sass is that you don’t have to understand every concept to use it—once you get past the installation and set up, you can start using it right away!

By introducing features not available within CSS3 itself, like variables, mixins, and nested code, Sass saves you time—and allows you to write neater, more consistent code. The time you’ll spend completing this course will be easily made up on your next web project!

For more on Sass, check out AtoZ: Sass. It’s a great course to discover quick Sass lessons, tips, and references.

  • 18 Videos
  • 1 hours 15 minutes
  • 6110 Happy Students

Courses Outline

Lesson 1: Intro
Free
Getting the most from this course
Introduction
4:31
Lesson 2: Installing Sass
Installing Sass
5:36
Lesson 3: Class Project
Project Code
Class Project
4:52
Lesson 4: Compiling Sass
Convert Project into a Sass Project
4:58
Lesson 5: Variables
Sass Variables
6:26
Lesson 6: Comments
Sass Comments
2:54
Lesson 7: Nesting
Nesting
6:46
Nesting Code
Lesson 8: Extend
Extend Demo Code
Extend
8:44
Lesson 9: Mixins
Mixin Demo Code
Mixins
11:00
Lesson 10: Parent Selector
Parent Selector
8:14
Lesson 11: Import
Import
6:20
Lesson 12: Next Steps
Sass Resources
Next Steps
4:54
  • 18 Videos
  • 1 hours 15 minutes
  • 6110 Happy Students