Viewers: in countries Watching now:
In this course, Chaz Chumley takes you through the process of transitioning a Drupal website to a responsive model that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices.
The course starts with setting up the Drupal environment in Acquia and defines some basic principles of responsive design before moving on to creating a new Drupal theme with fluid layouts, fluid media, and responsive tables and forms. Chaz also covers writing media queries, which allow you to create different style sheets for each device type.
The course wraps up with a look at Respond.js and content-aware image sizing in Drupal—responsive design tools that can optimize your project for maximum performance.
In order to better follow along through each chapter of our series, we've provided a set of exercise files for you to use. However, keep in mind that if you are not a premium lynda.com subscriber, the contents of these exercise files may vary. On my Desktop I have the Exercise Files folder. It is broken into four sections. The Final folder holds the final source files for our Drupal 7 Responsive Design, and it is what you're striving toward completing as we finish the series. The next folder is our HTML folder. This folder contains a static HTML version of our website in various stages, from fixed to fluid, and may be referenced at various points in the chapter.
You may have noticed that I've also broken them out into a Drupal folder that will hold these three instances that we will be utilizing as we progress through each section. Let's get started.
There are currently no FAQs about Responsive Design with Drupal.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.