background preloader

JQUERY MOBILE

Facebook Twitter

Mobile - A jQuery plugin a day. Jquery finger April 10, 2014 jQuery Finger is a plugin which unifies click and touch events by removing the 300ms delay on touch devices. It also provides a common set of events to handle basic gestures such as flick, drag, press and double tap. Created by Nicolas Gryman DownloadHomeExample View more → Stacks July 21, 2013 Stacks is a jQuery plugin which as the user scrolls down the page, the heading for that section to follows the user so that navigation can follow the user. DownloadHomeExample View more → Leader-js July 5, 2013 Leader-js is a jQuery plugin that enables the user to fill a form as quickly and easily as possible on mobile.

Filling forms on mobiles can be frustrating, with constant scrolling, tapping and opening/ re-opening of the keyboard. DownloadHomeExample View more → HTML5 y jQuery Mobile 1.3.0. ThemeRoller | jQuery Mobile. How to Learn the Phaser HTML5 Game Engine. Phaser is an open source HTML5 game framework created by Photon Storm. It's designed to create games that will run on desktop and mobile web browsers. A lot of focus was given to performance inside of mobile web browsers, a growing and important area of web gaming. If the device is capable then it uses WebGL for rendering, but otherwise it seamlessly reverts to Canvas.

In this article, I'll cover resources for learning Phaser, as well as showing what it can do and some of the thinking that went into its design. Roundups12 Gamedev Engines and Platforms (and the Best Ways to Learn Each of Them)Michael James Williams It's fair to say that it feels as if a new HTML5 game framework is released every week, such is the proliferation of them. So why should you even consider Phaser among the huge choice out there? We had been great fans of Flixel and had enjoyed success both with our own games and with our Flixel Power Tools. I apologise in advance of any of the following (or above!) jQuery Mobile Examples. jQuery Mobile Demos. Ejemplo de una aplicación móvil con jQuery Mobile + Google Maps. jQuery Mobile es un framework desarrollado en javascript perteneciente a jQuery Foundation, el cual nos proporciona una interface compatible y usable para desarrollar aplicaciones móviles para teléfonos y tablets, y que cuenta con un sistema de transición entre paginas mediante tecnología AJAX.

Además es compatible con la mayoría de las plataformas móviles y navegadores para dispositivos móviles (iOS, Android, Blackberry, WebOS, Symbian, Windows Phone, etc.). CAPTURAR QR(Captura el código QR a través del móvil para ver la aplicación directamente) A continuación veremos una pequeña introducción y un ejemplo de aplicación móvil en jQuery Mobile. Estructura básica de una Aplicación Móvil JQM Para empezar a desarrollar nuestra aplicación móvil necesitamos una estructura HTML como la siguiente: <!

Contenido por secciones La estructura de contenidos de cualquier aplicación en jQuery Mobile se basa en el nuevo atributo “data” creado para HTML5. <div data-role="page"><div data-role="header">... <! <! jQuery Mobile Examples. Crear Aplicaciones con jQuery Mobile - Revolución móvil. Posiblemente el framework de JavaScript más utilizado en la web es jQuery y tiene su versión adaptada para dispositivos móviles llamado jQuery Mobile. jQuery Mobile es un plugin del jQuery original y requiere que este último esté instalado previamente para poder funcionar.

Una vez activo, jQuery Mobile hace dos cosas: primero, optimiza las funciones nativas para mejorar su performance en equipos móviles , segundo, modifica el HTML y genera un layout con una serie de elementos gráficos predefinidos que acelera sustancialmente la velocidad de producción. Instalar jQuery Mobile Aunque es posible y es una técnica muy común en sitios web, instalar jQuery Mobile enlazando directamente a los archivos almacenados en la nube, se recomienda ampliamente no aplicar esa técnica para aplicaciones PhoneGap. Muy frecuentemente tu aplicación será utilizada sin ninguna conexión a internet o con conexión intermitente.

Ejemplo de aplicación web móvil con jQuery Mobile. Continuamos con la segunda parte de esta introducción a jQuery Mobile, un framework de desarrollo UI para aplicaciones web en móviles. En este artículo hablaremos de los aspectos básicos del framework: $.mobile, métodos y eventos, los atributos data-* de HTML5, y la creación de una aplicación web móvil con jQuery Mobile. Si quieres saber cómo el nuevo framework de jQuery Mobile puede ayudarte a desarrollar aplicaciones web para móviles, con facilidad, este artículo es para ti... $.mobile y los métodos y eventos soportados El objeto JavaScript jQuery la mayoría de veces es referido con el signo del dólar ($). jQuery Mobile framework extiende el core de jQuery con plugins móviles, que incluyen el mobile o $.mobile, los cuales definen varios eventos y métodos. Por ejemplo, los eventos de toque (touch events) incluyen tap, taphold y varios eventos swipe.

En el siguiente ejemplo realizamos un evento específico cuando jQuery Mobile empieza a ejecutarse: Los atributos data-* de HTML5 Slide Pop Fade <! jQuery Mobile Gallery. jQuery Mobile Gallery.