Ajax Blog

CiUI: CNET iPhone UI

Posted in Ajax News by Dion Almaer on the March 19th, 2008

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:

  1. AJAX calls are performed after a page slides
  2. DOM doesn't get overloaded with "pages" as they load. Instead, two DIVs are constantly being reused
  3. Page titles are set on the source page, not on the destination page
  4. 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):

PLAIN TEXT
HTML:
  1.  
  2. <a class="go_forward" title="CNET" href="http://www.cnet.com">CNET</a>
  3.  

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.

Source: Ajaxian
Original Article: http://feeds.feedburner.com/~r/ajaxian/~3/254356169/ciui-cnet-iphone-ui

Comments are closed.