Wow, this comments thread is like a poster child for the unconstructive snark trend of HN.<p>Anyway, I think it's a neat concept. It runs correctly for me in FF (slow, but FF seems to be having problems taking advantage of my hardware in general for 3D stuff).<p>On Chrome and Midori it's fast, but the swinging effect gets clipped to the straight edges of the menus, and the text only shows up in the menu headings, rather than for the menu items themselves.<p>If I change the 'line-height' property for '.list dd' to 0, I can just make out the tops of the menu item ext, so I'm guessing that this is a positioning problem.
For the detractors, notice that the title says "concept". It's like a concept car- you're not going to drive one out of the showroom, but themes, hints and touches will make their way down to the models people drive every day.
While I agree that this effect probably shouldn't be used for a general webpage, it could be quite effective and appropriate for a game.<p>In any case, a neat concept. Works great on Safari.
Cool. After the menus fluttered down, they felt just a bit too static as rigid rectangles just sitting there.<p>It'd be cool if you could make them flutter a bit by moving the mouse around or by grabbing and dragging the edges (or some other means).<p>Think of them as like curtains.<p>Or perhaps it could be like there is a constant slight breeze, making them move like a curtain in a gentle breeze.<p>Anyway, just some thoughts.
For those interested in the cause of the slowdown on Firefox, it's a bug in the calculation of overflow in 3D transforms that causes the browser to repaint the background every frame: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=804324" rel="nofollow">https://bugzilla.mozilla.org/show_bug.cgi?id=804324</a>
I think it's neat. It says "concept" and "experimental" (on the Github readme) so I don't think it's being sold as usable navigation. Always a pleasure to see technology demos like this for CSS.<p>EDIT: Grammar.
FF 16/Linux is very slow, but works and looks great on the iPad with its hw accelerated CSS.<p>I agree with some others that the animation speed is a little slow to give that suspension of disbelief, and the menus are a little too static once the animation has finished, but I have useful suggestions there because they would stop being very useful if they moved around. Maybe the effect would work best in the form of a dropdown menu?
Hey it's very stylistic which means it's of limited use in general, but I could see it being used in certain situations. I think what makes it impractical is how tall the menus are in the demo. If the menus were smaller then the fold out, roll up effects would happen much quicker (<1s) which would make it less annoying to watch. It takes almost 5 secs to unroll. You can adjust the speed of each menu item (default 0.8) so lower than to 0.4 and it might be less cumbersome to use. I think it's a neat effect.
Wow superb. This is very attractive for a website and would love to use.<p>But this might not be usable for a Web App, but there may be some situations.