background preloader

jQuery Mobile Examples - JQM Gallery

jQuery Mobile Examples - JQM Gallery
Related:  Web mobile

jquery - Access-Control-Allow-Origin - localhost 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 <!

HTTP access control (CORS) - HTTP Cross-site HTTP requests are HTTP requests for resources from a different domain than the domain of the resource making the request. For instance, a resource loaded from Domain A ( such as an HTML web page, makes a request for a resource on Domain B ( such as an image, using the img element ( This occurs very commonly on the web today — pages load a number of resources in a cross-site manner, including CSS stylesheets, images and scripts, and other resources. Cross-site HTTP requests initiated from within scripts have been subject to well-known restrictions, for well-understood security reasons. For example HTTP Requests made using the XMLHttpRequest object were subject to the same-origin policy. This cross-origin sharing standard is used to enable cross-site HTTP requests for: Invocations of the XMLHttpRequest API in a cross-site manner, as discussed above. Overview Examples of access control scenarios Origin Note

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.

How to iterate over a JSON structure jQuery Mobile Examples Utilisation avancée des sélecteurs JQuery - Olivier El Mekki Après avoir utilisé longtemps Prototype et Scriptaculous qui forment le framework Javascript par défaut dans Ruby on Rails, les sélecteurs de JQuery m’ont convaincu de passer à ce dernier (enfin, ça et la possibilité de ne charger qu’une partie du DOM de la réponse dans les requêtes ajax replace ). Dans un article récent faisant partie d’un ensemble d’articles d’initiation à JQuery, Dave Lizotte à fait une présentation rapide des sélecteurs. J’y reviens maintenant pour présenter les fonctionnalités avancées. Le DOM, c’est quoi? Au préalable, il est important que vous ayez saisi ce qu’est le DOM , car c’est sur lui qu’agissent les sélecteurs. Imaginez-vous une vue en arborescence, avec l’ élément html à la racine, et en enfants, les éléments head et body . Il vous suffit en fait de vous représenter ça, vous n’avez rien à apprendre. On sélectionne quoi, au fait? Les sélecteurs de JQuery servent à isoler des éléments du DOM. On avait pas dit : “avancé” ? Si. La sélection par hiérarchie

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">... <! <!

Simplifiez vos développements JavaScript avec jQuery Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous ! Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore ! N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Si vous lisez ces lignes, c'est parce que vous avez décidé d'aller plus loin dans vos développements Web.

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. 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. We at Photon Storm dedicated ourselves to developing nothing but HTML5 games several years ago, back when there really wasn't a great deal of framework choice, and you could count the number of HTML5 game devs in single digits. 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!)

Related: