Responsive Web Design and Drupal

Feb 11, 2013

Posted by: Mason Wendell

We love Responsive Web Design, and we love Drupal. But do they love each other? After working on a number of RWD and Drupal projects this year, I'm happy to report that they get along just fine. Though "Love" might be stretching it a bit.

Can Drupal and RWD be Pals?

Drupal is a great platform for managing content and for building everything from simple blogs to very complex applications. By connecting Drupal's building blocks, you can build just about any functionality you need. That's amazing, especially if you've ever struggled to build any aspect of that on your own. My Drupal a-ha moment came when I realized that I'd never need to write a user log-in on my own again. Smarter people than me were on the case.

But that speaks to two key aspects of Drupal that aren't directly related to RWD. Drupal is primarily a back-end tool that excels when the building blocks are abstracted to be applicable to as many use cases as possible. Defining views and content types rightly doesn't prescribe any layout or visual design, leaving those tasks to your creativity in the theming layer.

The best Drupal themes are also the ones that are the most general, allowing you to add all the custom details yourself. Good design is in the details, and the details are always custom. A good starter theme gives you the tools you need to have total control over those details and then gets out of your way. Themes that provide a full visual design must have their place, but I've never had a client that wanted to look like everyone else who installed the same theme. When a starter theme gets out of your way, you get something pretty fantastic: a back end system that provides the data and markup you need and a blank canvas where you can write whatever CSS and JavaScript you want to make something unique and delightful.

Responsive Web Design, just like any other flavor of design, is all about custom solutions. The difference is that we have the opportunity to change and refine the design around different browser characteristics, like the browser width. It's natural that a designer would want a system to help with all this added complexity, but in most aspects, Drupal doesn't provide such a system. But then again, it doesn't provide a system for logo design either. It's just not the right tool for that particular task.

Personally, I prefer Drupal as a blank canvas. With tools like Sass and the whole wide world of css techniques, I think we have some pretty great options already.

Posted by: Mason Wendell