23 February 2014/By Tim D

Sticky Notes Demo


This short post takes a look at the Webkit Sticky Notes demo that was created when Webkit first landed it's HTML 5 SQL storage support. In this demo you can create new sticky notes that persist themselves into the local SQL storage and can be accessed while offline. When a sticky note is closed it 'swooshes' offscreen with a nice animated effect.

Technologies used in creating this demo were:

HTML5 Application Cache
HTML5 Database API
CSS Transitions [1, 2]
JavaScript OOP programming & Getters and Setters

Note that the demo will only currently work in Webkit 4+ based browsers, Safari only; the technologies behind it though are beginning to arrive in Firefox and Chrome however.




Published on 23 February 2014 in HTML5 Features