Responsive (Mobile) DesignWhat is this? Why Should You Care?

How? Optimize the Layout Adapt the content that is visible

Shoot for 2-3 clicks Make your text bigger Simplify the buttons/navigation What does your user need?

How? Geek Speak:

Style sheets (CSS) Flexible Grids Media Queries

Change your thinking. Phone first, then…

Tablet Desktop

Create in chunks Think in %, not pixels Start Small

Do a Landing Page

Examples

Examples

Some Sources http://

www.adobe.com/devnet/html5/articles/ten-things-you-need-to-know-about-responsive-design.html

http://trentwalton.com/2012/02/02/redefined/