October 21 to 23, 2011

UC Berkeley, California

A culmination of the brightest Drupal minds in the technology hub of the world


Responsive Drupal Theming and Design

Responsive Drupal Theming and Design is SOLD OUT

View Core Developer Summit in a larger map

International House, Home Room
2299 Piedmont Avenue
Berkeley, CA 94720
(510) 642-9490

Do your Drupal themes work on all devices, regardless of size or browser complexity? This hands-on, "You can do it" training session will teach you how to create and theme a responsive design in Drupal. Four Kitchens' web chefs will show you:
  • The past, present, and future of responsive design
  • How to create a responsive layout
  • How to plan for content delivery and fluidity
  • How to implement your plan in the Drupal theme layer
  • @media queries and HTML/CSS conventions
  • JavaScript enhancements
Each attendee will have a development instance to access and build on. This is not a beginner course. To attend, you must be skilled in:
  • HTML and CSS
  • Drupal theming (can build from a sub theme)
  • Javascript (some use of JQuery)
  • Accessing a development site
  • Editing with a tool like Coda, Vim, or Textmate

Course Overview

  • What is Responsive Design?
  • The Basics
    • Fluid layout
    • Grids
    • HTML/CSS aspects
    • CSS3 @media queries
    • JavaScript: your future as a themer
    • Images and other rich content

The Four Step Process

  • The Design
  • Minimum Viable Content
  • @media
  • HTML, CSS, Grid

Advanced topics (as time permits)

  • Advanced CSS3 (transitions, interaction cues)
  • JavaScript (make it performant)
  • Feature detection
  • Conditional loading
  • Making it work in old browsers (polyfills)
  • Responsive images and content
  • Obscure FOUCs and make your work sparkle with jQuery

Practice and play time - add stuff, tweak stuff with mentors nearby

Please bring your own laptop computer.