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:
- 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
Some of the features of CiUI include:
- Support for forms in two different ways (in-page update or submit to other page)
- On-demand page caching (via classname annotations)
- Pagination (loading more content within one page)
Here are some items on the to-do list:
- 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.
- Utilize CSS3 transforms and animations to perform hardware-accelerated animations
You can read more information on the announcement blog post here: http://www.clientcide.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.3. Download it here
Release notes
version 0.3
- New feature: page caching. When you annotate your link with classname cache, i.e. <a href="my_page.htm" class="go_forward cache" title="My Page">My Page</a> the page will be cached. Meaning, navigating to that page again will not fire a new Ajax request.
- Bug Fixes:
- The cancel function now functions properly (ciUI.cancel()) when you're trying to cancel a loading page
- When a new page is requested while the current one is still loading, the current page will stop loading before trying to load the new one. (This was causing unexpected content appear after users navigated away from a page).
- Fixed an issue with the back button where it would sometimes be disabled when trying to get to the very first page in the hierarchy.
- Checkboxes return correct values in Firefox
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:
- <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.
- <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