Voilà maintenant quelques semaines que je travaille autour du développement de site pour mobile pour l’agence. Après une petite veille autour de ce domaine, deux plugins/frameworks me sont apparus intéressants sur le plan UX, performance et facilité de prise en main : Sencha Touch (HTML5 et Ext Js) et jQTouch (CSS3, jQuery). Après une première approche, j’ai préféré me tourner vers jQTouch dans un premier temps.
jQTouch
jQTouch est un framework javascript et/ou plutôt un plugin jQuery qui permet de développer facilement et rapidement des sites ou applications web optimisés pour iPhone, Android, and Palm Pre du moment ou le navigateur va bien (moteur de rendus WebKit). Actuellement en version 1 bêta 2, ce framework met à disposition une série de fonctionnalités et animations permettant de retrouver le comportement natif des applications iPhone sur un navigateur mobile. On pourra retrouver :
- des animations du genre : Slide, Fade, Flip, Cube
- la prise en charge native de l’orientation du téléphone
- différents thèmes UI tout à fait personnalisables :
- Des extentions relatives à la géolocalisation, une floaty bar très sympa, offline mode, …
- Sans oublier les différentes fonctionnalités de jQuery telles que le support de l’ajax …
Voici une vidéo de démo du rendus des différentes fonctionnalités:jQTouch Preview from David Kaneda on Vimeo.
Pourquoi jQTouch ?
- une vidéo de preview exposant bien les fonctionnalités,
- une démo iphone sympa,
- un wiki déjà détaillé et en cours de rédaction,
- un plugin jQuery (et non ext js, question de gout)
- seulement un version bêta 2 très encourageante …
En conclusion…
Après quelques semaines d’utilisations, je me trouve assez agréablement surpris par ce framework qui m’a permis de réaliser une version mobile (lien à venir) d’un site assez complexe de paris gratuits et le tout sans perdre trop de temps lié au support. De plus on se retrouve vraiment dans l’environnement mobile avec une expérience utilisateur sympa et proche des applications iphones.Je reviendrais sur divers tips et surement une comparaison avec sencha Touch sur un prochain billet.
- Site officiel
- Démo (à consulter de préférence avec un iPhone)
- Sources, doc & issues
1 Trackbacks
You can leave a trackback using this URL: http://blog.flabadens.fr/2010/08/27/jqtouch-un-plugin-jquery-pour-les-sites-mobiles/trackback/
Devblog…[...] something about devblog[...]…