Responsive Web Design

A great article explaining the problems and presenting solutions is http://www.alistapart.com/articles/dao/ A Dao of Web Design. It is still extremely relevant.

"The web’s greatest strength, I believe, is often seen as a limitation, as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility and produce pages which, by being flexible, are accessible to all. 

The journey begins by letting go of control, and becoming flexible." Ask yourself “What’s the minimum amount of content and navigation that we need to make our design useful? ” Start with the minimum, and add in more as you gain more space from larger screens and resolutions.

 

We cannot create custom experiences for each device. There is no future in that amount of work.

We need to overcome the restraints of web design. Embrace the flexibility of the web.

Three ingredients:

1. A flexible, grid-based layout,

2. Flexible images and media, and

3. Media queries, a module from the CSS3 specification.

Bibliographical Information

Responsive Web Design

Copyright © 2011 by Ethan Marcotte

Publisher: Jeffrey Zeldman

Designer: Jason Santa Maria

Editor: Mandy Brown

Technical Editor: Dan Cederholm

Copyeditor: Krista Stevens

Compositor: Neil Egan

ISBN 978-0-9844425-7-7

A Book Apart

New York, New York