responsive web design. um site, um conteúdo e muitos dispositivos

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

Obrigado :)

@danielacfilhodaniel.acfilho@corp.globo.com