JQuery UI
# JQuery UI

jQuery UI è una libreria JavaScript ideata per uniformare e semplificare la gestione dell'Interfaccia grafica per pagine web interattive. È un'estensione della libreria jQuery ed è fruibile attraverso la medesima licenza libera, la MIT.

## 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

### Widget

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.

## 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.

## 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
