Vytvořit snadné posuvné Hamburger menu s jQuery Slidebars Framework

UX návrháři bicker přes použití hamburger menu ve web designu. oni slouží pro mobilní uživatele ale také nižší viditelnost.

Nemohu říci, zda stojí za to používat na vašich webových stránkách nebo ne, ale pokud hledáte snadný způsob nastavení posuvného menu pak Rámec Slidebars je šikovný zdroj.

Slidebars je zcela zdarma a open-source, postavený v horní části knihovny jQuery. Funguje to stejně, jako byste očekávali, kde kliknete na ikonu hamburgeru a otevřete posuvné menu stiskne obrazovku mimo plátno vytvořit místo.

Jedním z rysů, které se mi líbí, je skrýt nastavení kde můžete klepnout kdekoli na stránce menu okamžitě skryjete. To není vestavěný do každého posuvného menu plugin, ale je to funkce, která výrazně zlepšuje uživatelský zážitek.

Tento plugin je zcela otevřený a kód je k dispozici zdarma na GitHub jestli chceš pokecat. Repo však chybí jasná sada dokumentace, která zpřísňuje nastavení.

Naštěstí můžete najít na hlavní stránce s plné návody k použití pro rychlé a rychlé spuštění Slidebars.

Podporuje posuvné menu ze všech čtyř stran obrazovky, spolu s vlastní funkce pro efekty animace, volby barev a celkovou šířku / výšku nabídky.

Celé posuvné menu pracuje na elementu mimo stránku, takže je třeba řádně nastavte menu mimo plátno. To zahrnuje jak správné HTML, tak správné CSS pro styling.

To vše je podrobně popsáno v dokumentaci, takže pokud budete postupovat podle jednotlivých stránek krok za krokem, měli byste to udělat v pořádku. A výchozí nastavení nevyžaduje žádné vlastní vlastnosti, takže pokud budete postupovat podle základních kroků, nebudete mít žádné problémy.

Slidebars je opravdu rámec a dokonce má vlastní API můžete pracovat. To vám umožní volání funkcí jQuery přidat funkce nebo přizpůsobit výchozí funkce. Vynikající volba pro vývojáře, kteří potřebují posuvné menu, ale nechtějí vytvořit od nuly.

Pokud jste zvědaví, dozvíte se více na webových stránkách Slidebars. Má doslova vše, co potřebujete vědět a spousta ukázek, které můžete obejít.