July 20–24, 2015
Portland, OR

Introducing Sass

Jen Kramer (Harvard University Extension School)
1:30pm–5:00pm Tuesday, 07/21/2015
Design D137/138
Average rating: ****.
(4.25, 4 ratings)
Slides:   1-ZIP    external link

Prerequisite Knowledge

Attendees should have a solid working knowledge of hand-coded HTML and CSS.

Materials or downloads needed in advance

Attendees should bring a laptop configured with a text editor to participate. We will also install a Sass compiler like PrePros. Tutorial files will be provided so attendees can follow with all examples.


Sass is a CSS preprocessor that enables designers and developers to write DRY code. Leveraging data structures like variables, if/else statements, functions, and loops, Sass allows CSS designers to create code that’s easier to follow and less repetitive.

In this tutorial, Jen Kramer will teach you how to:

  • Set up a typical file structure for working with Sass
  • Work with a Sass compiler to create CSS that the browser can understand
  • Create variables, mixins, and more to keep code DRY
  • Work with Sass’s built-in functions to manipulate color, make calculations, and more
  • Create a real-world website with Sass.
Photo of Jen Kramer

Jen Kramer

Harvard University Extension School

For more than a dozen years, Jen Kramer has been educating clients, colleagues, friends and graduate students about the meaning of a “quality website.” Jen develops sites that are functional, usable, accessible, and supportive of business and marketing goals. Since 2000, she has built websites in a freelance capacity and as part of an agency.

Jen is a lynda.com author with 24 published titles, including the popular Up and Running with Bootstrap 3, Web Semantics, and Joomla 3.3 Essentials: Working with Content. She has written two books published by Wrox Press (a division of Wiley), Joomla! Start to Finish: How to Plan, Execute, and Maintain Your Web Site, and Joomla 24-Hour Trainer. Jen currently offers courses through Harvard Extension School and National University. She is also available for individual private tutoring, customized classroom training, and consulting. Jen earned a BS in biology at University of North Carolina at Chapel Hill and an MS in internet strategy management at the Marlboro College Graduate School.

Comments on this page are now closed.


Picture of Jen Kramer
Jen Kramer
07/20/2015 12:17pm PDT

They should be available via the standard OSCON workshop download. If not, you can get them here:


Daniel Pinho Monteiro
07/20/2015 10:21am PDT

Where can i download the tutorial files?