Supercharge your CSS Development with Sass (CSS Programming) | Christopher Dodd | Skillshare

Supercharge your CSS Development with Sass (CSS Programming)

Christopher Dodd, Web Developer / Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (1h 48m)
    • 1. Introduction

      1:12
    • 2. How Sass Works

      1:28
    • 3. The Main Features of Sass

      25:43
    • 4. Setting up Sass on your computer

      8:44
    • 5. Converting CSS to SCSS

      38:07
    • 6. Writing modular Sass

      9:55
    • 7. Bonus: Using Sass with Bootstrap

      21:38
    • 8. Conclusion and Class Project

      1:08

About This Class

in this class we’re gonna learn how to supercharge your CSS development using Sass.

Sass is a preprocessor scripting language that is interpreted or compiled into CSS. 

It’s essentially a programming language that allows us to write CSS with programming features like variables, nesting and calculations.

Of course, before taking this class, you should already be familiar with CSS but if you’ve been using CSS for a while, you’ve probably come up against a few situations where you find yourself writing ridiculously long selectors or forgetting the hex or rgba code of a color you’ve been using throughout your web page.

These are just a few of the issues that Sass helps us to solve and trust me, once you start using Sass you won’t want to go back to the old way of writing CSS.

So, as the title suggests, this class is going to be all about improving your CSS development workflow with Sass. 

We’ll look at how Sass works and then we’ll start using it, refactoring existing CSS code to use some of the best features of Sass.