¿Cómo afectará a la forma iPads sitios web están diseñados

La mayoría de las personas que usan iPads los usan sobre todo para navegar por Internet. De acuerdo con una encuesta realizada por el uso del iPad Business Insider, el 41 por ciento de las personas con iPads en cuenta el dispositivo de su "equipo principal" y los usuarios de iPad gastan el 38 por ciento de su tiempo navegando por Internet. A pesar de estas estadísticas, sin embargo, los diseñadores Web no son exactamente haciendo saltos mortales para diseñar para el IPAD.

Orientación contenido

Las personas utilizan sus iPads la misma forma en que utilizan una computadora de escritorio o portátil: para Internet. Claro, hay dos maneras de sostener el iPad, y el contenido gira en consecuencia, pero en la vista horizontal dimensiones de la pantalla de un iPad son los mismos que muchas computadoras: 1024 por 768 píxeles. páginas web no se diseñan generalmente para más ancha que 1000 píxeles, por lo que cuando el iPad horizontal ver todas las páginas web exactamente de la forma en que fue diseñado. Cuando se mantiene verticalmente, sin embargo, el IPAD plantea un poco de un enigma para los diseñadores.

Ver Vertical

visualización vertical del iPad hace que su pantalla de 768 píxeles de ancho, una anchura incómodo para la Web. Por lo general, el IPAD acaba de exprimir el contenido de una página hacia abajo para ajustarse a la pantalla, pero esto puede hacer que el texto difícil de leer y puede hacer que algunos elementos del menú inaccesible. Los diseñadores tienen dos respuestas a la visión vertical: usando temas sensibles o que tienen una anchura alternativo definido en la hoja de estilo en cascada para trabajar con la pantalla del iPad.

Temas sensibles

sistemas de gestión de contenido como Drupal, WordPress y Joomla utilizar temas para controlar todos los elementos visuales de una página web. los desarrolladores han comenzado temáticos programación temas a ser "sensibles", que significa simplemente el diseño responde al dispositivo que está viendo. Estos temas son útiles en el diseño para dispositivos móviles, ya que la página web detecta que un teléfono está accediendo al sitio y muestra un diseño diferente. temas sensibles pueden detectar un iPad y ajustar la pantalla en función del ancho y la altura de la pantalla.

CSS

Incluso si un sitio web se ejecuta un tema sensible, no puede ser configurado para hacer frente a la pantalla en modo retrato del iPad. Algunos temas sensibles mostrará la versión móvil de un sitio en la gran pantalla del iPad, mientras que otros se tira de elementos como barras laterales de la pantalla principal y los deje caer por debajo de la zona de la página principal. CSS es completamente personalizable, lo que los diseñadores Web pueden ajustar el ancho de los elementos más importantes, como la envoltura de contenido o un separador, para tener un contenido Web aparezca correctamente en un iPad. pellizcar CSS sólo se necesita realmente cuando el código del tema no formatea el sitio muy bien en el IPAD.