Responsive (Mobile) Design What 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

Some Sources  things-you-need-to-know-about-responsive- design.html things-you-need-to-know-about-responsive- design.html 