Készítsen egyszerű csúszó Hamburger menüket a jQuery Slidebars keretrendszerrel

Az UX tervezői egyre jobban használják hamburger menük a web design. Ők a mobil felhasználók számára de szintén kevésbé felfedezhető.

Nem tudom megmondani, hogy érdemes-e használni a webhelyén, vagy nem, de ha egy egyszerű utat keresel állítson be egy csúszómenüt aztán a Csúszógyűrűs keretek egy hasznos erőforrás.

A diabárok teljesen szabad és nyílt forráskódúak, épültek a jQuery könyvtár tetején. Úgy működik, mintha elvárná, hogy egy hamburger ikonra kattintva nyissa meg a csúszómenüt megnyomja a képernyőt teremtsen szobát.

Az egyik különlegességem, hogy az érintse meg a rejtett beállítást ahol bárhol megérintheti az oldalt azonnal elrejti a menüt. Ez nem épül be minden csúszómenü pluginba, de ez egy olyan funkció, amely nagymértékben javítja a felhasználói élményt.

Ez a bővítmény teljesen nyitott és a kód ingyenes a GitHubon ha körbejárni akarsz. A repo azonban hiányzik egy világos dokumentációs készletből, amely megnehezíti a telepítést.

Szerencsére megtalálhatja ezt a főoldalon teljes használati útmutatók a csúszkák gyors és gyors eléréséhez.

Támogatja a csúszómenüket a képernyő mind a négy oldaláról, együtt egyéni funkciók az animációs hatások, a színválasztás és a menü teljes szélessége / magassága.

A teljes csúszómenü egy off-page elemen működik, így kell állítsa be megfelelően az off-canvas menüt. Ez magában foglalja a megfelelő HTML-t és a stílusos CSS-t is.

Mindez részletesen meg van adva a dokumentációban, így ha az oldalakat lépésről lépésre követed, akkor csak jól működik. És az alapértelmezett beállítás nem igényel egyedi tulajdonságokat, így ha csak az alapvető lépéseket követed, nem lesz bajod.

A csúszkák valóban egy teljes keret és még van egy egyéni API tudsz dolgozni. Ez lehetővé teszi hívja a jQuery funkciókat funkciók hozzáadásához vagy az alapértelmezett funkciók testreszabásához. Kiváló választás azoknak a fejlesztőknek, akiknek szükségük van egy csúszómenüre, de nem akarnak semmiből létrehozni.

Ha kíváncsi vagy többet megtudni, nézze meg a Slidebars webhelyet. Szó szerint mindent, amit tudnia kell, és rengeteg demót kell meglátogatnia.