Sessions at Do It With Drupal about Responsive Design

Wednesday 12th October 2011

• Adapting Ourselves to Adaptive Content

  by Karen McGrane

  For years, we've been telling designers: the web is not print. You can't have pixel-perfect layouts. You can't determine how your site will look in every browser, on every platform, on every device. We taught designers to cede control, think in systems, embrace web standards. So why are we still letting content authors plan for where their content will "live" on a web page? Why do we give in when they demand a WYSIWYG text editor that works "just like Microsoft Word"? Worst of all, why do we waste time and money creating and recreating content instead of planning for content reuse? What worked for the desktop web simply won't work for mobile. As our design and development processes evolve, our content workflow has to keep up. Karen will talk about how we have to adapt to creating more flexible content.

  • Adaptive Web Design
  • Responsive Design

  At 3:00pm to 4:15pm, Wednesday 12th October

  In Salon I, Marriott Brooklyn Bridge

  Coverage note slide deck slide deck

Thursday 13th October 2011

• A Responsive Process

  by Steve Fisher

  I prefer designing within the browser, especially when responsive design is a requirement. Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviours, dynamic resizing of elements and navigation flow. Because the medium is fluid, I think our approach to design has to be fluid as well.

  • HTML5
  • Responsive Design

  At 1:30pm to 2:45pm, Thursday 13th October

  In Salon G, Marriott Brooklyn Bridge

• Responsive Drupal, Today...

  by Jake Strawn

  We've all heard a lot recently about Responsive Web Design, Mobile First approaches, and the latest trends in the development/design process all the cool kids are using, but how can you actually incorporate these technologies today in Drupal??

  This session will guide you through the options for creating responsive, mobile-first themes in Drupal.

  • Roll your own responsive theme (not as hard as you might think)
  • Making sure it’s truly responsive (mobile-first)
  • Using a pre-existing framework
  • Common Responsive Gotchas
  • Images & Media
  • Viewport meta tag
  • Tabular Data
  • Current Drupal Shortcomings
  • Detecting mobile on the Drupal side
  • Drupal
  • Responsive Design

  At 3:00pm to 4:15pm, Thursday 13th October

  In Salon G, Marriott Brooklyn Bridge