responsive design

RESPONSIVE DESIGN

Marcos AlvesChristophe Marchal

What is it?

Advantages X Negatives● Save time and money;● Unique URL;● Social Sharing;● Don’t care user agent.

● Hard to change content;● Rewrite existent site;● Big scripts and style;● High network download;

When use this?

Approaches to Mobile and Web

Separated sites

Hybrid approach

Native

Mobile First

Getting started

How to test it?

Referencehttps://developer.mozilla.org/en-US/Apps/Design/Responsive_Navigation_Patterns (Como gerenciar os menus)

https://developer.mozilla.org/en-US/docs/Web_Development/Mobile/Responsive_design (Pros and Cons, problema que resolve)

https://developer.mozilla.org/en-US/Apps/app_layout/Responsive_design_versus_adaptive_design (Responsive design vs Adaptive Design)

https://developer.mozilla.org/en-US/Apps/app_layout/responsive_design_building_blocks (Responsive design building blocks)

https://developer.mozilla.org/en-US/docs/Web_Development/Mobile/Mobile-friendliness (3 Goals of mobile dev)

https://developer.mozilla.org/en-US/Apps/Design/Graphics_for_responsive_sites (Graphics for responsive sites)

http://www.linkedin.com/today/post/article/20121002130448-2970266-how-to-approach-mobile-and-responsive-web-design-part-1

RESPONSIVE DESIGN

Marcos AlvesChristophe Marchal