Indice
jQuery UI
jQueryUI software | |
---|---|
Genere | Libreria di JavaScript |
Sviluppatore | jQuery Project team |
Data prima versione | 17 settembre 2007 |
Ultima versione | 1.14.1 (30 ottobre 2024) |
Ultima beta | 1.14.0-beta.2 (14 giugno 2024) |
Sistema operativo | Multipiattaforma |
Linguaggio | JavaScript |
Licenza | licenza MIT (licenza libera) |
Sito web | jqueryui.com/ |
jQuery UI è una libreria JavaScript ideata per uniformare e semplificare la gestione dell'Interfaccia grafica per pagine web interattive.[1] È un'estensione della libreria jQuery ed è fruibile attraverso la medesima licenza libera, la MIT.[2]
Caratteristiche
[modifica | modifica wikitesto]Le caratteristiche che seguono fanno riferimento alla versione 1.8.13.
jQueryUI è suddivisibile in quattro macro aree:
- Interazioni (interactions)
- Parti dell'interazione con l'utente fra cui drag and drop, ridimensionamento, ordinamento e selezione;
- Widget
- Componenti grafici fra cui i selettori per l'inserimento di una data, calendari, ecc.
- Effetti (effects)
- Effetti di transizione animati
- Utilità (utilities)
- Utilità di basso livello usate dalle precedenti.
Nel dettaglio gli elementi di ogni macro area:
Interazioni
[modifica | modifica wikitesto]Parti relative all'interazione con la pagina web:
- Draggable
- Rende gli elementi trascinabili
- Droppable
- Verifica se un elemento è stato trascinato su un altro
- Resizable
- Rende gli elementi ridimensionabili
- Selectable
- Avanzate caratteristiche di selezione per liste di elementi
- Sortable
- Liste di elementi facilmente ordinabili
Widget
[modifica | modifica wikitesto]Parti relative a vari widget per l'interfaccia grafica:
- Accordion
- Contenitore "a fisarmonica"
- Autocomplete
- Auto completamento basato su ciò che l'utente digita
- Button
- Pulsante avanzato
- Datepicker
- Selettore avanzato di date
- Dialog
- Mostra una finestra di dialogo
- Progressbar
- Barra di avanzamento, con o senza animazione
- Slider
- Slider personalizzabile con varie funzionalità
- Tabs
- Interfaccia a schedario ("tabbed") con contenuti inline o a richiesta
Effetti
[modifica | modifica wikitesto]Parti relative a vari effetti grafici:
- Color Animation
- Animazione ottenuta con un passaggio da un colore a un altro
- Toggle Class, Add Class, Remove Class, Switch Class
- Animazione basata sul passaggio da uno style a un altro
- Effect
- Varietà di effetti (appear, slide-down, explode, fade-in, etc.)
- Toggle
- Commuta l'attivazione di un effetto
- Hide', Show
- Simile alla voce precedente
Utilità
[modifica | modifica wikitesto]- Position
- Imposta la posizione relativa di un elemento rispetto ad un altro
Compatibilità
[modifica | modifica wikitesto]Tutti i plugin sono testati ufficialmente per IE 6.0+, Mozilla Firefox 3+, Safari 3.1+, Opera 9.6+ e Google Chrome.[3]
Alternative
[modifica | modifica wikitesto]Con la nascita di HTML 5 e CSS 3 alcune possibilità come la creazione di gallerie d'immagini, effetti e menu a tendina sono fattibili senza l'utilizzo di JQuery UI e/o Ajax cosa che con HTML 4 e CSS 2 era spesso impossibile fare[4][5][6][7].
Esempi di JQuery UI
[modifica | modifica wikitesto]-
Esempio di "Color picker" realizzabile in JQuery UI o HTML5
-
Esempio di widget realizzabile in JQuery UI o HTML5
-
Esempio di widget realizzabile in JQuery UI o CSS3
Note
[modifica | modifica wikitesto]- ^ (EN) jQuery UI, su stackoverflow.com. URL consultato l'8 gennaio 2017.
- ^ (EN) License (TXT), su github.com. URL consultato l'8 gennaio 2017.
- ^ (EN) Support, su jqueryui.com. URL consultato l'8 gennaio 2018.
- ^ (EN) 5 things you can do with CSS instead of JavaScript, su LogRocket Blog, 29 ottobre 2019. URL consultato il 9 febbraio 2021.
- ^ (EN) 49 CSS Galleries, su Free Frontend. URL consultato il 9 febbraio 2021.
- ^ LiveCode - HTML5 - Calculator App Demo, su livecode.com. URL consultato il 9 febbraio 2021.
- ^ Andrea Pacchiarotti, Menù responsivo in HTML e CSS senza JavaScript e jQuery, su Andrea pacchiarotti. URL consultato il 9 febbraio 2021.
Voci correlate
[modifica | modifica wikitesto]Collegamenti esterni
[modifica | modifica wikitesto]- (EN) Sito ufficiale, su jqueryui.com.
- JQuery UI, su packages.debian.org.
- Repository sorgenti di JQuery UI, su github.com.
- (EN) Demo ufficiale, su jqueryui.com. URL consultato l'8 gennaio 2018.
Controllo di autorità | GND (DE) 1031219404 |
---|