Veja algumas técnicas para tornar seu site mais compatível entre os navegadores e se adaptarem a qualquer tamanho de tela.

1. SITES HÍBRIDOS

2. QUEM SOU EU Webmaster de 22 anos de idade Graduando em Administração de Empresas Programador para web. Acesse http://hsistemas.net Dedicação especial para sites móveis http://wmda.mobi http://dmyoutube.com http://getmusi.com http://apps.vc http://ponto.me Programa desde os 12 anos de idade portanto tem uma vida profissional resumida a informática e internet.

3. SUMÁRIO Por que híbrido? Justificativa Diferenças entre um site móvel e um híbrido Cenário atual Ênfase de código por tipo de site Testes em navegadores e em aparelhos Técnicas que fazem um site híbrido Resumo Referências Informações de contato

4. POR QUE HÍBRIDO? ? http://j.mp/dE6T6g Ligre, o verdadeiro conceito de híbrido http://j.mp/hIESXt http://j.mp/eQ5zh1

5. CAINDO NA REAL e crescendo navegador tamanho da tela sistema operacional Podemos decidir o que o internauta vai usar? dominaremos o mundo 1: http://j.mp/eDkq8E 2: http://j.mp/gaHCCI 3: http://j.mp/hvyFgT 4: http://j.mp/ij2c9G

6. SITE MÓVEL? SITE HÍBRIDO? Site móvel Leve, logo mais rápido Produção fácil Objetivo Site híbrido Bom em qualquer tela Inteligente Produção relativamente fácil Tão objetivo quanto um site móvel Experiência unificada

8. Códigos especiais para cada faixas de largura de tela

10. COMO FAZER CSS Métrica “em” CSS3 @media query Flexive Box (futuro) Percentagem Limite de largura e altura max-width, max-height Outros: tipo de fonte, tipo de imagem, meta viewport PHP/Script: condição baseada no user-agent JavaScript: uso alternativo do css

11. RESUMO Um site híbrido Usa padrões da web Se adapta a qualquer tela, incluindo os textos e imagens Tem a mesma experiência (ou próximo disso) em qualquer navegador, tamanho de tela ou sistema operacional Só tem JavaScript que não obstrui a experiência unificada

12. REFERÊNCIAS

13. “ Não existe um caminho para a felicidade. A felicidade é o caminho ” Mahatma Gandhi MUITO OBRIGADO PELA ATENÇÃO! Hélio Oliveira helio@hsistemas.net twitter.com/insign hsistemas.net (98) 4141-3252 CARTÃO DE VISITAS Aponte se celular com leitor de qrcode