PyCon Canada 2013
Sign up »   Log in »  
Ticket sales CLOSED!

Sunday 2:15 p.m.–5:05 p.m. in St. David

SASS me up, Scotty

Ricardo Vazquez

Audience level:
Novice

Description

Join Ricardo Vazquez, UI/UX Designer at 500px, in discovering how to write beautiful CSS. This tutorial will cover one of the most popular preprocessors being used in production websites today. SASS uses the power of Ruby conventions in order to deliver an organized and logical structure to CSS.

Abstract

This tutorial is aimed at providing design training to technically focused individuals. At the end of this tutorial, we will discover that writing CSS can indeed be consistent, logical, and above all beautiful. During our 3 hour session, we will cover the following concepts in front-end design:

  • Design Principles
  • CSS Architecture
  • @import directive
  • What is SASS?
  • LESS, Stylus as alternative CSS Preprocessors
  • SASS: Variables
  • SASS: Nesting
  • SASS: Mixins
  • SASS: String Interpolation
  • SASS: Extending
  • D.R.Y. (Don't Repeat Yourself)
  • Compass Library for SASS
  • UI and UX Design Principles

Get in touch