July 20–24, 2015
Portland, OR

Sass: What it is, how it's used, and why it's so syntactically awesome

Lucy Wyman (Puppet)
4:10pm–4:50pm Wednesday, 07/22/2015
Design Portland 255
Average rating: ***..
(3.17, 6 ratings)
Slides:   external link,   2-HTM 

Prerequisite Knowledge

HTML/CSS

Description

What is Sass?

Sass—or Syntactically Awesome StyleSheets—is “an extension of CSS that adds power and elegance to the basic language” (Sass docs). It is actually a Ruby gem that includes a preprocessor that turns Sass script into CSS, which provides several handy features that help keep CSS clean and functional. Think of it as a set of tools that make styling your website easier, like trading a screw-driver for a powerdrill.

How is it used? Although Sass isn’t revolutionary, it is evolutionary. None of its functionality will fundamentally change the way you write CSS, but it will drastically improve the speed, ease, and organization with which you write it. Specific to this talk, we’ll cover:

  • Variables in Sass
  • Nesting CSS declarations
  • Inheritance
  • Mix-ins
  • Operations (on Colors, booleans, and numbers)
  • Conditional logic
  • Functions
  • and other cool features of Sass.

We’ll also look at some examples of Sass in action for a sense of how you can get the most out of using it, and how you can start using it today on your current web design projects.

Photo of Lucy Wyman

Lucy Wyman

Puppet

Lucy Wyman is a Junior studying computer science at Oregon State University. She works as a front-end engineer for the OSU Open Source Lab, designing the front end for their web applications. Lucy specializes in web development, and is skilled at HTML, CSS, JavaScript, and Python. In addition, Lucy leads DevOps Bootcamp, an outreach program for budding software developers; is vice president of the OSU Linux Users Group; and is web master of the OSU Security Club. In her free time she enjoys programming, running, cooking, and reading.