Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,799 views

Published on

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.

  • Login to see the comments

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

  1. 1. Responsive Web Design Um site, um conteúdo e muitos dispositivos
  2. 2. Tudo começou em 2007. Com a vindado iphone o mundo mudou, desdeentão temos um browser completo eusável sempre à mão.
  3. 3. Mobile cresce como nunca vende-se mais smartphones e tablets que computadores
  4. 4. em outras palavras...Smartphones, tablets, televisões,celulares, TVs, video games,netbooks, notebooks e desktops!
  5. 5. Como, então, atacar o mundomóvel de hoje e de amanhã?
  6. 6. Responsive Web Design
  7. 7. Como faz então?
  8. 8. São três ingredientes principais
  9. 9. Media Queries
  10. 10. Layout fluído
  11. 11. Imagens Flexíveis Desktop iPad iPhone
  12. 12. Responsivo, mas... situações reais, soluções baseadas em necessidades
  13. 13. Responsive nojavascript? como?
  14. 14. https://github.com/globocom/responsive-hub
  15. 15. O conteúdo que importa
  16. 16. Mobile First
  17. 17. Por Fimdo conceito ao desenvolvimento, o foco é o usuário
  18. 18. Dúvidas
  19. 19. ReferênciasSergio 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 o Googlehttp://arquiteturadeinformacao.com/category/responsive-design/page/2/Exemplos de Layout responsivohttp://mediaqueri.es/
  20. 20. Obrigado :)@danielacfilhodaniel.acfilho@corp.globo.com

×