Demos

Contents

• Offline Calendar
• CSS Transitions and Transforms
• Editing Toolbar
• Sticky Notes

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

Offline Calendar

Added May 27th, 2009

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

Added May 12th, 2008

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

Added November 4th, 2007

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

Added October 19th, 2007

Referenced in our blog post 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.