4. FERRAMENTAS NECESSRIAS EDITOR DE TEXTO: Brackets; Coda; Dreamweaver; Notepad++; Sublime Text. BROWSER: Chrome; Firefox; Opera; Safari; Internet Explorer 9+; etc
5. POR QU?
6. NO PASSADO Tnhamos conexo lenta; No existia acesso Wi-Fi; Sites para dispositivos mveis eram verses simples dos sites originais; Era preciso manter mltiplas verses de um site. http://media.smashingmagazine.com/wp-content/uploads/2013/05/picnic_with_art_direction_mini.jpg
16. http://www.simonmarxen.dk/portfolio/?p=165 In the Bubble - Simon Marxen Arquitetura responsiva
17. Ethan Marcotte (2010) Responsive Web Design: um nico site que se adapta a qualquer dispositivo, independente do tamanho da tela e orientao. http://alistapart.com/d/responsive-web-design/
18. 1. Layout exvel, baseado em grid ! 2. Imagens e mdias exveis ! 3. Media queries (CSS3)
27. Aaron Gustafson (2011) Web Design Adaptativo um outro termo para progressive enhancement: leva em conta vrios nveis de HTML, CSS, JavaScript e tecnologia assistiva http://blog.easy-designs.net/archives/on-adaptive-vs-responsive-web-design/
28. MOBILE FIRST
29. O QUE MOBILE FIRST?
30. MELHOR EXPERINCIA DO USURIO! MOBILE FIRST Foco no contedo Priorizar o necessrio Usar somente o que for preciso + + =
31. No esconder contedo... ? MOBILE FIRST
32. MOBILE FIRST Pense relativo, no esttico ou absoluto; Aprimoramentos CSS/JavaScript; Evite carregar dados desnecessrios; Transies CSS (JavaScript so acelerados por hardware); Sprites CSS/SVG; SIMPLIFIQUE!