Successfully reported this slideshow.

Layouts Responsivos

32

Share

Upcoming SlideShare
Responsive design
Responsive design
Loading in …3
×
1 of 53
1 of 53

Layouts Responsivos

32

Share

Download to read offline

Não basta acrescentar media-queries em seu projeto web para torná-lo responsivo. Neste painel o campuseiro poderá repensar o Design, tendo como foco a interação do usuário em diferentes cenários e devices, além do impacto no Front-end dessas adaptações.

Não basta acrescentar media-queries em seu projeto web para torná-lo responsivo. Neste painel o campuseiro poderá repensar o Design, tendo como foco a interação do usuário em diferentes cenários e devices, além do impacto no Front-end dessas adaptações.

More Related Content

More from Bunee.io - Hiring with Intelligence

Related Books

Free with a 14 day trial from Scribd

See all

Layouts Responsivos

  1. 1. O que é responsive web design?
  2. 2. responsive architecture Arquitetura Responsiva é um campo que une a parte prática e de pesquisa da arquitetura. Arquiteturas responsivas são aquelas que analisam as condições do meio ambiente através de sensores, permitindo que suas construções adaptem formas, curvas, cores e até personalidade do ambiente de forma responsiva.
  3. 3. http://www.alistapart.com/ar ticles/responsive-web- design/
  4. 4. responsive webdesign Projetar para uma melhor visualização, incorporando tecnologias padronizadas em nossos projetos para torná-los não só flexíveis, mas mais adaptáveis ao dispositivo que o recebe.
  5. 5. Cases
  6. 6. Live demo
  7. 7. como começar
  8. 8. Prototi pagem
  9. 9. Paper protyping
  10. 10. Front-end Framework
  11. 11. como usá-los juntos
  12. 12. http://www.alistapart.com/ar ticles/dive-into-responsive- prototyping-with-foundation/
  13. 13. http://www.alistapart.com/ar ticles/dive-into-responsive- prototyping-with-foundation/
  14. 14. http://www.alistapart.com/d/ dive-into-responsive- prototyping-with- foundation/code/#
  15. 15. http://lorempixel.com/
  16. 16. http://placehold.it/
  17. 17. Rápido, interativo e flexível.
  18. 18. Separe sua interface em módulos
  19. 19. Grid Texto Menu Tabela ...
  20. 20. Grid
  21. 21. http://www.thismanslife.co.uk/p rojects/lab/responsivewirefram es/
  22. 22. Texto
  23. 23. http://www.netmagazine.com/tu torials/handling-typography- responsive-design
  24. 24. Menu
  25. 25. http://css- tricks.com/responsive-menu- concepts/
  26. 26. Tabela
  27. 27. http://css- tricks.com/responsive-data- tables/
  28. 28. Truques
  29. 29. Imagem Responsiva
  30. 30. Vídeo Responsivo
  31. 31. http://fitvidsjs.com/
  32. 32. http://fittextjs.com/
  33. 33. Como testar?
  34. 34. Showtime
  35. 35. http://html5-pro.com/sanfona
  36. 36. Obrigado :) @bernarddeluna e @zenorocha

×