Cómo integrar jQuery Mobile en Phonegap / Cordova

jQuery Mobile es uno de los mejores frameworks para construir un sitio web amigable para dispositivos móviles y aplicaciones móviles. jQuery se envía con varias interfaces de usuario que son compatibles con plataformas modernas como iOS y Android, y con las primeras plataformas como Opera Mini y Nokia Symbian.

En esta publicación, nos ampliaremos a partir de nuestra discusión previa sobre Phonegap / Cordova. Le mostraremos cómo integrar jQuery Mobile en Phonegap / Cordova y compilarlo en una aplicación de iOS . Si crear una aplicación con jQuery Mobile es uno de sus intereses, puede seguir este breve tutorial.

Empezando

Nota: En esta etapa, asumo que ha creado un proyecto Phonegap / Cordova y lo abrió en Xcode (de lo contrario, eche un vistazo a esta publicación).

Dado que Phonegap / Cordova nos permite usar HTML, CSS y JavaScript, crear la aplicación es casi tan simple como crear un sitio web. Pero en lugar de seguir los pasos para crear la interfaz de la aplicación aquí, lo referiré a nuestro tutorial anterior, Construyendo un panel móvil con JQuery Mobile, donde le he mostrado cómo construir paneles jQuery Mobile izquierdo y derecho. Esta es una interfaz tan común que puede encontrarla en cualquier aplicación móvil, por ejemplo, en la aplicación de Facebook.

Descargue la fuente y mueva todos los archivos (HTML, CSS y JavaScript) a la carpeta platform / ios / www ; aquí es donde deberían residir todos nuestros códigos para desarrollar la aplicación iOS.

Construye la aplicación

Vamos a abrir la carpeta del proyecto en Xcode. Vamos a construir la aplicación y obtener una vista previa en el simulador de iPhone, que se envía junto con Xcode. La última versión de Xcode establece iOS 7 como el software predeterminado en el simulador. En caso de que quiera probar su aplicación en iOS 6 también, puede agregarla desde el menú Preferencias - Descargar .

Luego, selecciona con qué simulador probar tu aplicación; puede seleccionar entre iPhone y iPad y el software utilizado en él. Una vez que haya seleccionado el simulador, haga clic en el botón de reproducción en la parte superior izquierda de la ventana de Xcode.

El simulador se iniciará automáticamente.

Eso es. Puede ampliar la aplicación con más contenido y funciones con jQuery Mobile API. Usar jQuery mobile y Phonegap hace que crear una aplicación móvil sea tan fácil como crear un sitio web.

Para obtener más información sobre jQuery Mobile, puede volver a visitar nuestras publicaciones anteriores:

• Guía para principiantes a jQuery Mobile
• Temas personalizados con jQuery Mobile

Exportar capas de Photoshop fácilmente con Cut & Slice Me

Cortar y rebanar en el proceso de diseño es, sin duda, un trabajo que consume mucho tiempo. Además, se vuelve más y más complicado cuando tienes que cortar y cortar cientos de capas en diferentes escalas .Por supuesto, hay copias fusionadas, capas de exportación a archivos o funciones de corte en photoshop. Per

(Consejos de tecnología y diseño)

10 aplicaciones móviles gratuitas para ayudarte a aprender inglés más rápido

Aprender un idioma es una de las cosas más gratificantes que puedes hacer. Hay muchas maneras en que puede aprender o mejorar sus habilidades en un idioma en particular, desde asistir a clases hasta el autoaprendizaje . ¿Pero se ha dado cuenta de que también puede usar ese teléfono inteligente suyo para aprender idiomas realmente bien?Ya

(Consejos de tecnología y diseño)