Sukurkite „Easy Sliding Hamburger“ meniu su „jQuery Slidebars Framework“
UX dizaineriai bicker per naudojimąsi mėsainiai web dizainas. Jie mobiliesiems vartotojams bet taip pat turi mažesnį atradimą.
Negaliu pasakyti, ar jie verta naudoti savo svetainėje, ar ne, bet jei ieškote paprasto būdo nustatykite stumdomas meniu tada „Slidebars“ sistema yra patogus šaltinis.
„Slidebars“ yra visiškai nemokama ir atviro kodo, sukurta ant jQuery bibliotekos. Jis veikia taip, kaip tikitės, kur spustelėsite hamburgerio piktogramą, kad atidarytumėte slankųjį meniu ir jį nuspaudžia ekraną nuo drobės padaryti kambarį.
Vienas bruožas man ypač patinka palieskite paslėpti sąranką kur galite bakstelėti bet kurioje puslapio vietoje iš karto paslėpti meniu. Tai nėra įmontuota į kiekvieną slankiosios meniu priedą, tačiau tai yra funkcija, kuri labai pagerina vartotojo patirtį.
Šis įskiepis yra visiškai atviras ir kodas prieinamas nemokamai apie GitHub jei norite apsisukti. Tačiau repo trūksta aiškaus dokumentų rinkinio, dėl kurio sąranka tampa sunkesnė.
Laimei, tai galite rasti pagrindinėje svetainėje visiško naudojimo vadovai gauti „Slidebars“ ir greitai.
Jis palaiko slankiuosius meniu iš visų keturių ekrano pusių, kartu su pritaikytos funkcijos animacijos efektams, spalvų pasirinkimams ir bendram meniu plotiui / aukščiui.
Visas stumdomasis meniu veikia ne puslapio elemente, taigi jums reikia tinkamai nustatyti „off-canvas“ meniu. Tai apima ir tinkamą HTML kodą, ir tinkamą CSS.
Visa tai išsamiai išsamiai aprašyta dokumentuose, todėl, jei sekite žingsnius po žingsnio, turėtumėte gauti jį gerai. Ir numatytasis nustatymas nereikalauja jokių pasirinktinių savybių, taigi, jei tik atliksite pagrindinius veiksmus, jums nebus problemų.
„Slidebars“ tikrai yra visa sistema ir netgi turi a pritaikyta API galite dirbti. Tai leidžia jums skambinkite jQuery funkcijomis pridėti funkcijų arba pritaikyti numatytąsias funkcijas. Puikus pasirinkimas kūrėjams, kuriems reikalingas stumdomasis meniu, tačiau nenorite sukurti to nuo nulio.
Jei norite sužinoti daugiau, peržiūrėkite „Slidebars“ svetainę. Jis pažodžiui turi viską, ką reikia žinoti, ir daug demo, kad galėtumėte eiti aplink.
