Responsive Design Sem Mitos

Apresentação de Bernardo Heynemann da globo.com sobre o desenvolvimento de sites responsive na PernambucoJS 2012.

Transcript

1. RESPONSIVE DESIGN sem mitos Bernardo Heynemann @heynemann Tuesday, April 24, 2012
2. vamos fazer um site em alguns segundos RESPONSIVE Tuesday, April 24, 2012
3. SEM FRAMEWORKS! Tuesday, April 24, 2012
4. SEM JQUERY! Tuesday, April 24, 2012
5. CROSS- BROWSER sem internet explorer, mas dá pra suportá-lo também Tuesday, April 24, 2012
6. MITO 1 responsive design é só para sites pequenos Tuesday, April 24, 2012
7. RESPOSTA 1 NOVA HOME DA GLOBO.COM Tuesday, April 24, 2012
8. RESPOSTA 1 NOVA HOME DA GLOBO.COM já é responsive desde OUT/11 Tuesday, April 24, 2012
9. MITO 2 tenho muito conteúdo! Tuesday, April 24, 2012
10. MITO 2 tenho muito conteúdo! a resolução dos smartphones não é suficiente para mim! o conteúdo não se encaixa em resoluções abaixo de 1024x768! Tuesday, April 24, 2012
11. NÓS NUNCA VAMOS ESCONDER CONTEUDO ´ Tuesday, April 24, 2012
12. NÓS NUNCA VAMOS ESCONDER CONTEUDO ´ Tuesday, April 24, 2012
13. além disso... Tuesday, April 24, 2012
14. NÓS NUNCA VAMOS ESCONDER CONTEUDO ´ Tuesday, April 24, 2012
15. QUE FORAM FEITOS PARA SEREM UTLIZADOS utilizando os dispositivos da maneira Tuesday, April 24, 2012
16. QUE FORAM FEITOS PARA SEREM UTLIZADOS utilizando os dispositivos da maneira FEATURE DETECTION ADAPTIVE RENDERING + Tuesday, April 24, 2012
17. MITO 3 mas custa muito caro!!! Tuesday, April 24, 2012
18. MITO 3 mas custa muito caro!!! responsive design triplica o custo do projeto! os designers não conseguem pensar nas diferentes versões! os desenvolvedores terão que fazer três versões diferentes! Tuesday, April 24, 2012
19. RESPOSTA 3 CUSTA MAIS, pero no mucho mas não é tão caro quanto você pensa tratar os casos específicos de cada dispositivo aumenta o custo Tuesday, April 24, 2012
20. RESPOSTA 3 CUSTA MAIS, pero no mucho 01 MÊS 04 DEV 01 UXD Tuesday, April 24, 2012
21. RESPOSTA 3 CUSTA MAIS, pero no mucho 01 MÊS 04 DEV 01 UXD + + = Tuesday, April 24, 2012
22. RESPOSTA 3 CUSTA MAIS, pero no mucho 01 MÊS 04 DEV 01 UXD + + = tablets e smartphones Tuesday, April 24, 2012
23. MITO 4 não dá pra fazer por causa da conexão dos usuários! Tuesday, April 24, 2012
24. MITO 4 não dá pra fazer por causa da conexão dos usuários! os estilos, imagens e scripts do meu site são pesados para o 3G as imagens redimensionadas no telefone ficam muito ruins Tuesday, April 24, 2012
25. RESPOSTA 4 EXISTE LUZ no fim do túnel carregar folhas de estilo no topo e scripts no fim imagens em diferentes tamanhos + Tuesday, April 24, 2012
26. 135×95 135×195 420×270 7Kb 12Kb 23Kb uma original, vários cortes corte sob demanda com reconhecimento facial http:/ /github.com/globocom/thumbor Tuesday, April 24, 2012
27. PERGUNTAS? como sempre, estamos contratando ;) heynemann@gmail.com bernardo@corp.globo.com @heynemann http:/ /github.com/globocom Tuesday, April 24, 2012