Responsive Websites: Design and Build for All Devices

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


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.


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.

Four Kitchens
Experience level: 
Cost (w/o registration): 
500.00 €
Cost (with registration): 
400.00 €