Category Archives: jQuery Mobile

jQuery Mobile

Anunciando jQuery Mobile 1.3.0 Beta

Enfocada en mejorar el RWD (responsive web design) Nuevos widgets como panels y tablas responsive 1.3: Un enfoque responsivo Desde el comienzo del proyecto de Jquery Mobile , se ha perseguido el objetivo de diseñarlo para todos los dispositivos y plataformas en un aproximación “One web”. Con ese proposito, se ha desarrollado todo el código […]

jQuery Mobile: Toolbars

[Fuente: http://jquerymobile.com/test/docs/toolbars/docs-bars.html] Tipos de Toolbar En jQuery Mobile, hay dos tipos de standars de toolbars: Cabeceras (Headers) y Pies (Footers). La Header bar sirve como el título de la página, es generalemente el primer elemento dentro de cada página de una web de movilidad, y tipicamente contiene el título de la página y hasta dos botones. […]

Enviando formularios con jQuery Mobile

Haciendo submit con formularios Ajax En jQuery Mobile , los submit de formularios son automáticamente manejados utilizando Ajax cuando sea posible, creando una transición suave entre el formulario y la página de resultado. Para asegurar que tus submits de formulario son enganchados bien, asegurate de especificar las propiedades action y method dentro de la tag […]

Eventos en jQuery Mobile

jQuery Mobile ofrece varios eventos personalizados que se han implementado sobre los eventos nativos para asi aumentar las posibilidades de los UI en las plataformas móviles. Nótese que estos eventos emplean varios eventos de tipo touch, mouse o de ventana, dependiendo de la existencia del evento, asi que puedes hacer bind a eventos tanto en plataforma móviles como en entornos desktop. Puedes engancharte a estos […]

Anatomía de una página

[Fuente: web de jquery mobile] La estructura “Page” de jQuery Mobile se optimiza para soportar tanto páginas sencillas, o también para enlaces internos locales “pages” dentro de una página. El objetivo de seguir este modelo es permitir a los programadores crear webs utilizando las mejores prácticas – donde los enlaces normales funcionan sin ninguna configuración especial – ya […]

Creando una aplicación simple en jQuery Mobile

Cómo utilizar jQuery Mobile [Fuente: http://devgrow.com/mobile-web-dev-using-jquery-mobile/] jQuery Mobile es increiblemente fácil de utilizar, tan solo es necesario incluir las librerias js de jQuery Mobile en el header y añadir unos pocos atributos “data” en tu maquetación y ya tienes tu web con jQuery Mobile. Todo el tema de los estilos es manejado por jQuery y […]

jQuery Mobile: Modelo de navegación con Ajax

Una “page” en jQuery Mobile se compone de un elemento (generalmente un div) con un atributo data-role con el valor ‘page’, que generalmente contiene elementos div con roles de “header”, “content” y “footer”, cada una con su maquetación , formularios y widgets customizados de jQuery Mobile. El workflow básico en la carga de páginas es […]

jQuery Mobile: Poniendo Javascript a las páginas

Como jQuery Mobile utiliza un sistema de navegación controlado por Ajax, hay una serie de cosas que debes saber cuando manipulas el contenido del HTML con Javascript. 1.Scripts & styles en el head Cuando un usuario hace click en una web conducida por jQuery Mobile, el comportamiento por defecto del sistema de navegación es utilizar […]