Referências

Todas as referências clicáveis usadas no livro A Web Mobile. Se estiver lendo o livro impresso, use os links abaixo pra não precisar digitar tudo na mão.

A Web Mobile

• http://www.thinkwithgoogle.com/mobileplanet/pt-br/
• http://gs.statcounter.com/
• http://www.casadocodigo.com.br/products/livro-web-design-responsivo
• http://sergiolopes.org/livro-web-mobile/referencias.html
• http://www.guj.com.br/perguntas/
• http://sergiolopes.org

Os caminhos de uma estratégia mobile

• http://m.netmagazine.com/interviews/nielsen-responds-mobile-criticism
• https://developers.google.com/webmasters/smartphone-sites/details

App ou Web? Comparativo de possibilidades

• http://pt.wikipedia.org/wiki/Vale_da_estranheza
• http://gigaom.com/2011/09/22/financial-times-finds-life-outside-the-app-store-pretty-good-so-far/

HTML 5 é diferente de HTML 5: o caso das packaged apps

Design Responsivo por uma Web única

• http://alistapart.com/article/dao
• http://alistapart.com/article/responsive-web-design
• http://sergiolopes.org/review-responsive-design-ethan-marcotte/
• http://www.w3.org/TR/mobile-bp/#OneWeb

Mobile-first

• http://sergiolopes.org/review-livro-mobile-first-luke-wroblewski/

Mercado, Browsers, suporte e testes

• http://gs.statcounter.com/
• http://opendevicelab.com/
• http://www.modern.ie/virtualization-tools
• https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/
• https://developers.google.com/chrome-developer-tools/docs/remote-debugging
• http://www.opera.com/dragonfly/documentation/remote/
• http://bit.ly/apache-weinre
• http://html.adobe.com/edge/inspect/

Flexibilidade na Web com layouts fluídos

• http://caniuse.com/rem
• http://caniuse.com/viewport-units
• http://sergiolopes.org/m0
• http://sergiolopes.org/css-box-sizing-border-box/

Media queries: as melhores companheiras de um layout fluído

• http://sergiolopes.org/m1
• http://sergiolopes.org/m2
• https://developer.mozilla.org/docs/CSS/Media_queries

Tudo que você queria saber sobre viewport

• http://sergiolopes.org/m3
• http://sergiolopes.org/m3
• http://sergiolopes.org/m4
• http://dev.w3.org/csswg/css-device-adapt/
• http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/

A saga dos 3 pixels e as telas de alta resolução e retina

• http://www.useit.com/alertbox/specifications-vs-ux.html
• http://www.w3.org/TR/css3-values/#reference-pixel
• http://www.kybervision.com/Blog/files/AppleRetinaDisplay.html
• http://blogs.discovermagazine.com/badastronomy/2010/06/10/resolving-the-iphone-resolution/

Não remova o zoom dos seus usuários

• https://gist.github.com/sergiolopes/5231024
• https://github.com/sergiolopes/ios-zoom-bug-fix#other-solutions

Use sempre media queries baseadas no conteúdo da sua página

• https://developer.mozilla.org/docs/Tools/Responsive_Design_View
• http://davatron5000.github.com/fitWeird/
• http://sergiolopes.org/responsive-video-play/
• http://adactio.com/journal/6044/

Media queries mobile first ou desktop first?

• https://code.google.com/p/css3-mediaqueries-js/

As media queries para resoluções diferentes e retina

Media queries também ajudam na acessibilidade

• http://a11yproject.com/posts/myth-accessibility-is-blind-people/
• https://bugs.webkit.org/show_bug.cgi?id=41063
• http://w3-org.9356.n7.nabble.com/Behavior-of-device-pixel-ratio-under-zoom-td6589.html

Progressive enhancement e feature detection

• http://modernizr.com/docs/
• http://jamesallardice.github.com/Placeholders.js/
• https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
• https://developer.mozilla.org/docs/CSS/@supports

RESS — Design responsivos com componentes no lado do servidor

• http://www.lukew.com/ff/entry.asp?1392
• http://51degrees.mobi
• https://github.com/OpenDDRdotORG
• http://www.scientiamobile.com/wurflCapability/.
• http://detectmobilebrowsers.com
• http://detector.dmolsen.com/
• http://maps.google.com

O complicado cenário das imagens responsivas

• http://icomoon.io/app
• http://caniuse.com/#search=SVG
• http://www.codedread.com/scour/
• https://github.com/scottjehl/picturefill
• http://sergiolopes.org/m5
• http://www.resrc.it/
• https://github.com/globocom/thumbor

Design adaptativo e carregamento condicional

• https://github.com/paulirish/matchMedia.js/

Gestos na Web

Implementando gestos com JavaScript

• http://sergiolopes.org/m6
• http://sergiolopes.org/m7
• http://sergiolopes.org/m8

Desafios de UX em interfaces touch

• http://dev.w3.org/csswg/mediaqueries4/#pointer
• http://bit.ly/apple-touch
• https://wiki.mozilla.org/Gaia/Design/FlexibleUI
• http://bit.ly/ms-touch
• http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/

Use os novos input types semânticos do HTML 5

• http://sergiolopes.org/m9
• http://sergiolopes.org/m10
• http://sergiolopes.org/m11
• http://sergiolopes.org/m12

Revisitando os antigos componentes de formulários

• http://sergiolopes.org/m13
• http://sergiolopes.org/m14
• http://sergiolopes.org/m15

Usabilidade de formulários mobile

• http://zdfs.github.com/toscani/paymentInfo/
• http://nominatim.openstreetmap.org/reverse?format=json
• https://github.com/Kicksend/mailcheck
• http://uxmovement.com
• http://sergiolopes.org/m16
• http://uxmovement.com/forms/another-case-for-using-top-aligned-form-labels/
• http://uxmovement.com/forms/faster-with-top-aligned-labels/
• http://dev.w3.org/csswg/mediaqueries4/#pointer
• http://archive.aneventapart.com/2012/seattle/slides/09_PeterPaulKoch.pdf

Fotos usadas nos exemplos do livro:

• http://www.flickr.com/photos/articnomad/418183301/
• http://www.flickr.com/photos/ronhenry/482016216/
• http://www.flickr.com/photos/epsos/3585168626/
• http://www.flickr.com/photos/dexxus/4631871322/
• http://www.flickr.com/photos/hamed/2080174627/