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.