Accueil du site > Jquery > Les secrets caches de la librairie jquery ui
Les secrets caches de la librairie jquery ui
dimanche 10 janvier 2010, par
Intro
Si jquery est extrêmement connu, la librairie UI l’est un peu moins. Mais néanmoins beaucoup de développeurs se servent de ses pages pour télécharger les fichiers js ou les différents thèmes proposés. Ou sinon ils lisent la documentation très bien fournie et agréablement présentée.
Par contre il est plus rare que l’on s’aventure plus loin sur les pages dédiés a jquery UI. Et là, oh surprise nous découvrons un ensemble de ressources tout à fait intéressantes.
Aujourd’hui nous allons voir ce que la librairie va nous offrir prochainement. Pour cela nul besoin d’avoir une boule de cristal !!! Un simple lien suffit ....
Avant de continuer la lecture il est néanmoins très important de préciser que si des ressources existantes sont proposées, d’autres en cours de développement sont également accessibles. Par contre ne les utiliser pas sans penser que tout marchera impec car ces nouveautés sont souvent en phase de développement.
Ca arrive
Pour revenir sur notre page nous apprenons déjà qu’une nouvelle version de jquery UI va être bientôt proposée ( Chouette !!!) , la version 1.8a1. Et parmi les nouveautés le plugin position dont la page d’explication est vraiment bien réalisé et me met déjà l’eau à la bouche !!!!

Après avoir lu le "Status summary" juste en dessous autre grande et belle surprise, nous trouvons "Full list of plugins planned for jQuery UI" , en Français cela donne la liste des plugins pour jquery UI. Et là c’est impressionnant, dans la forge des maîtres du javascript nous trouvons aussi bien de veilles connaissances comme les plugins tabs, droppable , draggable ...mais aussi une pléthore de nouveautés qui vont titiller plus d’un développeur !!!
Ces nouveautés sont essentiellement réparties en 2 catégories, celles en cours de développement et celles qui sont planifiées. Intéressons nous à la première catégorie ou nous retrouvons Modal , Tooltip , autocomplete , menu et buttons . La première sensation est de se dire que ça va être super , une fois les pages de ces composants vues. Mais cette première impression n’est rien comparé au page de démo !!! Ou là autant le dire on reste sur les fesses ....
Buttons
Ceux qui m’a le plus impressionné c’est le plugin Buttons avec sa page de démo . Ce qui est vraiment génial c’est de pouvoir changer aussi facilement de thème. Dans cet exemple vous retrouver en haut à droite la liste des thèmes disponibles , et en un instant , l’apparence des boutons est changé. Si vous désirez également suivre ces évolutions de près voici un autre lien qui vous intéressera surement et qui regorge de ressources.
Une copie d’écran de la page de démo du plugin Button :

La même vue avec un thème différent.

Menu
Autre plugin vraiment génial, le plugin menu. Si l’image qui suit vous donnera un aperçu du plugin , elle ne rend pas justice à la qualité de cette réalisation qui brille par une fluidité surprenante. Les menus s’ouvrent et se ferment comme des charmes. La aussi le fait de switcher entre les thèmes proposés par jquery ui est un véritable délice. Alors voici le lien de la page de menu sur jquery ui et la page de démo à tester de toute urgence !!!!

Conclusion
Ce premier article sera suivi d’un suivant car ’l’arrière cours’ de jquery ui mérite vraiment le détour.J’espère en tout les cas que cela vous aura donné envie.
Merci de votre visite et de votre lecture et un grand bravo à la communauté jquery ui pour ces réalisations prometteuses.
2 Messages de forum
Dans la même rubrique
- Jquery 1.4 : Per-property Easing, setter avec fonctions sur les attributs , Event Multi-binding
- Jquery 1.4 : les nouveautès , live() ,detach(), unwrap() et delay()
- Jquery 1.4 , introduction a jQuery.proxy()
- Jquery 1.4 , approche RIA , Quick Element Construction
- Jquery 1.4 , attention incompatibilité ... JSON
- Jquery , sa documentation ,ses plugins , ses ressources , les indispensables
- Réaliser avec jquery un moteur ajax simple et efficace
- Les secrets caches de la librairie jquery ui
- Transmettre des tableaux (array) dans les requetes ajax