Click anywhere on the page at any time to create a new sticky note and start editing.
enter submits changes and
esc cancels changes.
While not editing, hover over the stickynote with the mouse and press one of
w to change the color of the stickynote.
Drag a sticky note to move it. Double click on a sticky note to delete it.
It takes a little getting used to, since usually you click outside the note to submit/cancel changes. Once you get used to it, though, this way is much faster.
Clearly the only place to put stickynotes is on a whiteboard, so:
var whiteboard = new Whiteboard();
The Whiteboard constructor takes an optional jQuery selector to confine the whiteboard to a particular section of page, defaulting to 'body'.
var whiteboard = new Whiteboard('#whiteboard');
Just include both
stickynotes.css in your page.
Also requires jQuery. Sorry.