JQuery – JQuery-UI un outil très utile

La librairie JQuery est à elle seule un outil très pratique et limite indispensable lorsque l’on veut jouer avec le javascript pour agrémenter un site web. Certes il existe bien d’autres librairies (Mootools, Scriptaculous, Scripty2, Prototype etc…), et le choix est à l’initiative du développeur. Pour l’instant nous allons rester dans l’esprit JQuery.

JQuery-UI

JQuery-UI

Ce petit billet pour vous présenter brièvement l’UI JQuery, nommée JQuery-ui tout simplement. 🙂

JQUERY-UI 2

JQUERY-UI 2

Qu’apporte cet éléments à JQuery ?

Vous allez pouvoir créer des datepicker, des barres de progressions et des effets tels que le drag-and-drop via des objets déjà biens évolués et optimisés. Voici une petite liste des possibilités avec JQuery UI :

Les interactions :

Les widgets :

Ainsi qu’une amélioration et un complément des méthodes des effets.

Une page de modélisation des thème est aussi disponible afin d’améliorer le rendu des effets et des combo.

L’utilisation d’une telle librairie est très utile lorsqu’on souhaite rendre dynamique un site et apporter des effets qui peuvent rapidement se rendre conviviales, comme le datepicker, aisément paramétrable.

Exemple d’utilisation pour le datepicker par défaut :

[cc lang= »javascript »]

Date:

The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input’s value.

[/cc]

Autant dire que ça va rendre service à beaucoup de développeur et agrémenter leurs sites. Je tacherais de donner quelques exemples perso liés à cet outil prochainement, ainsi que quelques tuto que je proposerai en français.

Pour découvrir JQuery UI : http://jqueryui.com/home

Author: Franck Pertegas

Share This Post On

Trackbacks/Pingbacks

  1. jQuery – 20 plugin jQuery à retenir | LudiBlog - [...] UI Je vous en parle ici. Un officiel de l’équipe jQuery qui va vous permettre entre autre, de créer…
  2. 35 plugins jQuery rien que pour vos sites web ! | LudiBlog - [...] UI Je vous en parle ici. Un officiel de l’équipe jQuery qui va vous permettre entre autre, de créer…
  3. 50 Plugins jQuery pour vos sites web ! | LudiBlog - [...] vous en parle ici. Un officiel de l’équipe jQuery qui va vous permettre entre autre, de créer des éléments…
  4. Liste de tous les plugins jQuery testés sur le blog | LudiBlog - [...] Les incontournables jQuery UI [...]

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *