Adaptive Web Design - Websites that repond to screens and mobile devices

Track: 
Design and UX
Experience: 
Beginner

Fluid grids, flexible images, and media queries are the three technical ingredients for adaptive and responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts.

But a responsive design isn’t limited to layout changes. Media queries allow us to practice some incredibly precise fine-tuning as our pages reshape themselves: we can increase the target area on links for smaller screens, mobile versions and multiple columns.

The future is mobile.

Intended audience: 

Themers
Web designers

Questions answered by this session
Question 1: 
What is adaptive web design
Question 2: 
How to design a web site for different screen and devices
Question 3: 
How to use Media queries
Question 4: 
Using flexible grids
Question 5: 
Drupal and adaptive web design
3.82143
Your rating: None Average: 3.8 (28 votes)

Comments

Would love to see this

Is there any chance this (and other) session will be made available after the conference? I have no possibility to attend Drupalcon Chicago…

Diamond Sponsors

 
VPS NET
Palantir.net

Platinum sponsors

 
Trellon
workhabit

Gold Sponsors

 
Drupal Connect
HotDrupal.com
Treehouse Agency
Duo
Chapter Three
NorthPoint
Microsoft