Our Blog About Drupal, Mobile, Resposive Design, Sass, and Front-end Architecture

It was our first mobile-first responsive site. We built it quickly and knew it wasn’t perfect, but the game plan was to launch early and incrementally improve the site over time.

These are the slide from Aidan Foster's Presentation at DrupalCamp Toronto 2011 on improving the experience content administrators who use Drupal 7.

Implementing Responsive Design by Tim Kadlec brings together project planning, creative design, and detailed coding techniques into a single book.

Here's some suggestions for switching from desktop-focused design to Responsive Web Design. Be warned we’ll cover some technical topics but it is important for all of your team to have an understanding of tools used in Responsive Design - not just the coders.

Responsive Design, Progressive Enhancement, and Mobile First are components that enable websites to support a wide range of mobile and desktop web browsers. Mobile First is the general strategy used to plan and organize a site, Progressive Enhancement creates the components to make a Mobile First site function, and Responsive Design changes the layout of the site to different sizes of screens.

The following slideshow is a brief introduction to the features module used in Drupal.