Vai al contenuto

Italians do it better: i plugins degli utenti jQuery Italia

Anche se con colpevole ritardo, voglio segnalare alcuni plugin realizzati e prontamente segnalati dai alcuni lettori di jQuery Italia.

Il primo, MediaTable, è di Marco Pegoraro che ha abilmente trasformato in plugin un articolo di FilamentGroup riguardante l’usabilità di una tabella su schermi di piccole dimensioni. Si tratta quindi di un plugin utilizzabile in un contesto di responsive design.

Mediatable richiede solamente la corretta definizione di una tabella html (definita quindi con i tag THEAD e TBODY) con le colonne di intestazione raggruppate (per classe) in base alla priorità di visualizzazione.
Basterà quindi inizializzare il plugin nella seguente maniera:

per consentire la selezione dei campi ed il comportamento “responsive” rispetto alle dimensioni dello schermo di tutte le tabelle definite con classe “mediaTable”.

Il plugin, come dichiarato dallo stesso autore, è compatibile con tutti i principali browser e di libera distribuzione.
Potete trovare la documentazione, con relativa demo e link per il download alla pagina http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/.


Il secondo plugin mi è stato inviato dall’amico ed ex-collega Luca Mattiuzzo.
Si tratta di hideValueOnFocus, un piccolo plugin che permette di nascondere il valore definito in un campo di testo (quindi essenzialmente nei campi input di un form) quando l’utente clicca su di esso, ripristinandone il valore se l’utente non inserisce nulla.

L’utilizzo è molto semplice e consiste nel definire il campo di testo:

ed inizializzare il plugin nel seguente modo:

Essendo il plugin estremamente piccolo ve lo fornisco di seguito.


La terza ed ultima segnalazione riguarda, più che un plugin, una estensione dell’elegante, intuitivo e potente framework front-end che va sotto il nome di Twitter Bootstrap.
Mattia Larentis (questo il nome dell’autore dell’estensione) ha infatti realizzato Bootstrap Toggle Buttons (arrivato alla versione 2.8) che rende appunto disponibili per Twitter Bootstrap gli switch.
Non mi dilungo più di tanto nelle spiegazioni in quanto, per capire di cosa stiamo parlando è sufficiente andare alla pagina del progetto ( http://www.bootstrap-switch.org/ ).
L’estensione è comunque disponibile per il download su GitHub.

Scritto da jqueryitalia

Sito WEB: http://www.jqueryitalia.org

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi