10 niesamowitych alternatyw dla „hamburgerowego” menu

W tym artykule poznasz 10 innowacyjnych alternatyw dla tradycyjnego „hamburgerowego” menu. Dołączony kod pozwoli Ci przeanalizować przykłady i wykorzystać je w swoich projektach.

Fullscreen Menu

Autor: @Paul van Oijen

1

Nexus like menu

Autor: @illnino

1

One Page Navigation

Autor: @Alberto Hartzet

1

 

Full-Screen Menu Overlay

Autor: @Ettrics

1

 

Morphing Menu

Autor: @Sergio

1

 

Fullscreen Menu Flexbox

Autor: @Marcus Hall

1

 

Material Design Burger Menu

Autor: @Victor Freire

1

 

Gooey menu

Autor: @Irko Palenius

1

 

CSS3 Funny Menu

Autor: @Wagner Moschini

1

 

Flower Popup Menu

Autor: @Jordan LaChance

1

Spodobał Ci się artykuł? Dzięki naciśnięciu serduszka poniżej będę wiedział jakie treści tworzyć. Dzięki! :)

12 niesamowitych karuzel CSS/JS Filtrowanie HTML przy pomocy selektorów CSS 7 złych praktyk CSS, których musisz unikać
View Comments
  • Bardzo fajne i inspirujące 🙂 tak sprawdziłem tylko jedno z tych menu jest TAB’owalne – lecz nie widać zaznaczenia. Wszystkie trzeba zmodyfikować 🙁

  • Wszystko super, ale… czy tylko ja mam wrażenie, że te alternatywy menu powstają ku zachwycie samych developerów? Ciężko jest klientowi „sprzedać” takie menu. Gdzieś tam czytałem, że tylko 40% użytkowników internetu wie do czego służy hamburger menu, ale to chyba osobny temat… pzdr! 🙂

    • Masz rację co do niektórych przykładów 🙂 Wiadomo że „Flower Popup Menu” nie będzie pasować do większości projektów, ale już „Fullscreen Menu Flexbox” i „Nexus like menu” można użyć znacznie częściej 🙂

      • Moim zdaniem Flower Popup byłby świetny gdzie możesz na przykład pobrać obrazek i wybierasz czy chcesz jpga czy png itd