18
OCT

jQuery Mobile - Le framework jQuery pour mobile est disponible !

Publié le 18/10/10 à 08h24 par DJo

jQuery mobile, le nouveau framework jQuery dédié aux smartphones et tablettes, vient de sortir en version alpha.

jQuery mobile, le nouveau framework jQuery dédié aux smartphones et tablettes, vient de sortir en version alpha.

Nous étions nombreux à attendre impatiemment sa sortie, et c'est désormais chose faite ! L'archive de jQuery mobile framework est maintenant disponible en téléchargement.

Cette première version s'annonce déjà très complète, au programme:

  • Gestion des thèmes (à la jQuery UI)
  • Headers/Footers (Fixes ou persistants)
  • Widgets de formulaires
  • Dialogs
  • List Views
  • Gestion des évènements
  • Transitions

Thèmes embarqués dans jQuery Mobile

Comme à son habitude, le framework jQuery est doté d'une très forte compatibilité avec tous les OS mobiles:

jQuery Mobile - Compatibilités OS Mobiles

Le HTML5 et CSS3 sont de la partie et permettent de skinner agréablement tous les widgets proposés.

Si le navigateur ne supporte pas les propriétés, le rendu sera toutefois correct, mais plus carré !

jQuery Mobile - Dégradation si HTML5 et CSS3 non supporté

Du côté des fichiers à télécharger, jQuery mobile embarque:

  • Un fichier javascript de 38ko minifié ou 84ko sans compression.
  • Un fichier CSS de 39ko minifié ou 47ko sans compression
  • La bibliothèque d'images pour le thème

 

Alors c'est parti pour créer une version mobile qui en jette !

Site Officiel

Baraguiné par MaMouT le 18/10/10 à 09h10
MaMouT sur La Ferme du Web
Pour une bonne nouvelle, c'est une bonne nouvelle !!
Je vais regarder à ça très rapidement.
Merci
Baraguiné par DJo le 18/10/10 à 09h53
DJo sur La Ferme du Web
N'hésitez pas à publier le lien de vos créas mobiles avec jQuery Mobile :)
Commentaire intelligent ! Prix com' intelligentBaraguiné par damsfx le 18/10/10 à 11h05
damsfx sur La Ferme du Web
Il y a encore des progrès à faire.

J'ai tester leur appli de démo avec un androphone (HTC desire) ... pas vraiement convaicu pour l'instant et pourtant je suis un fan de jQuery.

On voit clairement la filiation des transitions avec un script écrit pour Iphone (jQTouch) car les transitions rament méchamment (d'autres commentaires sur d'autres sites semblent conforter mon impression).
La gestion du clavier virtuel est assez déconcertante : au clic dans un champ de saisi, le clavier apparait et décale l'affichage de la page d'autant ... résultat le champ en cours d'édition n'est plus visible; certaine fois on voit même apparaitre un champ fantôme.

Malgré tout, je suis content de voir jQuery débarquer sur plateformes mobiles.

Merci lFdW pour tous ces articles interessants.
Baraguiné par paulmallet le 19/10/10 à 19h19
paulmallet via Twitter
Effectivement il y a surement encore quelques progrès à faire, mais c'est sur la bonne voie...

Et surtout, il ne faut pas oublier que les navigateurs mobiles sont beaucoup moins performants que leurs équivalents sur PC/Mac ! (d'où les transitions un peu "choppy" etc)
Commentaire intelligent ! Prix com' intelligentBaraguiné par RapotOR le 19/10/10 à 20h01
RapotOR sur La Ferme du Web
Au premier abord, cette alpha peut être un peu décevante.
Beaucoup d'entre nous attendait beaucoup de "jQuery mobile"; peut être trop d'un coup. Je crois que nous pourrons réellement évaluer les déceptions au moment d'une version finale.
Pour confirmer le post de "paulmallet", les navigateurs mobiles sont effectivement à la traine en performance. Je voudrais nuancer tout de même. Lorsque je lance l'interface mobile sur mon chrome, les animations ne sont pas vraiment fluide non plus. Peut etre une incompatibilité avec le navigateur non-mobile me direz vous...

J'avais déjà créer un plugin jQuery de navigation avec un layout purement mobile qui fonctionne à merveille sur iPhone (3 et 4) (et autre webkit d'ailleurs). L'iPhone 2 rame énormément par contre lors des effets. on pourrait donc uniquement lier cela au processeur?
Pour conclure, attendons la version un peu moins alpha pour établir notre avis final sur le sujet "Jquery mobile".
Cédric

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web