Wednesday, March 24th, 2010
Jacky Nguyen was behind a new website ExpatLiving from Singapore, and as he built out a nice view for iPhone and mobile Webkit folks, he implemented MooTouch. It is still in an early stage, and is asking for input:
- Full Ajax experience, dynamic content loading on demand, ZERO page refresh or re-direction
- Location hash handling
- History management, makes full use of the browser’s back and forward buttons
- Pages transition using Mobile Safari’s native CSS3 GPU acceleration
- Automatic hiding of the browser’s location bar
- Global event delegation to boost performance, and much more…
Some key behaviors that make the core of MooTouch:
- MooTouch.Clickable: No more infamous 300ms delay before the “onClick” event is actually fired!
- MooTouch.Scrollable: CSS position:fixed not possible on the iPhone? It was yesterday! Have full control over which content area you want to provide the simulated scrolling feature, with scroll indicators, deceleration & snapping back to boundaries features.
- MooTouch.Swipeable: Bring “onSwipe” event to any DOM element you like, that’s how the photo gallery was done
- and more to come…
MooTouch is different from most existing similar libraries thanks to the use-at-will architecture of MooTools. You can simply just pick the pieces you need and combine them the way you like. Also, you can use any existing interface framework like iUI, iWebKit, UiUIKit, etc. for styling and put MooTouch on top to control all users’ interactions with any DOM element.
MooTouch is currently still in alpha testing. It will be released under the Open Source MIT License as something I can give back to the great open-web community! All feedbacks are very much welcome.
Posted by Dion Almaer at 6:06 am