Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Design Sem Mitos

Responsive Design Sem Mitos

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

Eca21e5e47811c60e03087fc311e1d29?s=128

Bernardo Heynemann

April 24, 2012
Tweet

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