Trucos para tus aplicaciones web de iphone

Apple      7 Marzo, 2009      988 lecturas      3 comentarios

Icono:

<link rel=”apple-touch-icon” href=”image.png” />

Notas: tamaño 57×57 px, el soft ya se encarga de añadrile el efecto shiny. Ver ejemplo

Ajustar el tamaño del texto y evitar que el usuario pueda cambiar el zoom:

<meta name=”viewport” content=”width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”/>

Evitar el autocompletar en las cajas de texto:

<input type=”text” autocorrect=”off” />

Redondear elementos con CSS:

-webkit-border-radius: 10px;

Quitar los bordes de una caja de texto INPUT con CSS:

border:0;
-webkit-appearance: none; /* quitar borde gris de la parte superior */

Ocultar la barra de direcciones con javascript:

window.scrollTo(0,1);

Más trucos:

Compartir   twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?  



  • Perfecto, moltes gracis! ya lo aplicaré.
  • Buenos datos ;)

    Saludos
  • Que grande eres Miquel!
    Voy a ver si trasteo un poco y adapto lo que sea para iPhone :)
blog comments powered by Disqus