A quick and dirty DOM only experiment in visualising bookmarks within the browser window.
Paste a web address into the input box, hit enter and a bookmark will appear as a draggable “desktop” icon within the browser window.
Each bookmark created uses the original sites favicon as the visual hook. Should the website have no favicon (this site for example… I will get round to creating one at some point), a question-mark appears in the favicon’s place. To start you off, three sample bookmarks are created on page load.
Each bookmark stores it’s information (the url and x and y screen position) as a unique cookie.
Presently, the only way to delete a bookmark is to manually delete the cookie but I shall attempt to integrate a “trashcan” at some point this week to better simulate the desktop experience.
Tested only in Firefox (Deer Park Alpha 2 to be precise) but, in theory, it should work in all DOMtastic browsers.
View the visual browser bookmark demo.
Quick update #1:
It looks as if someone else has had a similar idea (before me to boot!) that includes rather snazzy styling of the icon text onfocus.
Quick update #2:
The trashcan has been integrated, bookmarks can be deleted at will!
Comments are currently closed for this article but feel free to email me with your input - I’d love to hear it.