Download
responsive mobile design n.
Skip this Video
Loading SlideShow in 5 Seconds..
Responsive (Mobile) Design PowerPoint Presentation
Download Presentation
Responsive (Mobile) Design

Responsive (Mobile) Design

107 Vues Download Presentation
Télécharger la présentation

Responsive (Mobile) Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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

  6. Examples

  7. 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/