How to use our del.icio.us tag browser

Cheat-sheet 1 - browsing items and tags with the main display

Cheat-sheet 2 - setting options and live-searching of tagged sites

What is this?

This is an interface for browsing the items collected in a 'tag' by a user of the del.icio.us social-bookmarking system.

In the title bar of this interface you'll see something like "74 Resources tagged: gender by egcrf". In that example, it would mean that a user called 'egcrf' has assigned the tag 'gender' to 74 items which she has added to her del.icio.us bookmarks, and that those items are being displayed here, along with their related tags.

del.icio.us is a simple and free web service that lets you collect and tag links to content on the web. Because you can easily add as many tags as you like to the links you collect, you can organise your bookmarks quickly and flexibly. Because del.icio.us keeps your bookmarks online, you can access them from any computer with an internet connection, and it is easy to share your collection with others.

Once someone has collected some interesting links 'in' a particular tag, that user often wants to share the resource they are building with others. del.icio.us users often find that 'linking to one of their tags' is a quick and powerful way to direct their readers and colleagues to materials they've collected which are relevant to a conversation, topic or task. (Even better, they can add new materials to the resource after sharing the link - it's a way of making and sharing 'hot', 'live' lists of resources).

That's where this interface comes in. In the del.icio.us system, every user/tag has its own URL, but that URL does not always make the best place to send one's readers.

...In order to make what follows clearer, let's imagine a particular del.icio.us user called Lucy. If Lucy wants to share a list of items with someone, it is very easy to link to the tag in the del.icio.us site (the links have a predictable form). The del.icio.us site lists the items collected in her tag, along with the tags 'related' to it. (In del.icio.us, 'related' means that Lucy has assigned both the tags to at least one item she's collected).

But that means Lucy is sending the reader to the del.icio.us site, where she cannot add any special instructions for her own readers. She would prefer to be able to embed her tag-browser within the content that it is relevant to, and which makes sense of it in the context in which she wants to share the tag.

The interface you are presently looking at is a tag-browser which is meant to meet that need. It:

What can I do here?

As noted above, this interface displays del.icio.us bookmarks and related tags, given a del.icio.us username and one or more tags to define a list of resources. In the title bar of this interface you'll see something like "74 Resources tagged: gender by egcrf". In that example, it would mean that a user called 'egcrf' has assigned the tag 'gender' to 74 items which she has added to her del.icio.us bookmarks, and that those items are being displayed here, along with their related tags.

Use this interface to:

See what items have been collected 'in' the tag
The items are shown at the left of this interface. You may need to scroll down to see them all. Hold the mouse over an item to see the notes (if any) added for that bookmark. Click the link to go to the bookmarked content (probably set up to open in a new window, depending on one of the extra options which you can set). (power-user tip: you can dynamically show/hide notes and tags for items as you roll the mouse over them by holding down the ALT key).
See what other tags are "related" to the tag
At the right of this interface you'll see a mini 'tag cloud' showing the tags 'related' to the current tag ('related' means that the del.icio.us user has assigned both tags to some items)
Narrow-down / focus the list being shown : Click related tags to see what items are collected with both tags ( tag1 AND tag2 )
Click on one of the related tags to change the display at the left to show only items to which both tags have been assigned by the del.icio.us user. The currently showing tags are both highlighted in red.
Widen / shift the focus: Click 'red' tags to change the main tag being shown
Click a current tag (highlighted in red) to change the display at the left to show all items to which that tag has been assigned by the del.icio.us user. The display will no longer be showing items with both that tag and the previous 'main' tag - the tag you click then becomes the main tag and the related tags display is changed to show the other tags related to this new main tag.
Change some settings about what information is shown for the resources
Click the icon to display extra options in the area at the right (replacing the related tags display). Tick/untick check-boxes to change settings such as whether listed items open in a new window when clicked, and whether the notes and tags are shown with every item. Click the icon again to go back to normal viewing.
Perform live yahoo searches limited to the currently listed (tagged) sites
Also in the more-options interface, you'll see a little text-input box toward the bottom of the right-hand-side. Type search terms in that box and wait a second or so to see yahoo search results limited to the tagged items' sites. In other words, when we send your search terms to yahoo, we include the list of sites corresponding to the items currently being displayed at the left. Please be aware that this feature is experimental, and that only the first 30 sites will be searched.
Subscribe to RSS feeds for the tag(s) being displayed
If you have an RSS feed reader, you can subscribe to a live-updates RSS feed for the current tag(s). Right-click the icon at the top-left, copy that link-location, and paste it in your feed-reader (if you use Safari you can just click the link to effect this; likewise we expect that Internet Explorer 7 users will be able to just click the link in future). If you do not yet have an RSS reader, we recommend you find out more about it... RSS feeds let you keep track of items as they are collected in del.icio.us in flexible ways. Many millions of other RSS feeds are available as well, for various kinds of web content, news, weather and sports updates etc.
View these items and tag(s) in the del.icio.us site - which shows special "social" information such as who else has bookmarked links
Click the icon at the top left to go to the del.icio.us site's display for the currently showing tag(s). At the del.icio.us site you will have access to extra "social" information - for instance you can see who else has bookmarked a link, or view items collected by other users for the same tag, or popular items for that tag. The del.icio.us site also lets you combine more than 2 tags to really narrow down the list in big collections. (Note that the names of the tags in the title area of the interface (top-left) are also links to del.icio.us - if there is a combination of tags being shown, each tag links to its own view in del.icio.is and the '+' links to the combination).

Who made this?

Note that this is just the beginning of a series of interfaces we'll be writing over the rest of the summer. The next step is a whole-account tag cloud interface to accompany this one-tag viewer, followed by an interface for browsing del.icio.us bundles and some added interactivity in this interface. We'll be writing about our other plans for these and other tools soon.

Can I have this tool?

We will be releasing versions of this tag-viewer over the summer as open source. The SpiffySearch code we have used is free to use so long as you do not change the comments in Kent's css and javascript files and leave the link intact.

If you want to start using this code now, contact Mike - at - theknownet - dot - com and we'll send you the files you need. In august we'll have 'proper' releases as Plone products and plain html-css-js embeds.

Can I use del.icio.us?

It is very easy to get started with del.icio.us. See the items I've collected in my basic-intro-materials + del.icio.us tags for some introductions to the del.icio.us system. You can register quickly at the del.icio.us site.