Quick presentation about responsive design made at my currently work. Its in portuguese

1. Responsive Design
Uma visão geral...

2. O passado era simples...
Nokia 7110, primeiro telefone com
acesso a internet...
Criado em 1999!

3. O começo do futuro...

4. E das dores de cabeça...
Tablets, celulares, televisores e agora werables!!!

5. RWD x AWD
Responsive Web Design (RWD)
Fluído e responde as mudanças do tamanho do
disposito e telas.
Muda o estilo de design usando Media Queries.
Adaptative Web Design (AWD)
Adapta (cabe) em uma predeterminada tela ou
dispositivo.
Layout html específico para determinadas telas.

6. Fluído e responder a mudanças...

7. Responsive Design pode ser bom... mas...
Problemas de UX (Experiência de Usuário).
Priorizar o conteúdo.
Performance.
Mais testes!
IE (Internet Explorer)...

8. Responsivo X Nativo
Interface nativa pode ter suas peculiaridades de acordo com tamanho da tela, orientação e
densidade!

9. Tecnicamente falando...
Mobile First
Meta tags
Media Queries
Fluid Grids (Flexible)
Typography
Web Icons

10. Dúvidas?