Plein Air Interactive

Webinar: Responsive Web Design for Mobile

This webcast took place on Wednesday, October 23.  The following is a list of links to resources mentioned during the session.

Responsive sites

Get Curator

Pemaquid

Maine Lobster Festival

Delaware Valley College

Mashable

Slate

Responsive museum sites

Maine Maritime Museum

Children's Museum of Pittsburgh

Denver Museum of Art

Indianapolis Museum of Art

Minneapolis Institute of the Arts

Cooper-Hewitt National Design Museum

Books/Articles/Websites on Responsive Web Design

Responsive Web Design - Ethan Marcotte (creator of the technique)

Responsive Web Design - Ethan Marcotte (the original article on the topic, on A List Apart)

LukeW.com - Luke Wrobleski (great stats on mobile device usage and expertise on mobile usability and user interface design)

Dublin Street Museum - Lisa Donnelly (PDF; background on one museum's responsive web redesign project)

How to Approach a Responsive Design - Tito Bottitta (discussion of the responsive approach taken in the redesign of Boston.com)

Tools for Responsive Web Design

http://quirktools.com/screenfly
http://ipadpeek.com/
http://iphone-emulator.org/
Firefox addon - https://addons.mozilla.org/en-US/firefox/addon/modify-headers/
Chrome addon - https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc
Responsive Design Testing Tool - http://mattkersley.com/responsive/
Opera Mobile Emulator - http://www.opera.com/developer/tools/mobile/

Responsive Drupal Themes

(Use as a starting point)

Arctica
Aurora
Boilerplate
Bootstrap
Corked Screwer
Foundation
Mojo
Sasson
Square Grid  

Device Detection

(For alternatives to responsive web design)

django-mobile (Python/Django sites)

Categorizr (PHP)

Agent IQ (PHP)

Detector (PHP)