Responsive Web Design. Um site, um conteúdo e muitos dispositivos

  • View
    1.577

  • Download
    0

Embed Size (px)

DESCRIPTION

Desenvolver um site de forma que os elementos que o compõem se adaptem automaticamente à largura de tela do dispositivo no qual ele está sendo visualizado. Hoje seus usuários utilizam diversos dispositivos e meios de acesso para encontrar informação. Saiba como podemos entregar informação de forma eficaz e inteligente.

Text of Responsive Web Design. Um site, um conteúdo e muitos dispositivos

  • 1. Responsive Web Design Um site, um contedo e muitos dispositivos
  • 2. Tudo comeou em 2007. Com a vindado iphone o mundo mudou, desdeento temos um browser completo eusvel sempre mo.
  • 3. Mobile cresce como nunca vende-se mais smartphones e tablets que computadores
  • 4. em outras palavras...Smartphones, tablets, televises,celulares, TVs, video games,netbooks, notebooks e desktops!
  • 5. Como, ento, atacar o mundomvel de hoje e de amanh?
  • 6. Responsive Web Design
  • 7. Como faz ento?
  • 8. So trs ingredientes principais
  • 9. Media Queries
  • 10. Layout udo
  • 11. Imagens Flexveis Desktop iPad iPhone
  • 12. Responsivo, mas... situaes reais, solues baseadas em necessidades
  • 13. Responsive nojavascript? como?
  • 14. https://github.com/globocom/responsive-hub
  • 15. O contedo que importa
  • 16. Mobile First
  • 17. Por Fimdo conceito ao desenvolvimento, o foco o usurio
  • 18. Dvidas
  • 19. RefernciasSergio Lopes - Design Responsivo por uma Web nicahttp://sergiolopes.org/responsive-web-design/Dicas de Web Mobile com viewporthttp://blog.caelum.com.br/pixels-pixels-ou-pixels-dicas-de-web-mobile-com-viewport/Fabricio Teixeira - 5 coisas que aprendi em um projeto Mobile-First Responsive Design para oGooglehttp://arquiteturadeinformacao.com/category/responsive-design/page/2/Exemplos de Layout responsivohttp://mediaqueri.es/
  • 20. Obrigado :)@danielacfilhodaniel.acfilho@corp.globo.com