This is a development code base for CiUI. All bug fixes, features and patches will first be checked in here before releasing it as a version to clientside's repository.

CiUI is an alternate solution to iUI. It is built on the same principles as 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

A demo of CiUI can be found here.

Here are some items on the to-do list:

• Add support for caching by storing page content in the DOM. This should only apply to selected elements. The HTML syntax will look something like this: <a href="my_page.htm" class="go_forward cache" title="My Page">My Page</a>
• Create a handle to a custom content processing function. Instead of simply grabbing content of my_page.htm, users will the option to process and display the page content as they wish.
• Handle pagination in place (add items to results set as opposed to loading a new page)
• Utilize canvas to make sliding animation smoother

You can read more information on the announcement blog post here: http://clientside.cnet.com/cnet-js-standards/ciui-cnet-iphone-ui

and here: http://ajaxian.com/archives/ciui-cnet-iphone-ui

Also join our group here: http://groups.google.com/group/ciui

Current version is 0.2. Download it here

version 0.2

• New feature: pagination. <a href="loadmorecontent.php" class="load_more">Load More</a> will load content from loadmorecontent.php and append it to the existing content. This will allow you to do dynamic pagination within page context.
• New feature: form processing. Thanks to Aaron Newton for this! There are two ways you can submit a form:
1. <form action="processform.php" class="do_update" update="my_element" />. This will submit the form and populate my_element with the output of processform.php.
2. <form action="processform.php" class="do_update go_forward" />. This will submit the form, slide to a new page and output results of processform.php to it.
• You can find a demo of all features here.

version 0.1

• initial release