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
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
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
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
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à
- Position
- Imposta la posizione relativa di un elemento rispetto ad un altro
Compatibilità
Tutti i plugin sono testati ufficialmente per IE 6.0+, Mozilla Firefox 3+, Safari 3.1+, Opera 9.6+ e Google Chrome.[3]
Alternative
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
-
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
Voci correlate
Collegamenti esterni
