2. mobile first
repensando mobile
Muitas vezes ao realizarmos um site e
aplicarmos as media queries em
CSS 3.0, "achamos" que adaptamos
um site para mobile, quando na
verdade, colocamos uma "mascara"...
e o mobile na verdade é desktop...
8. mobile first
repensando mobile
Mobitest IO - http://mobitest.akamai.
com
HAR File - A mina de ouro...
HTTP Archive - Exibe o que acontece
entre um servidor e um site
9. mobile first
repensando mobile
Mobitest IO - http://mobitest.akamai.
com
HAR File - A mina de ouro...
HTTP Archive - Exibe o que acontece
entre um servidor e um site
12. mobile first
repensando mobile
Melhora Progressiva - Construa páginas
por camadas - dos recursos mínimos aos
máximos recursos.
Aprimore a experiência de navegação
conforme a capacidade de processamento...
16. mobile first
repensando mobile
Mobile First Media Queries
Muitos mobile browsers não entendem media
querie, então...
Inverta tudo...
1 - Regras Básicas
2 - Media Queries
3 - Desktop Layout
17. mobile first
repensando mobile
Imagens...como trabalhar?
Se a imagem irá aparecer somente em uma
resolução, adicione via background somente na
resolução desejada...
Evite o download multiplo em diversas
plataformas...