Responsive Theming from Scratch — Video Available

With the maturation of SASS and Compass libraries, using a base theme is no longer the only shortcut to having a responsive grid-based theme. I'll show some code and live demo the tools you'll need to get started. Even if you ultimately decide to use a base theme, mastering these skills will help you code smarter and faster.

This session will cover:

1. Building a base theme

2. Adding favicon, logo and screen shot

3. Building page template

4. Adding regions

5. Adding SASS/CSS

6. Set up Compass

7. Adding Susy Grid (reponsive, flexible, easy-to-use)

8. Add Media Queries

9. Adding JS

10. Adding a Google font

11. Add PHP


Seems like a lot but it's pretty simple once you know how!

(This session was originally presented at Drupal Camp LA 2013.)

The video for this session is available on There may be sound dropouts in the video — it's not your computer.

Saturday, Oct 26th
10:00am - 10:45am


Skill Level