ubiquitour.com

IPads afectan la forma de sitios web están diseñados

Mayoría de las personas que usan iPads usa sobre todo para la navegación Web. Según una encuesta de uso del iPad realizada por Business Insider, 41 por ciento de las personas con iPads considere el dispositivo de su "equipo principal" y los usuarios de iPad gastan 38 por ciento de su tiempo navegando por Internet. A pesar de estas estadísticas, sin embargo, diseñadores Web exactamente no hacen backflips para diseñar para el iPad.

Orientación del contenido

Personas utilizan su iPad al igual que usan un ordenador de sobremesa o portátil: el Internet. Sin duda, hay dos maneras de sostener el iPad contenido gira por consiguiente, y en vista horizontal, dimensiones de la pantalla de un iPad son los mismos tantos ordenadores: 1024 por 768 pixeles. Páginas web generalmente no están diseñadas para más de 1000 píxeles, modo horizontal el iPad vea todas las páginas Web exactamente de la manera que fue diseñado. Cuando lleva a cabo verticalmente, sin embargo, el iPad supone un poco de un dilema para diseñadores.

Vista vertical

Pantalla vertical del iPad hace que su pantalla de 768 píxeles de ancho, un torpe de anchura para la Web. Por lo general, el iPad solo exprima el contenido de una página hasta ajuste de la pantalla, pero esto puede hacer más difícil leer el texto y puede hacer inaccesible a algunos elementos de menú. Los diseñadores tienen dos respuestas a visión vertical: con temas sensibles o tener un anchura alterna definida en la hoja de estilo en cascada para trabajar con la pantalla del iPad.

Temas sensibles

Sistemas de gestión de contenidos como Drupal, WordPress y Joomla utilizan temas para controlar todos los elementos visuales de un sitio Web. Los desarrolladores de tema han comenzado a programación de temas a ser "sensible", que significa simplemente que el diseño responde al dispositivo que es verlo. Estos temas son útiles en el diseño para móviles, ya que el sitio web detecta que un teléfono es acceder al sitio y muestra un diseño diferente. Temas sensibles pueden detectar un iPad y ajuste el indicador basado en la anchura y la altura de la pantalla.

CSS

Incluso si un sitio web ejecuta un tema sensible, no puede configurar para hacer frente a la pantalla de modo vertical del iPad. Algunos temas sensibles mostrarán la versión móvil de un sitio web en la pantalla grande del iPad, mientras que otros elementos como barras laterales de la pantalla principal de la tira y caer por debajo del área de contenido principal. CSS es completamente personalizable, por lo que los diseñadores Web pueden modificar la anchura de los elementos principales, como la wrapper contenido o separador de ambientes, tener contenido Web aparezcan correctamente en un iPad. Afinar el CSS es realmente sólo es necesario cuando el código del tema no formato el sitio muy bien en el iPad.