1.
Responsive Web Design
Um site, um conteúdo e muitos dispositivos

2.
Tudo começou em 2007. Com a vinda
do iphone o mundo mudou, desde
então temos um browser completo e
usável sempre à mão.

3.
Mobile cresce como nunca
vende-se mais smartphones e
tablets que computadores

4.
em outras palavras...
Smartphones, tablets, televisões,
celulares, TVs, video games,
netbooks, notebooks e desktops!

5.
Como, então, atacar o mundo
móvel de hoje e de amanhã?

6.
Responsive Web Design

7.
Como faz então?

8.
São três ingredientes principais

9.
Media Queries

10.
Layout fluído

11.
Imagens Flexíveis
Desktop
iPad
iPhone

12.
Responsivo, mas...
situações reais, soluções baseadas em necessidades

13.
Responsive no
javascript? como?

14.
https://github.com/globocom/responsive-hub

15.
O conteúdo que importa

16.
Mobile First

17.
Por Fim
do conceito ao desenvolvimento, o foco é o usuário

18.
Dúvidas

19.
Referências
Sergio Lopes - Design Responsivo por uma Web Única
http://sergiolopes.org/responsive-web-design/
Dicas de Web Mobile com viewport
http://blog.caelum.com.br/pixels-pixels-ou-pixels-dicas-de-web-mobile-com-viewport/
Fabricio Teixeira - 5 coisas que aprendi em um projeto Mobile-
First Responsive Design para o Google
http://arquiteturadeinformacao.com/category/responsive-design/page/2/
Exemplos de Layout responsivo
http://mediaqueri.es/

20.
Obrigado :)
@danielacfilho
daniel.acfilho@corp.globo.com