Web apps como apps reales en iOS

20121229-180701.jpg
Estándar

Bueno, hace tiempo que no ponía nada en mi blog… ya era hora de poner algo😀

Y es que la mayoría del tiempo libre le dedico a la experimentación con HTML5, Python, ensamblador… Consiguiendo finalmente hacer algo con HTML5 y jQuery.

No, en serio, no he usado jQuery más que un par de veces y no lo domino, es ahora que voy entendiendo cómo funciona. Y es que, al contrario de lo que yo creía, se ve muy funcional, sencillo y fluído. Además, es gratis y open-source. ¿Qué más se puede pedir?😉

Pues bien, el primer experimento con el que empezé a probar jQuery (de forma muy elemental) es una web app de iOS. En un principio eso no es mucha cosa. Lo interesante viene aquí:

  • Funcionamiento offline mediante un manifest.
  • Detección de conexión de red mediante Javascript.
  • Animaciones web y efectos CSS interactivos mediante jQuery.
  • Instalación de la web app en iOS mediante las APIs de Apple.
  • Todo programado usando únicamente mi iPad 2.
  • Para este experimento no he usado más que la app Koder (que hace menos de un mes recibió un nuevo diseño y muchos, muchos fixes), jQuery 1.8.3, su documentación oficial y toda la ayuda que Google pudo proporcionarme. La app, que no es más que la primera idea que se me vino a la cabeza (😉 ), muestra a la mascota del kernel Darwin con un poco de texto, redireccionando a la web oficial siempre que se esté conectado a Internet. En un principio, funciona en cualquier aparato, pues salvo las APIs específicas de iOS, todo es HTML5, CSS, Javascript y jQuery ordinarios.

    Aquí os acompaño unas pocas capturas de pantalla de todo en general:

    20121229-180353.jpg
    20121229-180712.jpg
    20121229-180510.jpg
    20121229-180522.jpg

    Por ahora necesito experimentar más, he pensado en un editor de imágenes con filtros CSS… salvo exportar la imagen, no debería ser muy difícil:/

    Y por último, por si no estoy online para entonces… ¡feliz año nuevo!😉

    Responder

    Introduce tus datos o haz clic en un icono para iniciar sesión:

    Logo de WordPress.com

    Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

    Imagen de Twitter

    Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

    Foto de Facebook

    Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

    Google+ photo

    Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

    Conectando a %s