1. Responsive (Mobile) Design What is this? Why Should You Care?

2. 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?

3. How?  Geek Speak:  Style sheets (CSS)  Flexible Grids  Media Queries

4. Change your thinking.  Phone first, then…  Tablet  Desktop  Create in chunks  Think in %, not pixels  Start Small  Do a Landing Page

5. Examples

7. Some Sources  http://www.adobe.com/devnet/html5/articles/ten- things-you-need-to-know-about-responsive- design.html http://www.adobe.com/devnet/html5/articles/ten- things-you-need-to-know-about-responsive- design.html  http://trentwalton.com/2012/02/02/redefined/ http://trentwalton.com/2012/02/02/redefined/