

If we used the list item for the effect we’d need to set a tabindex property to get the same access. This is a a good element to use for interactive items, as it automatically means that our notes become keyboard accessible. Notice that each note is surrounded by a link. As we are using HTML5 for the effect, the basic HTML of our sticky notes is an unordered list with a link containing all the other elements in each list item:

Here is a tutorial from our friends at Sevenforums.

We will be using some common CSS properties that work across all browsers. I'm searching for a way to change the font style of the font using in the Sticky Notes app in Windows 7. Older browsers simply get some yellow squares. The effect is built up gradually and works on all the up-to-date browsers like Chrome, Safari, Firefox and Opera. Go to Contents -> Resources and edit the ist file, using the Property List Editor (part of the Xcode Developer Tools package).In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following:

Control-click on the Stickies application in the Finder and choose Show Package Contents. If you are like me and find yourself changing the default font for every Stickies note that you make, you can change the defaults used for new notes.
