Corsi on-line

slimMenu: menù multi-livello con jQuery

Il Responsive Design è sicuramente l’argomento attualmente più caldo in tema di progettazione dei front-end e della realizzazione dei layout. Personalmente ritengo che esso non sia una soluzione adatta a tutte le tipologie di Web applications e che, in alcuni casi, possa essere ancora preferibile una release mobile dedicata; ma lasciando questo discorso ad approfondimenti successivi, è comunque interessante proporre delle soluzioni mirate all’adattamento degli elementi di pagina alle diverse aree di riferimento per la visualizzazione su display.

slimMenu

Nel caso specifico, slimMenu è un’estensione per il framework JavaScript jQuery che si propone come uno strumento mirato ad incrementare l’usabilità dei menù di navigazione multi-livello all’interno di spazi limitati, come per esempio gli schermi dei dispositivi mobili; il plugin è stato concepito per l’integrazione in interfacce touch-friendly e supporta anche l’integrazione di componenti avanzate come per esempio le animazioni realizzate in CSS.

Rilasciato sotto licenza Open Source, in sostanza slimMenu ha il compito di convertire una lista non ordinata di elementi (indipendentemente dalla ramificazione delle voci collegate) in un menù a suo volta dotato di sub-menù, questi ultimi verranno proposti all’interno di display di piccole dimensioni attraverso navigazione drill-down (accesso ai dati by focus con grado di dettaglio sempre maggiore).

slimMenu è compatibile con tutte le versioni più recenti dei browser Desktop e mobili (la compatibilità con Android è garantita per le versioni superiori alla 2.2 del Robottino Verde); per quanto riguarda invece Internet Explorer, sono supportate le versioni successive alla 8 (non compresa), lo stesso sviluppatore del progetto ha infatti dichiarato di non avere tempo per lavorare al supporto di release più datate dell’applicazione Microsoft.

Via: SlimMenu

Post correlati
I più letti del mese
Tematiche