RESPONSIVE DESIGN    sem mitos      Bernardo Heynemann          @heynemann
vamos fazer  um siteRESPONSIV em alguns segundos
SEMFRAMEWORKS      !
SEMJQUERY
CROSS-BROWSER sem internet explorer, mas dá pra suportá-lo       também
MITO 1 responsive design ésó para sites pequenos
RESPOSTA 1NOVA HOME DA GLOBO.COM
RESPOSTA 1NOVA HOME DA GLOBO.COM                                    e                           sive desd                 ...
MITO 2tenho muito conteúdo!
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çõe...
NÓS NUNCA VAMOSESCONDERCONTEUDO     ´
NÓS NUNCA VAMOSESCONDERCONTEUDO     ´
além disso...
NÓS NUNCA VAMOSESCONDERCONTEUDO     ´
utilizando os   dispositivos da       maneiraQUE FORAM FEITOS  PARA SEREM   UTLIZADOS
utilizando os   dispositivos da       maneiraQUE FORAM FEITOS  PARA SEREM   UTLIZADOS    FEATURE    +    ADAPTIVE   DETECT...
MITO 3mas custa muito caro!!!
MITO 3  mas custa muito caro!!!       responsive design triplica o custo do projeto!    os designers não conseguem pensar ...
RESPOSTA 3      CUSTA MAIS,     pero no muchotratar os casos específicos de cada    dispositivo aumenta o custo   mas não ...
RESPOSTA 3   CUSTA MAIS,  pero no mucho01 04 UXDMÊS DEV        01
RESPOSTA 3   CUSTA MAIS,  pero no mucho01 + 04 + UXD =MÊS DEV          01
RESPOSTA 3     CUSTA MAIS,    pero no mucho01 + 04 + UXD =MÊS DEV          01tablets e smartphones
MITO 4não dá pra fazer por       causa
MITO 4    não dá pra fazer por           causaos estilos, imagens e scripts do meu site são pesados para                  ...
RESPOSTA 4        EXISTE LUZ       no fim do túnelcarregar folhas                  +                          imagens em  ...
uma original, vários cortes          corte sob demanda com reconhecimento                          facial 135×95      135×...
PERGUNTAS?heynemann@gmail.combernardo@corp.globo.com@heynemannhttp://github.com/globocomcomo sempre, estamos contratando ;)
Próximos SlideShares
Carregando em…5
×

Responsive design Sem Mitos

12.530 visualizações

Publicada em

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

Publicada em: Tecnologia
5 comentários
44 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
12.530
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5.921
Ações
Compartilhamentos
0
Downloads
0
Comentários
5
Gostaram
44
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • - responsive design só serve para intranets e sites muito pequenos\n
  • \n
  • - responsive design só serve para intranets e sites muito pequenos\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • - responsive design só serve para intranets e sites muito pequenos\n
  • Fazer versões responsive realmente sai um pouco mais caro, afinal temos que tratar casos específicos para dispositivos específicos.\n
  • Fazer versões responsive realmente sai um pouco mais caro, afinal temos que tratar casos específicos para dispositivos específicos.\n
  • Fazer versões responsive realmente sai um pouco mais caro, afinal temos que tratar casos específicos para dispositivos específicos.\n
  • Fazer versões responsive realmente sai um pouco mais caro, afinal temos que tratar casos específicos para dispositivos específicos.\n
  • Fazer versões responsive realmente sai um pouco mais caro, afinal temos que tratar casos específicos para dispositivos específicos.\n
  • - responsive design só serve para intranets e sites muito pequenos\n
  • \n
  • \n
  • \n
  • Responsive design Sem Mitos

    1. 1. RESPONSIVE DESIGN sem mitos Bernardo Heynemann @heynemann
    2. 2. vamos fazer um siteRESPONSIV em alguns segundos
    3. 3. SEMFRAMEWORKS !
    4. 4. SEMJQUERY
    5. 5. CROSS-BROWSER sem internet explorer, mas dá pra suportá-lo também
    6. 6. MITO 1 responsive design ésó para sites pequenos
    7. 7. RESPOSTA 1NOVA HOME DA GLOBO.COM
    8. 8. RESPOSTA 1NOVA HOME DA GLOBO.COM e sive desd é respon UT/11 já O
    9. 9. MITO 2tenho muito conteúdo!
    10. 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!
    11. 11. NÓS NUNCA VAMOSESCONDERCONTEUDO ´
    12. 12. NÓS NUNCA VAMOSESCONDERCONTEUDO ´
    13. 13. além disso...
    14. 14. NÓS NUNCA VAMOSESCONDERCONTEUDO ´
    15. 15. utilizando os dispositivos da maneiraQUE FORAM FEITOS PARA SEREM UTLIZADOS
    16. 16. utilizando os dispositivos da maneiraQUE FORAM FEITOS PARA SEREM UTLIZADOS FEATURE + ADAPTIVE DETECTION RENDERING
    17. 17. MITO 3mas custa muito caro!!!
    18. 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!
    19. 19. RESPOSTA 3 CUSTA MAIS, pero no muchotratar os casos específicos de cada dispositivo aumenta o custo mas não é tão caro quanto você pensa
    20. 20. RESPOSTA 3 CUSTA MAIS, pero no mucho01 04 UXDMÊS DEV 01
    21. 21. RESPOSTA 3 CUSTA MAIS, pero no mucho01 + 04 + UXD =MÊS DEV 01
    22. 22. RESPOSTA 3 CUSTA MAIS, pero no mucho01 + 04 + UXD =MÊS DEV 01tablets e smartphones
    23. 23. MITO 4não dá pra fazer por causa
    24. 24. MITO 4 não dá pra fazer por causaos estilos, imagens e scripts do meu site são pesados para o 3Gas imagens redimensionadas no telefone ficam muito ruins
    25. 25. RESPOSTA 4 EXISTE LUZ no fim do túnelcarregar folhas + imagens em de estilo no diferentes topo e scripts tamanhos no fim
    26. 26. uma original, vários cortes corte sob demanda com reconhecimento facial 135×95 135×195 420×270 7Kb 12Kb 23Kb http://github.com/globocom/thumbor
    27. 27. PERGUNTAS?heynemann@gmail.combernardo@corp.globo.com@heynemannhttp://github.com/globocomcomo sempre, estamos contratando ;)

    ×