Web programação para dispositivos móveis
-
12-09-2019 - |
Pergunta
Estou curioso como fazer um dispositivo móvel amigável site .. então o que são as melhores dimensões e como faço para fazer a figura website descobrir se são ou não em um dispositivo móvel. também o que eu preciso fazer para limite no meu projeto e codificação para tornar as páginas mais sem falhas e carregamento mais rápido ...
Solução
Há realmente duas grandes escolas aqui e depende de sua audiência:
Se você está falando de navegadores móveis atuais, a maioria do mercado está usando navegadores com recursos completos, como no iPhone, Android variantes, Palm Pre, etc. Estes podem lidar com coisas como javascript complexa e css moderna. Por esta multidão, você quer principalmente para se concentrar em coisas como racionalização layout para page-larguras muito limitadas (> 800px), minimizando a quantidade de dados que precisa de carga (desde conexões móveis pode ser muito lento), e otimizar font-tamanhos e linha-alturas para facilitar a leitura.
No entanto, no mundo em desenvolvimento (África, América do Sul, partes da Ásia) navegação seguida móvel é A) extremamente importante, e B) cerca de 5-10 anos atrás na capacidade de hardware. Internet móvel é um dos principais meios de obtenção de informações nessas áreas, mas você realmente precisa estar escrevendo HTML como se fosse 1999 (menos as mesas, é claro). Mantenha sua marcação muito limpo e muito simples, limitar qualquer estilo extravagante, e não dependem de JavaScript, Flash ou qualquer outra coisa.
Para que tipo de público, você deve estar muito preocupado com o que sua página se parece com sem qualquer estilo aplicado. marcação semântica é rei. Claro que você vai ser capaz de estilo, mas mantê-lo o mínimo possível.
Hope, que oferece algumas idéias básicas.
Outras dicas
Você pode dar uma olhada na W3 Mobile Web Initiative . Eles têm muitos melhores práticas, bem como algumas boas ferramentas, como o Mobile Web Validador .
Para fazer o usuário interface amigável, eu sugiro que você usar jQuery Mobile .