Nice demo. I love "shelves" on mobile apps, but I found all of these except "slide in on top" annoying. The rest reminded me of those ridiculous Powerpoint transitions where every letter falls into place one at a time. Do a favor to your users and don't let novelty transitions overshadow actual UX.
That's pretty neat, but this demo uses some sort of scrolling emulation, so in the iPhone (tested in a 4s) this particular implementation breaks: Taping the status bar to scroll to the top, momentum scrolling, elastic bounce at both ends.
Yep I was disappointed by this too. I had a few frustrations trying to integrate the off-canvas navs from Effeckt.css [1] into an actual app (was combining with Ratchet) and found their code to be pretty hacky/bad. I ended up with something that worked just about okay on iOS but was pretty rubbish elsewhere.
So I was hoping for more when I saw these. I would love to see one of these demos fully fleshed-out and tested across devices.
Yep. It gets slow very quickly as window size increases. At fullscreen 2560x1400 it's incredibly jerky, but with the window sized to 1024x768 it's incredibly smooth.
If you move the page under my mouse I am going to hate your website and never come back. If your UI elements distort or displace content then you immediately and glaringly break the first rule of UI design: good UIs should not be noticed.
You would normally be triggering these menus from a button near the menu, so you would expect the movement. They're only triggered from buttons in the centre of the main page for demo purposes.
Using Chromium here: Version 33.0.1750.152 Debian jessie/sid (256984)
Most of these are what I'd classify as "annoying", and to boot, the experienced effect isn't matching the descriptions. This isn't AFAICT a widely supported feature.
