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.
Co znajdziesz w tym wpisie
- 1 Przykładowe ciekawe menu na stronę internetową
- 1.1 Hamburger Icon
- 1.2 Hamburger Menu (with cheese)
- 1.3 Responsive Hamburger Menu
- 1.4 Hamburger Menu – HTML, CSS & jQuery
- 1.5 Gooey Menu
- 1.6 hamburger slide accordion menu
- 1.7 Hamburger icon with Morphing Menu
- 1.8 Circle Social Menu/Navigation
- 1.9 CSS Gooey Menu (Version 3)
- 1.10 CSS Gooey Menu (Version 2)
- 1.11 Greedy Navigation
- 1.12 Morphing Navigation
- 1.13 CSS Side Menu/Navigation (Push & Rotate)
- 1.14 Simple Menu Navigation
- 1.15 Hamburger Icon Animations
- 1.16 Sidebar Menu Hover Show/Hide CSS
Hamburger Icon
autor: Pranjal Saxena
See the Pen
Hamburger Icon by Pranjal Saxena (@pranjal9599)
on CodePen.0
autor: Michael Smart
See the Pen Hamburger Menu (with cheese) by Michael Smart (@mikedevelops) on CodePen.0
autor: Max Ruigewaard
See the Pen Responsive Hamburger Menu by Max Ruigewaard (@ruigewaard) on CodePen.0
autor: Glenn Smith
See the Pen Hamburger Menu – HTML, CSS & jQuery by Glenn Smith (@g13nn) on CodePen.0
autor: Lucas Bebber
See the Pen Gooey Menu by Lucas Bebber (@lbebber) on CodePen.0
autor: Anya Melnyk
See the Pen hamburger slide accordion menu by Anya Melnyk (@slyka85) on CodePen.0
autor: Sergio
See the Pen Hamburger icon with Morphing Menu by Sergio (@sergioandrade) on CodePen.0
autor: @BokhariShah
See the Pen Circle Social Menu/Navigation by @BokhariShah (@shahbokhari) on CodePen.0
autor: Lucas Bebber
See the Pen CSS Gooey Menu (Version 3) by Lucas Bebber (@lbebber) on CodePen.0
autor: Lucas Bebber
See the Pen CSS Gooey Menu (Version 2) by Lucas Bebber (@lbebber) on CodePen.0
autor: lukejacksonn
See the Pen Greedy Navigation by lukejacksonn (@lukejacksonn) on CodePen.0
autor: @BokhariShah
See the Pen Morphing Navigation by @BokhariShah (@shahbokhari) on CodePen.0
autor: Mayur Birle
See the Pen CSS Side Menu/Navigation (Push & Rotate) by Mayur Birle (@mayurbirle) on CodePen.0
autor: Karim Balaa
See the Pen Simple Menu Navigation by Karim Balaa (@karimbalaa) on CodePen.0
Hamburger Icon Animations
autor: Rosa
See the Pen Hamburger Icon Animations by Rosa (@RRoberts) on CodePen.0
autor: JFarrow
See the Pen Sidebar Menu Hover Show/Hide CSS by JFarrow (@JFarrow) on CodePen.0
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ą.