Course Description

Want to develop your content strategy, wireframes, markup, CSS, and rich media content with Responsive in mind, from day one? Do your Drupal themes work on all devices, regardless of size or browser complexity? This hands-on, "You Can Do It!" training course will teach you how to create and theme a responsive site in Drupal. Four Kitchens' web chefs will show you:

The past, present, and future of responsive design
Why you must know how to do this (fun video!)
How to create a responsive layout
How to plan for content delivery and make a user's browser handle presentation
CSS3 media queries and mobile first philosophy
How to implement your plan in the Drupal theme layer
Feature detection and other JavaScript enhancements
Front-end performance

You will leave with *essential* skills, a strong foundation for further learning, and a smile on your face!

Learning Objectives

You will build a website for the Web Chef Café that delivers a satisfying experience (both content and design) across multiple devices. Along the way, you'll learn how to:

Plan and implement a “mobile first” design
Lay out a fluid design structure
Implement CSS3 media queries
Handle images and rich content in multiple devices
Create a responsive Drupal 7 theme
Explore how JavaScript can help make your sites responsive
Optimize the front end so that it loads as fast as possible

Pre-Requisites

This is an advanced course that assumes each attendee has several foundational web development skills. To attend, you must be experienced with:

Accessing a development site when given FTP credentials
Editing HTML/CSS with a tool like Coda, Vim, or Textmate (no WYSIWYG)
Drupal theming (can build from a sub theme)
JavaScript (some use of JQuery)

You must bring your own laptop.

Audience

This course covers essential skills for themers and designers as front-end development moves, assuredly, towards responsive. Developers will benefit from a strong understanding of the implementation. UX and IA professionals are an integral part of the responsive planning process (not an after thought!). Attendees who have some foundational techxpertise (see pre-requisites), will not only benefit from this course but guide their teams to better planning and implementation.