1.
O que é
responsive
web design?

2.
responsive
architecture
Arquitetura Responsiva é um campo que une a parte prática e de
pesquisa da arquitetura. Arquiteturas responsivas são aquelas que
analisam as condições do meio ambiente através de sensores, permitindo
que suas construções adaptem formas, curvas, cores e até personalidade
do ambiente de forma responsiva.

3.
http://www.alistapart.com/ar
ticles/responsive-web-
design/

4.
responsive
webdesign
Projetar para uma melhor visualização, incorporando tecnologias
padronizadas em nossos projetos para torná-los não só flexíveis, mas
mais adaptáveis ao dispositivo que o recebe.

5.
Cases

6.
Live demo

7.
como começar

8.
Prototi
pagem

9.
Paper protyping

10.
Front-end
Framework

11.
como usá-los
juntos

12.
http://www.alistapart.com/ar
ticles/dive-into-responsive-
prototyping-with-foundation/

13.
http://www.alistapart.com/ar
ticles/dive-into-responsive-
prototyping-with-foundation/

14.
http://www.alistapart.com/d/
dive-into-responsive-
prototyping-with-
foundation/code/#

15.
http://lorempixel.com/

16.
http://placehold.it/

17.
Rápido, interativo e flexível.

18.
Separe sua
interface em
módulos

19.
Grid
Texto
Menu
Tabela
...

20.
Grid

21.
http://www.thismanslife.co.uk/p
rojects/lab/responsivewirefram
es/

22.
Texto

23.
http://www.netmagazine.com/tu
torials/handling-typography-
responsive-design

24.
Menu

25.
http://css-
tricks.com/responsive-menu-
concepts/

26.
Tabela

27.
http://css-
tricks.com/responsive-data-
tables/

28.
Truques

29.
Imagem
Responsiva

30.
Vídeo
Responsivo

31.
http://fitvidsjs.com/

32.
http://fittextjs.com/

33.
Como testar?

34.
Showtime

35.
http://html5-pro.com/sanfona

36.
Obrigado :)
@bernarddeluna e @zenorocha