Stwórz łatwe przesuwane menu hamburgera za pomocą jQuery Slidebars Framework

Projektanci UX kłócą się o wykorzystanie menu hamburgerów w projektowaniu stron internetowych. one służyć celom dla użytkowników mobilnych ale również mieć niższą wykrywalność.

Nie mogę powiedzieć, czy warto ich używać na swojej stronie, czy nie, ale jeśli szukasz łatwego sposobu ustawić przesuwne menu a później Rama przesuwna jest przydatnym zasobem.

Slidebars jest całkowicie darmowy i otwarty, zbudowany na górze biblioteki jQuery. Działa tak, jakbyś oczekiwał kliknięcia ikony hamburgera, aby otworzyć menu przesuwne i to przesuwa ekran na zewnątrz zrobić miejsce.

Jedną z funkcji, które szczególnie lubię, jest konfiguracja stuknięcia w ukrycie gdzie możesz stuknąć w dowolne miejsce na stronie natychmiast ukryj menu. To nie jest wbudowane w każdą przesuwaną wtyczkę menu, ale jest to funkcja, która znacznie poprawia komfort użytkowania.

Ta wtyczka jest całkowicie otwarta i kod jest dostępny za darmo na GitHub jeśli chcesz się kręcić. W repozytorium brakuje jednak przejrzystego zestawu dokumentacji, który utrudnia konfigurację.

Na szczęście możesz to znaleźć na głównej stronie za pomocą pełne przewodniki użytkowania do szybkiego przesuwania suwaków.

Obsługuje przesuwane menu ze wszystkich czterech stron ekranu, wraz z niestandardowe funkcje dla efektów animacji, wyborów kolorów i całkowitej szerokości / wysokości menu.

Całe menu przesuwne działa na elemencie poza stroną, więc musisz prawidłowo skonfiguruj menu off-canvas. Obejmuje to zarówno odpowiedni HTML, jak i odpowiedni CSS do stylizacji.

Wszystko to zostało szczegółowo opisane w dokumentacji, więc jeśli będziesz postępować zgodnie ze stronami krok po kroku, powinieneś to zrobić dobrze. I domyślna konfiguracja nie wymaga żadnych niestandardowych właściwości, więc jeśli po prostu wykonasz podstawowe kroki, nie będziesz miał kłopotów.

Slidebars naprawdę jest pełne ramy a nawet ma niestandardowy interfejs API możesz pracować. To pozwala wywołaj funkcje jQuery aby dodać funkcje lub dostosować domyślną funkcjonalność. Doskonały wybór dla programistów, którzy potrzebują przesuwanego menu, ale nie chcą tworzyć go od podstaw.

Jeśli chcesz dowiedzieć się więcej, zajrzyj na stronę Slidebars. Ma dosłownie wszystko, co musisz wiedzieć i mnóstwo demonstracji.