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.
Citation preview
Responsive Web DesignUm site, um conteúdo e muitos dispositivos
Tudo começou em 2007. Com a vinda
do iphone o mundo mudou, desde
então temos um browser completo e
usável sempre à mão.
Mobile cresce como nuncavende-se mais smartphones e
tablets que computadores
Smartphones, tablets, televisões, celulares, TVs, video games, netbooks, notebooks e desktops!
em outras palavras...
Como, então, atacar o mundo móvel de hoje e de amanhã?
Responsive Web Design
Como faz então?
São três ingredientes principais
Media Queries
Layout fluído
Imagens Flexíveis
DesktopiPad
iPhone
situações reais, soluções baseadas em necessidades
Responsivo, mas...
Responsive no javascript? como?
https://github.com/globocom/responsive-hub
O conteúdo que importa
Mobile First
Por Fimdo conceito ao desenvolvimento, o foco é o usuário
Dúvidas
http://blog.caelum.com.br/pixels-pixels-ou-pixels-dicas-de-web-mobile-com-viewport/
http://arquiteturadeinformacao.com/category/responsive-design/page/2/
http://mediaqueri.es/
http://sergiolopes.org/responsive-web-design/ Sergio Lopes - Design Responsivo por uma Web Única
Dicas de Web Mobile com viewport
Fabricio Teixeira - 5 coisas que aprendi em um projeto Mobile-First Responsive Design para o Google
Exemplos de Layout responsivo
Referências
