Realizzare finestre modali con leanModal.js
Martedì 12 Luglio 2011 - 09:15
di Kiko
Un web designer ha diverse opportunità per usare le finestre modali. Tecnicamente una modal window è una finestra generata da una finestra master (in italiano il termine viene tradotto con finestra genitore o finestra attualmente attiva) e che impedisce l’accesso a quest’ultima. In pratica, il designer obbliga l’utente a usare la finestra modale e solo dopo un qualche tipo di azione (pressione di un pulsante, click su un link) può tornare alla finestra principale.
Nella pratica una finestra modale può servire a mostrare un contenuto importante per l’esperienza dell’utente o mostrare dei messaggi o, ancora, mostrare una serie di funzionalità extra che l’utente può attivare. Se ben progettate e accuratamente sviluppate, le finestre modali non dovrebbero disturbare la user experience di chi sta visitando il sito.
Per implementare le finestre modali è stato sviluppato un piccolo plugin in jQuery, leanModal, molto efficace e davvero leggero. Due esempi sul sito ufficiale ne mostrano l’uso per la visualizzazione di un box per il sign up dell’utente e per mostrare un testo informativo. Il codice che lo sviluppatore dovrà scrivere è davvero semplice e completamente personalizzabile. In realtà le opzioni disponibili riguardano soltanto la proprietà “top” (cioè a che altezza verrà mostrata la finestra modale) e l’opacità dello sfondo. Ma il codice potrebbe fornire la base per espandere il plugin con altre funzioni e proprietà.
Categoria: Web Design | Permalink