iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas

December 9

Frameworks de JavaScript permiten añadir características ricas a sus diseños web para el iPhone y el iPad. Si HTML5 y CSS 3 Arena € ™ t lo suficiente de un desafío para usted y usted quieren añadir características más avanzadas con scripts, puede ahorrar tiempo y problemas, empezando con uno de estos marcos populares de JavaScript.

  • jQuery Mobile es la versión móvil de la muy poderosa librería jQuery JavaScript. La versión móvil funciona en la mayoría de los teléfonos inteligentes y ofrece componentes de la interfaz de usuario que van mucho más allá de una biblioteca JavaScript. Elementos de la interfaz de usuario incluyen mejores formas de estilo (como se muestra en esta figura), una gran variedad de tipos de listas, buscar, transiciones de página, temas y mucho más.

    Con el apoyo de los fabricantes de dispositivos y el grupo .mobi, este proyecto tiene la mayoría de los patrocinadores de cualquiera de los marcos móviles. Esto indica típicamente el poder duradero y la calidad de un proyecto de código abierto, por lo que jQuery Mobile es una buena apuesta, ahora y en el futuro.

    iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas

  • Sencha es una empresa de desarrollo de marco comercial. Después de sus herramientas están fuera de la fase de desarrollo beta, es probable que cuestan dinero a utilizar. Estas herramientas probable para servirle mejor si necesita un producto de nivel comercial que viene con soporte al cliente.

    Revisión de las características y demostraciones en el sitio web Sencha, esta empresa claramente está desarrollando herramientas que se pueden utilizar para crear publicidad en multimedios, así como características interactivas complicados, como el juego de solitario.

    iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas

  • IIU es el marco más antigua aplicación web iPhone. Creado por el desarrollador Joe Hewitt, su interfaz de usuario se parece mucho a una aplicación iPhone. Una gran característica es que esta herramienta se basa en el almacenamiento sin conexión. Almacenamiento sin conexión es lo que permite una aplicación web para trabajar incluso cuando un usuario no está conectado a Internet.
  • iWebKit fue uno de los primeros marcos de aplicaciones web. iWebKit se centra en el logro de una interfaz de usuario que es lo más cercano a la interfaz de usuario nativa iOS posible utilizando HTML5, CSS 3 y JavaScript. Este marco incluye widgets de útiles, formas, y la capacidad de mostrar los canales RSS, lo que es un gran lugar para comenzar si usted quiere centrarse sólo en la creación de aplicaciones web para dispositivos iOS.

    iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas

  • Impact Engine es un marco que se centra en permitir a los desarrolladores crear juegos que se sienten como aplicaciones nativas instaladas. Ita € ™ sa gran opción si usted está interesado en hacer juegos utilizando HTML5, CSS 3 y JavaScript. El precio actual es de $ 99.
  • Cubiq es una gran manera de añadir características interactivas sin ahondar en todas las complejidades de las herramientas de marco.

    • iScroll: Creada por la dificultad de utilizar position: absolute dentro de la ventana de iPhone virtual, iScroll hace que sea más fácil tener una barra fija en la parte superior o inferior de la página.
    • Hardware Acordeón acelerado: Un acordeón muestra la línea de cabecera o primera de una sección. Cuando el usuario toca, se expande de modo que el usuario puede ver el resto del texto en esa sección. Acordeones son útiles cuando el espacio en pantalla es escaso, como es en el iPhone o iPod touch.

      Efectos de Acordeón en el móvil son difíciles y generalmente picada y carne seca, no es suave. Cubiq utiliza el CSS 3 traducen propiedad a un mejor control de apertura y cierre. Ita € ™ sa técnica inteligente debido a que el iPhone utiliza la aceleración de hardware con esta propiedad para asegurar que la transformación es suave.

    • Deslizable en el menú: Si usted quisiera meter la navegación hacia arriba más allá de la parte superior de la página y permitir a los usuarios para tirar de él hacia abajo cuando lo necesitan, este oneâ € ™ s para usted. Después de agregar el menú deslizable en su sitio, puede ser de estilo y estableció que contenga la navegación mediante iconos o cualquier diseño que usted prefiera.

      iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas

    • Añadir a pantalla de inicio: Esto agrega un globo flotando en la parte inferior de su página web en un iPhone y en la parte superior de la página en un iPad, para llamar la atención sobre la función Añadir a pantalla de inicio en el iPhone.

      Agregar un mensaje de llamada para el iPhone y el iPad hace que sea más probable que los visitantes de su sitio favorito. El mensaje, que se muestra en esta figura, se mantiene de forma dinámica en su lugar en la parte inferior de la página cuando el usuario se desplaza. Puede personalizar la cantidad de tiempo antes de que aparezca el mensaje y desaparece. Ita € ™ s también disponible en 13 idiomas.

      Los usuarios pueden elegir el Agregar marcador, Añadir a pantalla de inicio, Correo Enlace a esta página, o la opción Imprimir. Cuando un usuario selecciona Añadir a pantalla de inicio, un pequeño icono se guarda en la pantalla de inicio del iPhone.

      iPhone y iPad de diseño: Aplicar los marcos de JavaScript para agregar características avanzadas