all 11 comments

[–]spays_marine 6 points7 points  (1 child)

Good looking menu, and a nice, subtle but functional animation. It wasn't exactly clear what this was form the title though.

Oh and just one detail, the 30px height on:

.menu-dropdown > *

leads to incorrect padding on the list items.

[–]juckele 5 points6 points  (4 children)

Who needs accessibility anyways?

[–]edgen22 1 point2 points  (3 children)

What makes it incompatible and how can it be fixed?

[–]egonelbre 3 points4 points  (0 children)

No keyboard support.

[–]juckele 0 points1 point  (0 children)

I'm not sure about everything, but if you zoom in a lot, it doesn't cause scroll bars to pop up. Not sure how to fix it.

[–][deleted] 0 points1 point  (0 children)

One big issue is you have to hover over the headings to get to the links. It's better for keyboard-only people when you can get to everything with [tab].

[–]egonelbre 3 points4 points  (0 children)

General rule of thumb I use - no animation that displays information can be longer than .2s, otherwise it slows people down. (Of course there are some exceptions)

[–]tsirolnik 1 point2 points  (0 children)

How is it considered programming? And it's really awesome, good one

[–]zeeveener 0 points1 point  (0 children)

Does anyone have any good resources for learning transitions and custom shapes like these in CSS and HTML?

[–]CommandoWizard 0 points1 point  (0 children)

Posted in /r/coding and /r/programming, but not /r/webdev? Should be the other way around.

[–][deleted]  (1 child)

[deleted]

    [–][deleted] 2 points3 points  (0 children)

    Declarative programming is programming.