Port of Swipeable jQuery plugin to Zepto
An attempt at an implementation the layered approach mobile navigation pattern that can be seen in for instance the Path app. Swipeable is for use on responsive websites, so unlike a native app it has (or rather, will have) fallbacks for non-touch and non-JS devices.
On smaller devices, screen real estate is hard to come by. Navigation often gets in the way of content. With Swipeable, I'm trying to move the navigation out of the way, while still letting it be easily accessible. I'm doing this by implementing a navigation that's progressively enhanced:
1. Basic functionality
3. Enhance 2: With touch
If the device supports touch, then touch support is added so that revealing the menu or the contact info can be done by swiping right and left.
Check out the JQuery demo (use a small touchscreen, this is not responsive just yet)
Check out the Zepto demo (use a small touchscreen, this is not responsive just yet)