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
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