Menu na stronie internetowej odgrywa bardzo istotną rolę. W większości ogranicza się ona do bycia jedynie nawigacją ułatwiającą poruszanie się wewnątrz witryny (nie zawsze poprawnie zbudowaną). Menu potrafi być także ciekawą dekoracją nadającą stronie wyjątkowy wygląd i charakter.
Poniżej przygotowałam listę ciekawych alternatywnych rozwiązań, które mogą zainspirować do stworzenia unikalnego ciekawego menu.
Nawigacje zostały wykonane w technologach HTML, CSS (SASS, LASS), JavaScript i jQuery.
Przykładowe ciekawe menu na stronę internetową
Hamburger Icon
autor: Pranjal Saxena
See the Pen Hamburger Icon by Pranjal Saxena (@pranjal9599) on CodePen.
Hamburger Menu (with cheese)
autor: Michael Smart
See the Pen Hamburger Menu (with cheese) by Michael Smart (@mikedevelops) on CodePen.
Responsive Hamburger Menu
autor: Max Ruigewaard
See the Pen Responsive Hamburger Menu by Max Ruigewaard (@ruigewaard) on CodePen.
Hamburger Menu – HTML, CSS & jQuery
autor: Glenn Smith
See the Pen Hamburger Menu – HTML, CSS & jQuery by Glenn Smith (@g13nn) on CodePen.
Gooey Menu
autor: Lucas Bebber
See the Pen Gooey Menu by Lucas Bebber (@lbebber) on CodePen.
hamburger slide accordion menu
autor: Anya Melnyk
See the Pen hamburger slide accordion menu by Anya Melnyk (@slyka85) on CodePen.
Hamburger icon with Morphing Menu
autor: Sergio
See the Pen Hamburger icon with Morphing Menu by Sergio (@sergioandrade) on CodePen.
Circle Social Menu/Navigation
autor: @BokhariShah
See the Pen Circle Social Menu/Navigation by @BokhariShah (@shahbokhari) on CodePen.
CSS Gooey Menu (Version 3)
autor: Lucas Bebber
See the Pen CSS Gooey Menu (Version 3) by Lucas Bebber (@lbebber) on CodePen.
CSS Gooey Menu (Version 2)
autor: Lucas Bebber
See the Pen CSS Gooey Menu (Version 2) by Lucas Bebber (@lbebber) on CodePen.
Greedy Navigation
autor: lukejacksonn
See the Pen Greedy Navigation by lukejacksonn (@lukejacksonn) on CodePen.
Morphing Navigation
autor: @BokhariShah
See the Pen Morphing Navigation by @BokhariShah (@shahbokhari) on CodePen.
CSS Side Menu/Navigation (Push & Rotate)
autor: Mayur Birle
See the Pen CSS Side Menu/Navigation (Push & Rotate) by Mayur Birle (@mayurbirle) on CodePen.
Simple Menu Navigation
autor: Karim Balaa
See the Pen Simple Menu Navigation by Karim Balaa (@karimbalaa) on CodePen.
Hamburger Icon Animations
autor: Rosa
See the Pen Hamburger Icon Animations by Rosa (@RRoberts) on CodePen.
Sidebar Menu Hover Show/Hide CSS
autor: JFarrow
See the Pen Sidebar Menu Hover Show/Hide CSS by JFarrow (@JFarrow) on CodePen.
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.