WebKit Open Source Project

Here are some demo web applications that display various web technologies supported by WebKit.

Offline Calendar
Picking up where the sticky notes example leaves off, the Offline Calendar demo goes much more in depth into the power of the HTML 5 database API.
By storing the user's calendar events in a local databases and caching the application resources themselves using the HTML 5 application cache the calendar can be used with no network connection!

CSS Transitions and Transforms
This demo shows off how straight forward it is to add transforms and implicit animations to a web application by adding a small amount of CSS.
Check out our blog posts about CSS animations and CSS transforms for more details and examples.

Editing Toolbar
The editing toolbar shows off a rich HTML editing toolbar in WebKit. It uses JavaScript and CSS to fade in and out and to implement the buttons that apply text formatting and alignment. Click in the text area to see the toolbar appear.

Sticky Notes
Referenced about adding HTML 5 structured database storage, this is a simple example of how the database API works in the form of persistent yellow sticky notes.
Storing simple data, it is a great way for developers to introduce themselves to how the database API works.