Wednesday, March 19th, 2008
CiUI: CNET iPhone UI
Vladimir Olexa of CNET has released CiUI a iUI inspired iPhone JavaScript libary that mimics the iPhone UI behavior.
It’s already being used on CNET¹s iPhone page (http://iphone.cnet.com). It’s been greatly inspired by iUI with a few key differences:
- AJAX calls are performed after a page slides
- DOM doesn’t get overloaded with “pages” as they load. Instead, two DIVs are constantly being reused
- Page titles are set on the source page, not on the destination page
- Only specified “a” tags are assumed a part of the UI.
To create a sliding load you simply annotate the link (iUI takes over automatically, in contrast):
- <a class="go_forward" title="CNET" href="http://www.cnet.com">CNET</a>
Check out the source and an enclosed working example or go to iphone.cnet.com to see it in live action. You can download the library from our download page.





I feel this version, like the iUI library has a key failing in the use of animation. Due to the iPhone/iTouch’s poor JavaScript performance the sliding animation looks very jittery.
Imitation is the best form of flattery, but if you can’t get it right, its surely better to leave it out.
card: It does look a little sloppy. One can only hope the next version of MobileSafari will have CSS animation ( http://webkit.org/blog/138/css-animation/ )
OK thats good
thanks