Stvorite jednostavne klizne hamburške izbornike s okvirom JQuery Slidebars
UX dizajneri prepiru se oko upotrebe izbornici hamburgera u web dizajnu. Oni služe svrsi za mobilne korisnike ali također imaju nižu otkrivenost.
Ne mogu reći mogu li ih koristiti na vašoj web-lokaciji ili ne, ali ako tražite jednostavan način postavite klizni izbornik onda Okvir slajdova je zgodan resurs.
Slidebars je potpuno besplatan i open-source, izgrađen na vrhu jQuery knjižnice. Djeluje kao što biste očekivali da ćete kliknuti ikonu hamburgera da biste otvorili klizni izbornik i to gura zaslon na platno da napravim mjesta.
Jedna značajka koja mi se posebno sviđa je dodirnite-za-sakrij postavljanje gdje možete dodirnuti bilo gdje na stranici odmah sakriti izbornik. To nije ugrađeno u svaki klizni dodatak za izbornike, ali je značajka koja uvelike poboljšava korisničko iskustvo.
Ovaj dodatak je potpuno otvoren i kôd je dostupan besplatno na GitHubu ako želiš proviriti okolo. Međutim, repo-u nedostaje jasan skup dokumentacije što čini postavljanje teže.
Srećom, ovo možete pronaći na glavnoj stranici potpuni vodiči za uporabu za brzo pokretanje Slidebara.
Podržava klizne izbornike sa sve četiri strane zaslona, zajedno s prilagođene značajke za efekte animacije, izbor boja i ukupnu širinu / visinu izbornika.
Cijeli klizni izbornik radi na off-page elementu, tako da trebate ispravno postavite izbornik off-canvas. To uključuje i odgovarajući HTML i odgovarajući CSS za styling.
Sve je to detaljno detaljno opisano u dokumentaciji, pa ako slijedite stranice korak-po-korak, trebate dobro raditi. I, zadana postavka ne zahtijeva nikakva prilagođena svojstva, tako da ako samo slijedite osnovne korake, nećete imati problema.
Slidebars stvarno je potpuni okvir i čak ima prilagođeni API možete raditi više. To vam omogućuje pozvati funkcije jQuery da biste dodali značajke ili prilagodili zadanu funkcionalnost. Izvrstan izbor za programere koji trebaju klizni izbornik, ali ne žele ga stvoriti od nule.
Ako ste znatiželjni da saznate više, pogledajte web-stranicu Slidebars. To je doslovno sve što trebate znati i obilje demo-a za obilazak.