Crea menu Hamburger scorrevoli facili con jQuery Slidebars Framework

I progettisti di UX litigano sull'uso di menu di hamburger nel web design. Essi servire a uno scopo per gli utenti mobili ma anche hanno minore rilevabilità.

Non posso dire se valga la pena utilizzare sul tuo sito web o no, ma se stai cercando un modo semplice per impostare un menu scorrevole poi il Slidebars Framework è una risorsa utile.

Le barre di scorrimento sono totalmente gratuite e open-source, costruite in cima alla libreria jQuery. Funziona esattamente come ti aspetteresti da dove fai clic sull'icona di un hamburger per aprire un menu scorrevole spinge lo schermo fuori dalla tela fare spazio.

Una caratteristica che mi piace particolarmente è la impostazione tap-to-hide dove puoi toccare ovunque sulla pagina nascondi immediatamente il menu. Questo non è incorporato in tutti i plug-in del menu scorrevole, ma è una funzionalità che migliora notevolmente l'esperienza dell'utente.

Questo plugin è completamente open-source e il codice è disponibile gratuitamente su GitHub se vuoi curiosare Tuttavia, il repository manca una chiara serie di documentazione che rende più difficile l'installazione.

Per fortuna, puoi trovarlo sul sito principale con guide all'uso completo per avere le barre di scorrimento sempre più veloci.

Supporta i menu scorrevoli da tutti e quattro i lati dello schermo, insieme a caratteristiche personalizzate per effetti di animazione, scelte di colore e larghezza / altezza totali del menu.

L'intero menu scorrevole funziona su un elemento fuori pagina, quindi è necessario configurare correttamente il menu fuori quadro. Questo include sia l'HTML corretto che il CSS corretto per lo styling.

Tutto questo è dettagliato nella documentazione, quindi se segui passo passo le pagine dovresti farlo funzionare bene. E, l'impostazione predefinita non richiede alcuna proprietà personalizzata, quindi se segui semplicemente i passaggi di base non avrai problemi.

Le barre di scorrimento sono davvero un quadro completo e ha anche un API personalizzata puoi lavorare. Ti permette di chiama le funzioni jQuery aggiungere funzionalità o personalizzare la funzionalità predefinita. Una scelta eccellente per gli sviluppatori che hanno bisogno di un menu scorrevole ma non vogliono crearne uno da zero.

Se sei curioso di saperne di più consulta il sito web Slidebars. Ha letteralmente tutto ciò che devi sapere e un sacco di demo per andare in giro.