Posts Tagged ‘Hamburger Menu’

Hamburger Menu Animation / Functionality Collection

CSS, JavaScript, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr April 24th, 2017

Markup / HTMLThe hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development.

Line25 published this collection of 20 examples of ways to implement and animate the showing/hiding toggle tied to the hamburger button. A lot are similar, but worth clicking through and trying out individually.

Source: Line25 – Demystifying the Hamburger Menu: 20 Hand-Picked Examples

Solving the Hamburger Menu Icon Problem

CSS, Mobile, Responsive Design, Web Design, Web Development | Posted by Keefr June 25th, 2014

cssNice article on the problems of design of the “hamburger” icon and the usability issues with hamburger-driven icon menus — adding another click to save real-estate on the small screens of mobile (or desktops in some cases).

How to Solve the Hamburger Icon Problem

Navicon Menu Icon… That Is A Menu

CSS, jQuery | Posted by Keefr December 30th, 2013

Cool little trick about making the navicon/hamburger menu actually the menu — just shrunk down utilizing some CSS transforming and a bit of jQuery. I don’t think it’s nearly as cheesy as the author does. Think it’s a great idea overall.

Line Menu Icon… That Is A Menu