JQuery UI
In questo articolo parleremo di JQuery UI, un argomento di grande attualità che ha catturato l'attenzione di esperti e appassionati. JQuery UI copre una vasta gamma di aspetti che vanno dal suo impatto sulla società alla sua influenza in campo professionale. Nel corso degli anni, JQuery UI ha suscitato un intenso dibattito che ha portato a una maggiore comprensione ed esplorazione delle sue implicazioni. In questo articolo analizzeremo in modo approfondito la rilevanza e l'impatto di JQuery UI, nonché le diverse prospettive che esistono attorno a questo argomento.
| 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
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.[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
- ^ (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
Collegamenti esterni
- (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 |
|---|
