Projects

iUI

iUI has the following goals: * Create Navigational Menus from JSON objects * Build the nav headers and as much of the UI with the canvas tag (JS is sllowww on MobileSafari). * Events for phone rotation * Provide a more "iPhone-like" experience to Web apps (on or off the iPhone)

webkit-css3-bundle

A bundle of advanced CSS3 features supported by Apple's open source Webkit and Safari browsers. These features are primarily limited to those prefixed with -webkit. Recent updates include adding new -webkit-transform and -webkit-marquee properties along with a self-contained update from ... [More] Subversion command so you can update the bundle without leaving TextMate. [Less]

css-vfx

css-vfx is a collection of gems that showcase WebKit's 3D CSS Visual Effects for iPhone and OS X Safari. css-vfx is based on Charles Ying's work with Apple's CSS Visual Effects extensions. css-vfx contains source code for building: "Cover Flow" style touch user interfaces ... [More] "Snow Stack" photo viewing user interfaces, example: For more information, see the Introduction page. [Less]

iphonefk

Based on original work from Joe Hewitt's iPhone navigation work and the iUI project at http://code.google.com/p/iui. Provide WebKit centric applications with the familiar iPhone feel and experience.

webkit4iphone

Webkit4iphoneWebkit4iphone is a javascript implementation of webkit framework. What is webkitWebKit is an open source application framework that provides a foundation upon which to build a web browser. WebKit was originally derived from the Konqueror browser’s KHTML software library by Apple ... [More] , Inc. for use as the engine of Mac OS X’s Safari web browser, and has now been further developed by Apple, Nokia, Google and others.webkity [Less]

5th-element-samples

This project contains code samples of HTML5 and the 5th-element library. At the moment, the use of the following objects is shown: window.camera window.http The Camera object lets you take pictures on iPhone and Android phones from within Safari Mobile and the Android-browser, respectively. Simply ... [More] use the "capture" method: if (window.camera) camera.capture(function(status) { alert(status); });The Http object lets you send HTTP requests without the same-origin policy restriction: if (window.http) http.get("http://www.example.com", function(response) { alert(response); });The "get" method is sychronous on iPhone OS and asynchronous in the WebKit plugin. You can also test the functionality in Safari. Download the WebKit plugin, copy it to "~/Library/Internet Plug-Ins" and include the following line in your HTML code: The "version" method returns the version of the plugin: var obj = document.getElementById("pluginID"); alert(obj.version());The current version is 0.1. [Less]