Cloud storage is useful for a number of things. This article shows how to use Dropbox to make a webpage that you can use to share your bookmarks between your devices, regardless of OS/browser. You could create the whole thing in one page and edit that as you want to add more bookmarks, but the approach used here means you just need to edit a simple text file – no html knowledge is needed once the initial setup is done.
Its a fairly simple structure – a single htm file, a css file and a text file with the links in. The links are grouped and the file is parsed to create a menu across the top. Click on the category and some jQuery script only shows the links in that category, with each link showing up as a box. The urls.txt file needs to be edited in a decent text editor (search for Notepad ++ if you don’t have one). If you try to edit it in Windows Notepad it will not wrap the lines properly. Currently the categories can’t have spaces in – that would’t be that difficult to change though.

The css can easily be changed to suit. The files are then stored in the Dropbox public folder, and all you can set your computers and devices to have their homepage as the shared Url of the main htm file. If you want to add a new bookmark, just open the urls.txt file and put it in there. Once saved its ready to go.

The attached zip file has all of the files needed. Feel free to download and modify to suit. It should work on most modern browsers. There is a dependency on jQuery but that is downloaded rather than stored locally, and the css does use some css3 stuff, but that could be easily changed.
It should go without saying that the urls should never contain any personal or secure information. This link is effectively open to the public so should only contain urls with no bits of secure query string in. To be honest if you find your using a site that has secure information in the query string you probably don’t want to use that site anymore…
Would be nice to have a image of the website instead of a static logo…. that’ll have to wait for Part 2…
Download the source
Note: The code published here is licensed under the GPL3 license. This means you are free to modify and use. For the full text of the license please follow this link.