Jquery Mobile, coup de boost pour le web mobile ! Jquery Mobile, coup de boost pour le web mobile !
Avec HTML5, le site mobile peut espérer un futur meilleur. Présent sur la plupart des navigateurs des derniers mobiles, le html5 permet déjà des fonctionnalités comme la géolocalisation, le drag and drop, l’affichage de vidéos et d’animations vectorielles poussées Actuellement, le monde du mobile est en balance entre applications et sites mobiles. L’application écrase le site mobile D’après une étude faite aux États-unis par Flurry de juin 2010 à juin 2011 , le temps passé par un utilisateur sur une application croit constamment. Vous en avez surement fait l’expérience, c’est nettement plus agréable de naviguer sur une application que sur un site mobile. jQuery Mobile. Zoomooz.js.
Zoomooz is: 6KB gzipped and 18KB minified.
This includes everything but jQuery. Make any web page zoom. Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky transformations You can zoom to elements that have been translated, scaled and skewed, and they will morph correctly. Try by clicking on these: Skew Scale Rotate There is some interesting stuff happening in the background to make the morphings work. Adding Zoomooz to your web page Just add this to your web page head and you should be up and running with Zoomooz: The easy way to zoom Simply add "zoomTarget" to the element you want to zoom to when clicked on: <div class="zoomTarget">This element zooms when clicked on.
You can also add some additional attributes for tuning the animation as data fields of the element: Here is a demo, click on the elements: Demos. Créer une version mobile avec Jquery Mobile - une vidéo Vie pratique. 5 Excellent jQuery Mobile Tutorials. Recently jQuery Mobile Alpha 2 was released.
One major goal of the project is to reach more than the top-tier mobile Web browsers such as those used in Apple’s iOS, Google’s Android, BlackBerry OS, mobile versions of Window and Hewlett-Packard’s Web OS. jQuery Mobile, pourquoi le tactile est-il toujours mobile ? L’équipe de jQuery vient d’annoncer un nouveau site entièrement dédié aux interfaces tactiles et mobiles : jQuery Mobile.
Le but est bien sûr d’optimiser jQuery pour ces nouvelles plates-formes, mais ce n’est pas tout : une version mobile de jQuery UI est également prévue ! Et plutôt que d’adapter jQuery UI à ces nouvelles contraintes, le projet consiste dans un premier temps à réfléchir sur les évolutions possibles du framework, de manière à ce qu’il prenne nativement en compte ces nouvelles interfaces. Un des problèmes posés actuellement par jQuery UI est son système de gestion des thèmes graphiques, Theme Roller, qui est trop « simple » pour permettre de créer des interfaces complexes.
jQuery Mobile. Ceux qui me suivent sur Twitter le savent déjà, je viens de lancer mon auto-entreprise.
L’idée que je me suis fixé et de dispenser des formations JavaScript aux entreprises dans le cadre du DIF. Plus d’une fois en conférence, vous (peut-être, qui sait ?) Êtes venus me demander si je faisais des formations sur plusieurs jours. jQuery Mobile: Demos and Documentation. Premières impressions sur jQuery Mobile. Je regardais depuis quelques temps les solutions pour faciliter le développement d’une version mobile de Cyberbougnat.net.
Par défaut il n’y a pas besoin de grand chose d’autre que du HTML pour faire une telle version mais le but est d’aller plus loin voir à terme de transformer la webapp en application native. La librairie jQuery Mobile est pour l’instant en version alpha. C’est donc une version très récente et largement perfectible. Toutefois elle est déjà largement utilisable au moins pour faire une version de test. jQuery Mobile propose un set de scripts et CSS pour créer une interface pour mobiles et tablettes : présentation du texte, des boutons, tableaux, listes, formulaires… Le but est de faire une librairie standard qui fonctionne sur un maximum de plateformes : iOS, Android, BlackBerry, Windows Phone… (avec un support variable suivant les cas) Une simplicité redoutable !
Pour faire ses interfaces il suffit de savoir écrire un peu de HTML et d’appeler la librairie en entête. jQuery Mobile, le « comment c’est fait? » Dans mon article de lundi, je vous ai promis de revenir un peu plus en détails sur la façon dont est développé jQuery Mobile.
Cet article est basé sur les nombreuses questions posées par un membre (tanidon288) des forums officiels de la communauté. Y a t'il des spécifications pour jQuery Mobile ? Oui mais elles ne sont pas publiques. Je n'y ai pas accès et ne peux donc pas vous les montrer. Ceci dit, on peut en retrouver un condensé dans un post de John Resig, le créateur de jQuery, ici : Et aussi sur le site de démo/documentation : Comment est réalisé le développement ?
Tout tourne autour d'un dépôt Github avec tous les outils qui vont avec. Vous pouvez bien sûr discuter de vôtre vision des choses sur le forum : Quels sont les projets déjà existants et visibles ? Il existe déjà quelques projets, le site de démo déjà signalé juste avant, un site dit "live" : jQuery Mobile - Le framework Javascript pour mobile made in jQuery. jQuery Mobile est un nouveau framework javascript dédié aux navigateurs web mobiles, créé par jQuery.
Grosse nouveauté dans le monde du web et surtout du mobile. Les créateurs du framework Javascript que l'on ne présente plus, viennent de sortir une nouvelle librairie: jQuery Mobile Framework. Avec l'essor des smartphones Android et iPhone/iPad dans le monde, il devient très intéressant de fournir des applications web compatibles mobile, et pourquoi pas avec des animations javascript qui fonctionnent !
Grâce à jQuery Mobile, vous pourrez développer en Javascript sans vous soucier de la compatibilité des navigateurs mobiles: