Creați meniuri ușor de alunecare cu hamburger cu jQuery Slidebars Framework

Designerii UX se brichează asupra utilizării hamburger meniuri în designul web. ei servesc un scop pentru utilizatorii mobili dar deasemenea au descoperire mai redusă.

Nu pot spune dacă merită să fie utilizate pe site-ul dvs. sau nu, dar dacă sunteți în căutarea unui mod ușor de a face configurați un meniu alunecător apoi Slidebars Framework este o resursă utilă.

Slidebars este complet gratuit și open-source, construit deasupra bibliotecii jQuery. Funcționează exact așa cum v-ați aștepta de unde faceți clic pe o pictogramă de hamburger pentru a deschide un meniu alunecător și acesta împinge ecranul off-panza pentru a face loc.

O caracteristică pe care o prefer foarte mult este atingeți pentru a ascunde configurația unde puteți să atingeți oriunde pe pagină ascunde imediat meniul. Acest lucru nu este integrat în fiecare plugin de meniu alunecător, dar este o caracteristică care îmbunătățește considerabil experiența utilizatorului.

Acest plugin este complet deschis și codul este disponibil gratuit pe GitHub dacă vrei să te dai în jur. Cu toate acestea, la repo lipsește un set clar de documentație care face ca instalarea să fie mai dură.

Din fericire, puteți găsi acest lucru pe site-ul principal cu ghiduri complete de utilizare pentru a face slide-urile să funcționeze rapid.

Acceptă meniuri de alunecare din toate cele patru laturi ale ecranului, impreuna cu personalizate pentru efecte de animație, opțiuni de culoare și lățime / înălțime totală a meniului.

Întregul meniu alunecător funcționează pe un element în afara paginii, așa că trebuie configurați corect meniul în afara panzei. Aceasta include atât HTML corect, cât și stilul CSS potrivit pentru stil.

Toate acestea sunt detaliate detaliat în documentație, așa că dacă urmăriți paginile pas cu pas, ar trebui să o faceți bine. Și configurarea implicită nu necesită proprietăți personalizate, deci, dacă urmați pașii de bază, nu veți avea probleme.

Slidebars este într-adevăr a cadru complet și are chiar un API personalizat puteți lucra peste. Vă permite să apelați funcțiile jQuery pentru a adăuga funcții sau a personaliza funcționalitatea implicită. O alegere excelentă pentru dezvoltatorii care au nevoie de un meniu alunecător, dar nu doresc să creeze unul de la zero.

Dacă sunteți curios să aflați mai multe, verificați site-ul web al site-urilor Slidebars. Are literalmente tot ce trebuie să știți și o mulțime de demo-uri pentru a merge în jur.