Dieci plugin per JQuery
Giovedì 8 Novembre 2007 - 10:42
di Alessandro Fulciniti
Ho raccolto negli ultimi tempi link a diversi plugin per JQuery che vorrei presentarvi. Premesso che ci sono davvero tantissimi plugin disponibili anche sul sito ufficiale, questa è una piccola selezione di quelli che hanno catturato la mia attenzione per la loro originalità e utilità.
Il primo è Humanized Messages (qui l’esempio), un’alternativa alle finestre modali o agli obsoleti messaggi di alert. Si tratta di messaggi semitrasparenti che spariscono quando l’utente compie un’azione (per esempio digitare sulla tastiera o muovere il mouse).
Rimanendo in tema di finestre modali, Impromptu
è un plugin per ottenerle: al suo interno è possibile anche disporre form e messaggi di conferma.
Altro plugin interessante è il Lazy loader:
ideale per migliorare usabilità e navigabilità degli utenti con connessioni analogiche, oltre che ridurre il carico sul server, questo plugin ritarda il caricamento delle immagini non visibili su pagine lunghe, immagini che vengono poi caricate quando effettivamente l’utente scrolla la pagina.
Davvero notevole è Auto-line height, una soluzione per variare il line-height di una pagina in funzione della finestra del browser o della dimensione del font. Adatto principalmente per layout liquidi, a parer mio si tratta di una soluzione che è in grado di migliorare non di poco la leggibilità di una pagina, come è possibile notare nell’esempio.
Quinto plugin che vi segnalo è l’Accessible news slider: con soli 2kb, questo plugin pensato con l’accessibilità in mente è in grado di rendere in uno spazio limitato un elemento con scrolling orizzontale ed è indicato in particolare per news o immagini.
Croce e delizia dei web designer, Antialias Rounded Corners
è un plugin adattato da Curvy Corners per ottenere angoli e bordi arrotondati di dimensione a piacere e senza immagini, con soli 8Kb di codice: ecco l’esempio.
Si tratta di un porting del noto NiceForms il plugin NiceJForm.
Questo tipo di soluzione permette di ottenere elementi di form con un look and feel decisamente accattivante (qui la demo),
a discapito forse dell’usabilità e dell’accessibilità.
Altro porting notevole è il JQuery lightBox plugin,
che riprende Lightbox e ne semplifica l’utilizzo e la configurazione,
rimuovendo la necessità di attributi nell’HTML grazie alla potenzialità del DOM e dei selettori di JQuery.
Passando agli effetti slideshow, molto accattivante e completo è il JQuery Cycle plugin,
che sfrutta benissimo le potenzialità di animazione di questa libreria per ottenere bellissime transizioni sulle gallerie di immagini.
Ultima segnalazione, ma non meno importante, è HoverIntent.
Basata sulla funzione hover di JQuery,
è volta a rimpiazzarla migliorandone l’usabilità. In sostanza con HoverIntent il l’onMouseOver non è istantaneo,
ma ritarda un po’ per “capire” se l’azione dell’utente è intenzionale: se l’utente quindi rallenta o ferma il mouse l’evento
viene avviato. Notevole il confronto con l’hover classico di JQuery, che mostra bene quanto questo plugin possa migliorare l’interazione in siti con animazioni e caricamenti Ajax.
Categoria: Scripting | Permalink
Commenti
1
grazie per l’ottima raccolta: non mi ero ancora imbattuto in circa metà dell’elenco.
JQuery è davvero un prodotto innovativo, la facilità e l’immediatezza con cui permette di creare interazioni anche molto complesse non finisce mai di stupirmi!ne approfitto per una domanda: che tu sappia esiste qualche plugin per jquery, magari in fase di sviluppo, che permetta di zoomare su miniature di una pagina più o meno come fa lightbox ma che in aggiunta consenta di tenere aperti più ingrandimenti? per capirci, ho trovato uno script “indipendente” che permette proprio di fare questo che si chiama highslide.
Mi sembra una funzionalità molto interessante e, a parte il fatto che è molto cool :), la possibilità di spostare e affiancare più ingrandimenti può essere molto utile per fare ad esempio confronti tra più prodotti di un catalogo.# - postato da Daniele - 09 Novembre 2007 - 12:48
2
vorrei usare jquery cycle ma proprio non riesco a trovare una documentazione facile da capire… :-(
# - postato da Lau web designer - 22 Aprile 2008 - 22:17