responsive web design, conteúdo em todos os dispositivos
TRANSCRIPT
Análise:
● Funciona bem com algumas telas maiores ou iguais tamanho definido (960px, 1000px)
● Não se importa com mobile● Não se importa com acessibilidade
Análise:
● Funciona bem com algumas telas se tem layout fluido● Resolve problema do mobile com versão exclusiva ● Ruim para técnicas SEO (Search Engine Optimization)● Usuário fica confuso com os dois endereços● Redirecionamentos de mobile/desktop e inverso
Análise:
● Funciona bem em todos dispositivos● Bom para SEO (Search Engine Optimization)● Tratamento de imagens caminhando
Imagens & Recursos flexíveis
img {max-width: 100%;}
Representa 100% de largura no espaço em que estão contidas.
@media queries@media screen and (min-width: 768px) and (max-width: 992px){
ul, p{line-height: 1.72em;font-size: 1.0em;
}}
Estrutura muito grande
O custo não vale o esforço
Falta de profissionais qualificados
Padrões ainda inconsistentes
US$ 10 milhões de pagamentos mobile via Paypal
Vendas no Ebay mobile = US$ 2 bilhões
Vendas de aparelhos móveis ultrapassam a taxa de natalidade no mundo
Aplicativos híbridos (HTML5 + CSS3)
Webviews
Boas referênciashttp://sergiolopes.org/
http://mediaqueri.es
http://tableless.com.br/
http://www.maujor.com