jQuery UI

JQuery UI

Informations
Développé par
  • Paul Bakaus
  • Scott González
  • Jörn Zaefferer
  • Felix Nagel
  • Mike Sherov
  • Rafael Xavier de Souza[1]
Première version
Dernière version 1.14.1 ()[2],[3],[4],[5]
Version avancée 1.14.0-beta.2 ()[6]
Dépôt github.com/jquery/jquery-ui
État du projet Actif
Écrit en JavaScript
Système d'exploitation Multiplateforme (en)
Type Plugin
Licence MIT License[7]
Site web jqueryui.com

jQuery UI est une collection de widgets, effets visuels et thèmes implémentés avec jQuery, des feuilles de style en cascade, et du HTML[8].

Selon Libscore, un service d'analyses JavaScript, jQuery UI est utilisé sur plus de 197 000 sites dans le premier million, ce qui en fait la bibliothèque JavaScript la plus populaire[9]. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflix[10].

Fonctionnalités

Interactions

Glisser-déposer, redimensionnement, sélection, et classement.

Widgets

Tous les widgets jQuery UI sont thémables[11].

  • Accordion – container en accordéon.
  • Autocomplete – boite d’auto-complétion basée sur les entrées de l'utilisateur.
  • Button – apparence des boutons améliorée, transforme les boutons radio et cases à cocher en boutons poussoirs.
  • Datepicker – sélecteur de date avancé.
  • Dialog – boite de dialogue.
  • Menu – affichage d'un menu.
  • Progressbar – bar de progression animables.
  • Selectmenu – duplication d'un élément HTML.
  • Slider – diapositive.
  • Spinner – bouton fléché.
  • Tabs – onglet.
  • Tooltip – infobulle.

Effets

  • Color Animation – animation de la transition d'une couleur à une autre.
  • Toggle Class, Add Class, Remove Class, Switch Class – animation de la transition d'un style à une autre.
  • Effect – variété d'effets (apparition, diapositive, explosion, fondu, etc.)
  • Toggle – activation ou désactivation des effets.
  • Hide, Show - affichage ou masquage des effets.

Utilitaires

  • Position – définit la position d'un élément relativement à un autre (alignement).
  • Widget Factory – création de plugins jQuery plugins sur la bases des widgets jQuery UI.

Exemple

<script type="text/javascript">
	// Rend l'élément de id "draggable" glissable
	$(function () {
		$("#draggable").draggable();
	});
</script>

<div id="draggable">
  <p>Drag me around</p>
</div>

Historique

Release date[12] Version number jQuery Dependency Additional notes
[13] 1.2.1+ Version initiale[13]
1.5
1.6 1.2.6+ Compatibilité jQuery 1.2.6.
1.7 1.3.2+
1.8 1.3.2+
1.8.9 1.3.2+
1.8.10 1.3.2+
1.8.11 1.3.2+
1.8.12 1.3.2+
1.8.13 1.3.2+
1.8.14 1.3.2+
1er aout 2011 1.8.15 1.3.2+
15 aout 2011 1.8.16 1.3.2+
1.8.17 1.3.2+
Feb 20, 2012 1.8.18 1.3.2+
Apr 16, 2012 1.8.19 1.3.2+
Apr 30, 2012 1.8.20 1.3.2+
Jun 5, 2012 1.8.21 1.3.2+
Jul 24, 2012 1.8.22 1.3.2+
15 aout 2012 1.8.23 1.3.2+
Sep 28, 2012 1.8.24 1.3.2+
Oct 8, 2012 1.9.0 1.6+
Oct 25, 2012 1.9.1 1.6+
Nov 23, 2012 1.9.2 1.6+
Jan 17, 2013 1.10.0 1.6+ Abandon du support pour IE6[14]
Feb 15, 2013 1.10.1 1.6+
Mar 14, 2013 1.10.2 1.6+
May 3, 2013 1.10.3 1.6+
Jan 17, 2014 1.10.4 1.6+
Apr 25, 2014 1.11.0-beta.1 1.6+ Abandon du support pour IE7[15]
May 23, 2014 1.11.0-beta.2 1.6+
Jun 26, 2014 1.11.0 1.6+
Aug 13, 2014 1.11.1 1.6+
Oct 16, 2014 1.11.2 1.6+
Feb 12, 2015 1.11.3 1.6+
Mar 11, 2015 1.11.4 1.6+
Jan 26, 2016 1.12.0-beta.1 1.7+ Abandon du support pour IE8, IE9, IE10[16]

Notes et références

  1. ↑ « jQuery UI Team », sur jqueryui.com, The jQuery Foundation (consulté le )
  2. ↑ « jQuery UI 1.14.1 released », (consulté le )
  3. ↑ « jQuery UI 1.14.1 released », (consulté le )
  4. ↑ npmjs (base de données en ligne), consulté le .
  5. ↑ « https://releases.jquery.com/resources/cdn.json » (consulté le )
  6. ↑ (en) Michał Gołębiowski-Owczarek, « jQuery UI 1.14.0-beta.2 released », (consulté le )
  7. ↑ « License », sur jQuery.com, The jQuery Foundation (consulté le )
  8. ↑ (en-US) Eric Sarrion, JQuery UI, Sebastopol, O'Reilly Media, , 1–4 p. (ISBN 978-1-4493-1699-0, OCLC 768796881, lire en ligne)
  9. ↑ « Libscore », sur libscore.com
  10. ↑ « Libscore », sur libscore.com
  11. ↑ « jQuery UI: ThemeRoller », jQuery UI (consulté le )
  12. ↑ « jQuery UI - Documentation: UIChangelog » (consulté le )
  13. John Resig, « jQuery UI: Interactions and plug-ins », jQuery blog, (consulté le )
  14. ↑ jQuery UI 1.10.0, retrieved on Feb 15, 2013
  15. ↑ jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
  16. ↑ jQuery UI 1.12.0-beta.1, retrieved on Feb 5, 2016
  • Portail d’Internet
  • Portail de la programmation informatique
  • Portail des logiciels libres
Cet article est issu de Wikipédia. Sauf mention contraire, le texte est disponible sous licence Creative Commons Attribution-Share Alike 4.0. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.