This needs to do the thing that Amazon's mega menu does that cancels out accidental hover events. Maybe it could be made to do so with this.
Agreed. Here's a great post on that http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
That blog post was made by the guy who created the plugin I linked.
This is nice, but it animates like a lot of sites/widgets these days and I can't stand it. Why when I click does the menu slide in from below? And when I hover a link, the submenu comes in from the right? The visual model feels totally arbitrary and makes no sense.
Looks great. My only issue is that the reliance on mouse-hover makes it unusable on touch screen desktop computers. I know I know, who even uses touch screen desktops? The loudest people, that's who.
I think this is a tiny subset of users that are very often forgotten about, however most touchscreen desktop have a mouse and keyboard so it shouldn't be tooooooo much of a prob.
That's fair :) However, coming from a company that builds themes, we hear about this all the time, and for that reason wouldn't be able to implement this as it is. Not to say it isn't a fun component.
Even if it’s a small number, the interaction should separately consider viewport and capability (in this case, touch or no-touch).
In the past (and even still today) we could get away with equating viewport size with device. E.g. “If under 500px, they are probably using a smartphone!”
But eventually, we will move past that point (if we haven’t already), so there’s no time like the present to start doing it the “right” way.
I think I prefer their previous mega menu with a mobile fallback. It suffers from some of the same things mentioned here, but it seems a little more subtle.
Thanks for sharing.
Looks nice but I don't like that you hover to open the main menus and then you click to open the sub menus. Also, the mobile menus have a different colour scheme.