it-swarm-es.com

Diseñando para el iPad

Me gustaría que mi sitio web sea accesible (por ejemplo, totalmente utilizable) a través del iPad.

¿Que necesito hacer?

2
George Stocker

Hablando en general (err ... escribiendo) todo lo que necesita hacer es apuntar a las reglas HTML 5 y Safari CSS3 específicas, para crear gradientes, sombras, etc.

Agregue algunos Etiquetas específicas de dispositivos Apple like

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

recuerda que puedes usar un CSS en modo horizontal y otro en modo vertical

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

si, por cierto, desea crear una imagen nativa similar, le recomiendo que vea JQtouch y Sencha

tenga en cuenta que algunos eventos no existen en un dispositivo táctil, como "clic" (aunque la mayoría de las veces simplemente funciona bien), "mousehover ", etc ... JQTouch y Sencha ya están configurados para darle un evento" tap "y cortar más eventos Apple Dispositivos específicos.

5
balexandre

Hay una gran herramienta en línea para hacer diseño web dirigido a iPad:

ipadpeek.com

Le ofrece un emulador de iPad/Safari de tamaño completo en línea.

4
Gary.Ray

Le recomiendo tener un dispositivo real para probar su sitio a medida que se desarrolla.

3
Oren Hizkiya

Mira este artículo; Se trata de una técnica agradable para diseños líquidos que hará que su sitio se vea genial en un iPad, un monitor de 30 "e incluso su iPhone;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

El iPad utiliza principalmente el navegador Safari, o puede cambiar su propia versión, por lo que debe asegurarse de que funciona en un buen punto de partida, si no tiene un dispositivo para probarlo, compruebe primero el safari normal. Desde aquí deberías poder encontrar un simulador.

Se pueden descargar otros navegadores móviles como aplicaciones, sé que opera tiene su propia aplicación para navegar, también Firefox acaba de darse cuenta de su primera versión, aunque solo en Nokia en este momento.

0
Lizard

Debido a que el navegador Safari en el iPad es el navegador más avanzado en distribución general, puede utilizar todas las últimas técnicas CSS3 y HTML5 sin tener que hackear el soporte para navegadores antiguos que no cumplen con los estándares.

0
Dan Gayle