Vytvárajte ľahké posuvné menu pre hamburgery s jQuery Slidebars Framework

UX dizajnéri sa obťažujú nad používaním hamburger menu vo webovom dizajne. oni slúžiť účelu pre mobilných používateľov ale tiež majú nižšiu zistiteľnosť.

Nemôžem povedať, či stojí za použitie na vašich webových stránkach alebo nie, ale ak hľadáte jednoduchý spôsob nastavte posuvnú ponuku potom Slidebars Framework je praktický zdroj.

Slidebars je úplne zadarmo a open-source, postavený na vrchole knižnice jQuery. Funguje to, ako by ste očakávali tam, kde kliknete na ikonu hamburgeru a otvoríte posuvnú ponuku tlačí obrazovku mimo plátno robiť miesto.

Jedným z prvkov, ktoré mám najviac rád, je nastavenie "klepnúť-skryť" kde môžete klepnúť kdekoľvek na stránke menu okamžite skryjete. Toto nie je zabudované do každého pluginu posuvného menu, ale je to funkcia, ktorá výrazne zlepšuje zážitok používateľa.

Tento doplnok je úplne otvorený a kód je k dispozícii zdarma na GitHub ak chceš pohnúť. Na repo však chýba jasná sada dokumentov, ktoré robia inštaláciu prísnejšou.

Našťastie to nájdete na hlavnej stránke úplné príručky používania pre rýchle spustenie prezentácií.

Podporuje posuvné menu zo všetkých štyroch strán obrazovky, spolu s vlastné funkcie pre animačné efekty, výber farieb a celkovú šírku / výšku menu.

Celá posuvná ponuka pracuje na prvku mimo stránky, tak to potrebujete nastavte správne menu off-plátno. To zahŕňa aj správny HTML a správny CSS pre styling.

To všetko je podrobne popísané v dokumentácii, takže ak budete postupovať postupne po stránkach, mali by ste to fungovať dobre. A predvolené nastavenie nevyžaduje žiadne vlastné vlastnosti, takže ak budete postupovať podľa základných krokov, nebudete mať problémy.

Slidebars naozaj je plný rámec a dokonca má vlastné rozhranie API môžete pracovať. Umožňuje to volanie funkcií jQuery pridať funkcie alebo prispôsobiť predvolené funkcie. Skvelá voľba pre vývojárov, ktorí potrebujú posúvajúce menu, ale nechcú vytvoriť jeden od nuly.

Ak máte záujem dozvedieť sa viac, pozrite si webovú stránku Slidebars. Má doslova všetko, čo potrebujete vedieť, a veľa ukážok.