Maximizando webkit móvel

Video: London Calling... the first BlackBerry 10 Full Touchscreen Phone!

Se você está criando um site que será visto em um dispositivo móvel alimentado por WebKit, siga estas regras. A poucos passos simples fará com que suas páginas rápido e robusto, porém eles são vistos.

Video: Supercharged: Jai's Web blog (S1 Ep4)

• Usar a HTML5 doctype.

  Video: Campus Party 2014, iPhone 5S e 5C no Brasil, Google Glass para todos [CT News #32]

• otimizar a Móvel janela de exibição.

• Usar uma fluido traçado com uma mínimo largura do 320 píxeis.

  # Página-invólucro {fundo: branco-min-largura: 320 pixels; max-width: 1260px; margem: 10px auto}

• Faço clicável botões tocá-friendly.

  A Apple recomenda um tamanho de pelo menos 44 pixels x 44 pixels.

• Conjunto personalizadas casa tela ícones.

  Para o iPhone 4 com alta resolução da tela Retina:

  href ="img / h / apple-touch-icon.jpg"gt;

  Para iPad de primeira geração:

  href ="img / m / apple-touch-icon.jpg"gt;

  Para iPhone não-Retina, iPod Touch e dispositivos Android 2.1+:

  
  
  
  

  href ="img / l / apple-touch-icon-precomposed.jpg"gt;

  Para dispositivos Nokia:

• configurar iOS Rede aplicativo configurações.

   content ="preto translúcido"gt;

• otimizar seu imagens.

  Use alternativas para gráficos de bitmap, como CSS3 ou SVG, sempre que possível.

• não usar passe o rato por cima efeitos.

  Se a sua navegação no site depende pairando sobre um menu para ver o submenu, o local não poderá ser usado em telas sensíveis ao toque.

• Minimizar javascript com Fecho (Http://closure-compiler.appspot.com/home).

  Transformar este:

  // == ClosureCompiler == // @compilation_level SIMPLE_OPTIMIZATIONS // @output_file_name default.js // == / ClosureCompiler == // ADD SEU CÓDIGO HEREfunction Olá (nome) {alert ( `Olá`, + nome) -} Olá (`Novo usuário`)-

  Para isso:

  funcionar Olá (a) {alert ("Olá, "+ A)} Olá ("Novo usuário") -

• Usar a aplicação cache. Não só ela pode tornar seu aplicativo utilizável no modo offline, mas também irá melhorar o desempenho.