Several times over the past few weeks, developer friends have asked me how I got started with SASS. I've emailed a variation of the text below enough times that I wanted to share it here.

Below is a tour of SASS, Compass, and Singularity, the primary tools that I use to built out responsive themes. My goal is to walk you through the steps that I took to learn these technologies so that you can get up to speed on them.

Let's say that you are building out a "Person" content type that will contain several hundred people. Each person can optionally be tagged as an expert in one of several categories. Your "Person" content type fields might look something like this:

  • Name (required)
  • Bio
  • Headshot
  • Expert Categories

The view

The site that you're building requires that you show just the experts out of the entire set of People nodes. Easy, right?

Instead of slides, below are the notes from the Responsive Menu Patterns talk at DrupalCampNJ 2013.

The design for called for a banner image that could be on a third level page and every page below it. For example, in the Community House section of the site, the banner remains consistent. When the Pace Center adds a new page under the Community House page, it automatically gets the Community House banner.


Subscribe to Blog