JQuery Mobile 1.3 – Themes Flat UI et Square UI

JQuery Mobile est passé en version 1.3 il y a peu avec son petit lot de nouveauté. Cette version se veut très orientée Responsive Web Design (RWD) et apporte quelques nouveaux widgets comme :

• Les panels, un type menu très en vogue à la Facebook,
• Les tables responsives, permettant de passer d’une table toute en largeur à un tableau à une colonne tout en longueur,
• Les grids responsives, adaptant la mise en page des données suivant la largeur de la page,
• Les ranges slider, permettant de choisir une plage de valeur très facilement,

Et tout un tas d’innovations pouvant être maintenant supportés sur de nouvelles plateformes comme le Blackberry 10, IE 10, la surface Microsoft RT, Windows Phone 7.8, le Kindle Fire HD. Cette nouvelle version est compatible avec JQuery 1.7.2 à 1.9.1 et même bientôt avec la version 2.0.0.

D’un point de vue design/theme, il est possible d’utiliser le ThemeRoller (il y a d’ailleurs un très bon article sur le theming JQuery Mobile sur noupe.com) ou de télécharger des thèmes réalisés par des passionnés. Les deux derniers thèmes en date compatibles JQuery mobile 1.3 pour lesquels j’ai un faible sont :

• JQuery Mobile Flat UI
• JQuery Mobile Square UI

 

Ils sont sobres et élégants à la fois. Sous licence MIT, les sources sont disponibles sur GitHub.