April 10, 2007

Five Ways to Mark Up the Web

Nick Gonzalez

57 comments »

In 1999, Eng-Sion Tan and two friends launched Third Voice, a browser plugin that would let anyone make annotations on webpages. The intent was to encourage freer speech on the internet, but many slammed it as “Web Graffiti.” The company eventually shut down.

The idea of web page annotation didn’t die with Third Voice, though. New services, each with unique features, have carried on.

Diigo

A must have for researchersdiigologo100.png
Diigo is a research tool that lets you share bookmarks and annotations on web pages using a browser plugin or bookmarklet. Notes are anchored to highlighted text and bookmarks save a cached copy of the site. Diigo will also let you save to multiple other bookmarking services (all the big ones) and email your annotated pages to friends who don’t have the plugin. We covered Diigo earlier.

Diigo has some advanced search functionality built in as well. With Diigo, you can search for the highlighted words on the web with any of four search engines, social bookmarking systems, on blogs, within the current site, amongst inbound links, and seven different content verticals (TV, stock sites, etc.). Diigo also lets you post links to your blog through posts, or a “linkroll” widget listing your most recent annotations.

Fleck

Bare bonesflecklogo100.png
Fleck is the most basic of the annotation services, letting you simply post public or private text notes on a page. Notes can be posted by using a browser plugin or by ajax when Fleck feeds web pages through its servers and adds the necessary annotation code. Permalinks to annotated pages can be emailed to friends and posted to blogs. We covered their launch previously and expect the company to be rolling out more features.

ShiftSpace

Have your way with any webpageshiftspacelogo100.png
ShiftSpace is an opensource browser plugin (FF only) being developed by NYU’s Interactive Telecommunication Program and is pretty close to internet graffiti. The plugin allows their users to annotate and remix a website saving it as a communally editable alternate version revealed in your browser by pressing Shift + Space. ShiftSpace allows users to leave notes, highlight text, change images, and edit the page source. It kind of reminds me of the web page analysis plugin Firebug, which allows you to carry out live edits of any web page. For web surfers with the plugin, modified pages are marked with a small ShiftSpace icon (§) in the bottom left side of the screen.

Modified pages are called “shifts”, and if made public, are shared on the ShiftSpace website. Users can subscribe to the shifts of users they like via RSS. The ShiftSpace team also plans to implement “trails”, which are hyperlinked collections of related shifts.

Stickis

Subscribe to only the annotations you wantstickislogo100.png
Stickis is a web page annotation service that lets you subscribe to content “channels” from your friends and the community via a browser plugin. We previously covered their launch. You can also view notes without the plugin when they are served by proxy through Stickis’ website. Channels can consist of text and image sticky notes, RSS feeds (blogs), and even specialized data channels for web services such as OpenTable or Yelp. Every note you make is also stored on your personal Stickis blog, which leaves a trackback to itself if you annotate a blog.

When you subscribe to a channel, it stays with you while surfing the web in a collapsible sidebar, suggesting content based on what page you’re on. Specialized channels, like OpenTable or Yelp, pop up reservation options and restaurant reviews when you visit a page linking to a restaurant. Other content channels populate the tray with notes based on an analysis of a the URL and the note’s tags. When you click on a note, it brings up the notes on the page along with comments on the note made by your friends.

Stickis parent company, Activeweave, also recently announced BlogRovR, a simpler version of Stickis that feeds you blog content from your favorite bloggers as you search surf the web.

Trailfire

Create and share tours of the webtrailfirelogo100.png
We covered Trailfire’s launch last August. Since then, the social website annotation service has developed considerably, recently announcing some more of the social features it originally promised.

Trailfire is an IE and Firefox plugin that lets you post notes (called marks) right on top of a webpage and string them together with hyperlinks (making “trails”). The plugin consists of a note button for leaving marks and a sidebar for managing your trails. When you arrive at a page you’re interested in marking up, you click the mark button, which pops up a little ajax balloon with a text editor inside that you can position anywhere on the page. In the editor, you can compose a message out of text, images, and hyperlinks. You then title the mark and select which trail (group of notes) it belongs to. Trails can be posted public or private and commented on. When a trail is posted, you follow it by just clicking next.

traifirescreen.pngThe new version of the service will now include the ability to make friends and share with them, follow all the trails made by a user, gather your friends into groups, and allow trails to be edited together by multiple users (wiki trails).

Compared with other annotation services, Trailfire has expanded in what I find to be a more effective way. Unlike services like Diigo, and Stickis, Trailfire has really helped its exposure by not requiring a sign-in or download to see annotations unlike Stickis and Diigo (to see notes). Fleck matches this simplicity. For people without the plugin, Trailfire serves the annotated sites through its servers, embedding ajax notes within the page. Trailfire will now also let you add notes to a page through their proxy by a newly released bookmarklet.

Secondly, Trailfire has implemented personal trail pages that consists of a numbered list of each of the links in the trail along with a thumbnail of the website. This has enabled search engines to index their pages and generate a fair amount of organic traffic. One such example was an April fools trail on the site, which received over 168,000 uniques on April 1st, due in large part to search engine traffic.

  • Sphere It

Trackbacks/Pings (Trackback URL)

  1. everybuddy.org
  2. Anatomy of a Webapp
  3. A better way to remember your online research | Alex Tran
  4. lauren’s library blog » Blog Archive » links for 2007-05-30
  5. Sara Jameson » sticky notes on web pages
  6. Library clips :: Sticky Pages, Annotate, and Mark-up the web :: June :: 2007
  7. Session Eight—Social Annotation « Beyond WebCT: Integrating Social Networking Tools Into Language & Culture Courses
  8. rascunho » Blog Archive » links for 2007-12-27
  9. Social Bookmarking: Search, Save, Annotate & Connect?* « InfoTech4Lrng
  10. Glosses Through the Ages at Deeplinking

Comments

RSS feed for comments on this post.

  1. Search Engine Web

    In 1999, Eng-Sion Tan and two friends launched Third Voice, a browser plugin that would let anyone make annotations on webpages. The intent was to encourage freer speech on the internet, but many slammed it as “Web Graffiti.” The company eventually shut down

    These forerunner ideas were the very beginnings of the Web 2.0 concept - the attitude back in the late 1990s was so totally different and self absorbed

  2. Chris24

    Dugg!

    http://digg.com/tech_news/Five.....Up_the_Web

  3. Arnold Leung

    Can’t I easily comment about other sites using a Blog?

  4. manfmnantucket

    Welp, if you really want to do your homework here, realize that third voice was a late entry into an area that had been a research topic for several years already. The earlier limitations were browser security and closed-ness - you can read a decent summary of the history in this fairly comprehensive survey paper

    http://portal.acm.org/citation.....EN=6184618

  5. manfmnantucket

    Here is another page I have always found a useful resource, one that
    is more focused on products than the earlier research efforts:

    http://www.paulperry.net/notes/annotations.asp

    So as you can see, the vision of providing democratic media in the form of annotations for the web has been around for at least 10-12 years, if you count Co-Note as the first real attempt.

    Speaking as someone who built one of the very first systems (several variants, described in our HSCC paper) and struggled for several years to overcome the limitations of the early web infrastructure - it was not surprising to see how many of the links on the Perry page are now dead links - the tombstone of many a failed product effort.

    However there is a huge difference today, with the support for browser extensions and open architectures. The kinds of products we see blitzing into the market so rapidly now at such low cost would have been the subject of academic or DARPA research not 10 years ago, which is a great testament to the software industry’s success at making development more accessible and fostering wider, more rapid innovation. It’s great.

    Mark Palmer

  6. Wes

    Of the five ways featured here, Trailfire looks the most impressive especially the personal trail pages.

  7. Jim Stroud

    I use Diigo religiously! In my professional life, I train recruiters on how to use the internet to find hidden talent as well as conduct extensive online research on behalf of my employer. I tell EVERYONE that Diigo is THE product to use (bar none) and encourage any and all to try it for themselves.

    I diigo! Do you diigo?

  8. pallet jack

    Is someone looking insta cred? job offer?

    - what do you want to be? some PR guy for the companies that are now doing what you only orgasimed about earlier in the 90’s

    - Get off your soap box - RB

  9. Phil97

    I’ve spent a lot of time using Diigo. I’ve looked over the other services you mention, just in case there was something better out there. Day in and day out, I can work more quickly and easily. It’s so powerful I still haven’t scratched the surface. They seem to be making it better all the time, and they listen to their users. Diigo rocks the Web!

  10. Jason Prado

    Interesting you posted this just now. I’m working on a brand new way to mark up the web that is simpler, more general, and more open than any attempt I’ve noticed up to now. It’s my senior project for Stanford CS and it will be done before the summer starts. In the mean time you can watch the evolution of the app at http://anatomyofawebapp.blogspot.com/

  11. Boris

    Fleck (my company) has recently released a new Firefox Add-on which actually shows the number of annotated versions of each page you visit. Check: https://addons.mozilla.org/firefox/3908/

    Expect more new features soon.

  12. stacy

    What about Firedoodle? http://www.firedoodle.com
    Simple, but cool!

  13. Yaakov Sash

    Hi everyone,

    Full disclosure: I am the founder of JumpKNowledge http://jkn.com which is a web-based annotation tool with an optional FireFox button.

    Unlike the Annotation tools listed here, JKN displaces the underlying text to make room for your comments without impacting the format or structure of the page. This makes it an excellent tool for bloggers to adds comments to news articles, like this one:

    http://jkn.com/View?j=768238.596599802649

    In summary, JKN is free, web-based, cross-browser, and registration-optional. JKN supports framesets, secure webpages (https), and multi-web pages. The resulting Annotation can be emailed, blogged, saved and printed.

    Yaakov Sash
    http://jkn.com
    JumpKnowledge

  14. bdb

    Nick, how can the following statements written together make sense? Which is true?

    Diigo summary:
    “Diigo will also let you save to multiple other bookmarking services (all the big ones) and email your annotated pages to friends who don’t have the plugin.”

    Stickis summary:
    “You can also view notes without the plugin when they are served by proxy through Stickis’ website. ”

    Versus

    Trailfire summary:
    “Unlike services like Diigo, and Stickis, Trailfire has really helped its exposure by not requiring a sign-in or download to see annotations unlike Stickis and Diigo (to see notes).”

  15. Dan Phiffer

    As the lead developer on ShiftSpace, I guess it behooves me to get on the comments when we get TechCrunch lovin’. Thanks for the link! One thing I would add is that ShiftSpace is a platform intended to be extended by its various “spaces” (each application is a “space” — aren’t we clever…).

    We currently only have a few spaces to choose from, but the idea is that other developers might benefit from our URL-specific storage API + existing user community and be free to focus more on the front-end stuff. For instance, video embedding & text highlighting are both upcoming spaces we’re working on and should be easier to achieve in ShiftSpace than they would be developed as independent services.

  16. lela

    Diigo!
    I am a diigo user.and through my using,i find diigo is very easy.This litter tool has made my study very conveniently .
    I have introduced this tool to my classmates .Because this ,i want to be a diigo spreader.

  17. Dan Phiffer

    Mark — thanks for those links. The earliest research I’ve seen on meta-web applications, and a big inspiration for ShiftSpace, was Vannevar Bush’s 1945 essay in the Atlantic called As We May Think:

    http://www.theatlantic.com/doc/194507/bush

    Amazingly prescient…

  18. Ron

    Citebite.com is a much simpler tool that lets you link to a specific part of a text (like a quote) in a website, which is then highlighted.

    http://citebite.com

  19. Parag Mathur

    Nick..

    Please check out ZCubes (http://www.zcubes.com). It is a pure browser based platform (no plugins or addins) that allows users to seamlessly integrate a variety of content including websites, media, text, RSS feeds, even your own painting and handwriting on the web with immense flexibility.

    The ZCubes platform allows users to very easy clip content from any website and then annotate on it using text or even freehand drawing/handwriting. The resulting content can be quickly saved and shared with others online. In addition, links to all creations in ZCubes (called experiences) can be added to sites like Del.icio.us.

  20. Dave

    Clipmarks

  21. Charles Hope

    Does dai.sy count in this space?

  22. dsgdev

    I vote that the author checks out Firedoodle (firedoodle.com), too. But I’m it’s author, so why wouldn’t I? :)

  23. manfmnantucket

    Dan Phiffer, it’s nice to see someone doing their homework :-)

    I suppose the downside of the compulsive innovation is the tendancy for so many products to “re-invent the wheel” when there is so much that might be learned - and mistakes avoided - from the studies and failures of past efforts. The fundamental problems of annotation, regarding construction and usability - remain, even though the web infrastructure has opened up.

    As to Vannevar Bush, his “memex” memory-extender device is what is cited in the annotation literature as an inspiration, but also as one of the precursor visions for the web itself. The memex vision boils down to a half page at the end of what is a longer more speculative essay. Memex is inspiration for hypertext documents in a way somewhat like the Babbage Inference Engine is a precursor to the CPU. The memex concept of “trails” doesn’t seem to be captured by many of the current systems (except perhaps TrailFire and ShiftSpace? )

    I think the wiki article on memex covers the differences: http://en.wikipedia.org/wiki/Memex

    Pieces of the Action, VB’s autobiography, is also worth a browse.

    ShiftSpace looks interesting, I guess I’ll have to give that a try now :-)

  24. wayne

    What ever happened to equill? They got bought out by Microsoft and were assimilated.

  25. Dan Phiffer

    Hey, score! :) We seriously appreciate the attention here. To a large extent, this is our emergence from under the radar.

    If I can toot our horn just a little more, we’re proposing that “publicly owned” is a necessary quality for this kind of infrastructure–that the meta-web must be open source and built/controlled by its users. We could be wrong about that, perhaps Diigo or some evolved form of Google Notebook will be the One True Meta-web the market selects. But we should at least stop to consider what it means to have our online culture be privately controlled (or pseudo-publicly controlled; ICANN, etc.).

  26. Marc Meyer

    Annotation (particularly shared annotation) tells us “what do I trust, what’s it related to (for me) and what does my crowd have to say about it?”

    That question is made even more imperative because one-size-fits-all search is becoming debased. Search for something and you WILL find it (and a bazillion other things), whether or not it is true, reliable, desirable or of interest. Adsense and linklove are a poor proxy for anyone’s real interest in a search result.

    Search has led us astray. A better solution may well come from the way we filter information in real life (where we can’t search cause its not free, there’s no google for the real world). We start locally with things we trust and bring in sources local to those. I trust the NYT and my friends, and find new things to trust from there. When I want to find out something, THAT’s the set I want to search.

    At activeweave, creators of stickis.com and blogrovr.com mentioned here, we’re attempting to facilitate that behavior.

    Stickis.com brings to YOU information from YOUR socially proximate and trusted sources. Wherever you browse the web, it tells you what your personally selected Crowd of friends, bloggers etc have said. This means that you find things dynamically on the web, not on a portal or through a shared but third party url.

    In the blogosphere, similarly, I think that the answer is no longer to read blogs from beginning to end. That’s impossible. Who is caught up on their blog reading? If one were totally caught up, would that even be desirable?

    Instead, we can start from the things we knows and trusts, techcrunch.com, techememe.com, startupmeme.com (my new favorite) and use tools which bring related information to us.

    Blogrovr.com does this for blogs. Tell Rovr what blogs you like and wherever you browse on the web, rovr tells you what they’ve said about the page you’re on.

    As Patrick from Fleck.com has expressed very well in various places, we are in the infancy of this phase of building out pesonalized meta-webs, but transcendental change will come from using all the new computing power available to cons up our personal views of the web, a 3 dimensional perspective of information grouped according to what each of us cares about and trusts, different from anybody else’s and under their own control. When you get information from only the places you want, there is no SPAM.

    “Brave new world that has such [web 2.0 tools] in it.” with apologies to Will S.

  27. Ranjit Padmanabhan

    Well hey - I might toss in a mention of DashNote. We do things a bit differently than the tools described. Users can mark regions on a page (just like circling text on paper) and we store the original page, the marked region, and the annotation on our server for the future.

    Your annotations remain in their original context regardless of the fate of the original URL.

    Another point to note is that DashNote does not proxy the pages through an external server, which can lead to some interesting DNS problems and the inability to annotate pages behind paywall/firewall.

  28. Wade Ren

    Nick, Thanks for covering the web annotation area and mentioning Diigo here. Since the Techcrunch review last August, we have been developing lots of new features and we hope we can give you a demo soon.

    As a sort of quick showcase of Diigo, click this link to see some annotations on this post http://srl.diigo.com/11xq — no plug-in is needed and you can be using any of the major browsers (firefox, ie, opera, safari) .

  29. Chris Messina

    Heh, and here I thought you’d discovered a bunch of competitors to microformats and semantic XHTML. ;)

  30. Meer

    There’s JKN as well ( http://info.jkn.com/ )

    Personally I find Diigo a bloated. 90% of those features (except annotation) are rarely used by a regular web surfer.

  31. Sampo Raudaskoski

    We just launched a pre-beta service a few days ago. If you want to have a first look, see http://www.shadoweb.com.

    Firefox only, sorry. Support for IE, Opera and Safari coming next week.

    Free speech!

  32. 工控网

    What ever happened to equill? They got bought out by Microsoft and were assimilated.

  33. Rajan Datta

    Interesting to find out more about why just these 5 sites were focused on in this articles. Clipmarks, i-Lighter, Blinklife, Furl are all other variants on this principle. Still - the summary was useful and helpful but it would seem to be appropriate and helpful to highlight how you arrived at these.

    Regards

  34. Wade Ren

    Re: Meer on Diigo - “90% of those features (except annotation) are rarely used by a regular web surfer.

    Indeed, web annotation itself is not for 90% of the users, and is likely to be adopted only by the minority of the web users who consume information diligently. After all, everyone knows that having a pen and a highlighter while you read is really helpful for digesting and retaining information — but how many actually do it?

    For the minority of the users that do make use of web annotation, our user feedback tells us Diigo’s other features are quite appreciated. In addition, the Diigo plug-in is completely customizable, allowing users to only keep the features they want

    Re: Raja above

    the main difference between the 5 services reviewed here and social bookmarking sites you mentioned is that the former allow persistent mark-ups on the webpages

  35. Yaakov Sash

    Wade,

    I fully respect your vision for Diigo as a social annotation tool and wish you the best of luck.

    Although we would like to make JKN easy and pervasive enough for more than 10% of users to create annotations, 10% is probably a conservative estimate. However, our vision is predicated on 100% of users will experience annotated web pages as a reader. For this reason, we are positioning JumpKnowledge as more of a personal annotation tool and not a social annotation tool. This allows us to focus JKN and make it easy as possible to use for non-technical creators and readers.

    Yaakov Sash
    JumpKnowledge
    http://jkn.com

  36. Wade Ren

    “However, our vision is predicated on 100% of users will experience annotated web pages as a reader.” — excellent point.

    Indeed, Diigo’s annotations are viewable in all the major browsers — a feat that is unmatched by any other service at this point (correct me if I am wrong here).

    Again, click this http://srl.diigo.com/11xq to experience it now.

  37. randomduck

    and just one app to really tag the web with no illusions of productive use whatsoever, like putting even more graffiti on myspace http://drawhere.com/sitel/3883.....e.com/yron :)

    http://drawhere.com/

  38. Ollitolli

    After social bookmarking, it seems like the idea of annotating the Web is getting more popular now. There are countless social/online bookmarking services but in my opinion only a handful - at most - is good enough to be really useful. I am afraid we might see the same development here.

    Then, even though I consider web annotations a useful feature, a Web service that offers this feature alone or focuses almost exclusively on this feature is not really useful - at least to me. Diigo (http://www.diigo.com) is the only service that offers the whole package. Let’s say you read a printed book/journal/magazine. Would you want to have to use several copies of each, that is one for bookmarks, one for highlighting, one for annotations, etc.? I suppose not. Diigo provides everything you need for Web research and annotation in one single place.

    Diigo does have lots of features but I would definitely not call it bloated. To me, “bloated” implies bearing so much functionality in a way that complicates usage and impairs performance. This is not true for Diigo. Even with its many features, Diigo remains easy to use.

    Will Web annotations become a medium for providing information to many Web users? I don’t think so. I suppose that Web annotations will mainly be read by active Web annotation creators. I don’t think many people will install an extension or use a Web service just to read the comments/annotations of other Web users. In other words, the percentage of passive participants in Web annotation will probably be low.

  39. Moshe Yudkowsky

    The main problem in every solution I see on this page is that the data I create are kept on remote servers. If a company disappears, the data disappear with the company. As much as I would like to use one of the tools — and I’ve had experience with the brilliant creativity of the NYU center — potential lack of access to my own notes will keep me searching for a different solution.

    Incorporating social networking into note-taking will provide benefits — perhaps — but I prefer that these two functions remain disaggregated.

  40. Wade Ren

    Moshe,

    We do allow you to export your data. The chance of us disappears without giving users a chance to export data is nil. To insure your data will always be there, we even do backup off-site.

  41. Mushon

    Hi Moshe (and the rest of you),

    as Dan mentioned this generous coverage has instantaneous got us or radar. I believe that many of the services noted in this review and some of the in the comments are more advanced than what we currently have to offer with ShiftSpace. But there is on inherent difference which we see as pretty major.

    ShiftSpace is aiming to be to interface what Wikipedia is to encyclopedic definitions. And it is indeed the only open platform proposed here. Not all of the users are very sensitive to that but we do think that one of the main reason most of the previous annotation applications failed is lack standards and a conflict of interests between users and service providers that ended up in compromising user’s data.

    ShiftSpace is aiming to build a scalable distributed architecture and a standard that will make it more of a protocol for metaweb apps than a single centralized service. A protocol to then later be used by other metaweb apps like the ones listed here.

    The feedback we’re getting and this discussion specifically is very helpful for us as I’m sure it is for our colleagues from the other Metaweb apps covered here.

    We’re looking forward to achieve a point where we not necessarily compete but can share resources and standards and work together to finally make this great potential for a metaweb to come true.

    thanks,

    Mushon.

  42. eyalnow

    I discovered Diigo two months ago, became an avid user and a self-proclaimed product evangelist, and recently started working for the company.

    Diigo for me is the knowledge-management solution I was looking for.

    What sets diigo apart is that it handles *Knowledge*, rather than mere links.

    It is the ONLY solution that lets me *permanently* highlight and annotate specific text on a webpage, which is then saved to my diigo profile.

    Diigo complements the mental process in which a sentence “jumps” at you, and you make a mental note about it. By highlighting the sections I deem important, I better understand and remember what I read. I believe there is scientific proof for this.

    As time goes by, I’m building a repository of all the important Knowledge I find on the net, which I can easily manage, tag, retrieve and aggregate.

    Regarding the ’social’ aspect:
    Diigo provides me immediate personal benefits, and I can then share this knowledge with others of my choosing, and follow what other individuals or groups are finding on the net. Not just the pages(links) they are browsing, but the actual sections that they deem important, and their reactions to it.

    I think that Diigo is not only for ‘researchers’.
    Most of us conduct some sort of research whenever we read a news article, shop for an appliance, view photos or videos, or read a blogpost.

    Although I appreciate the other services, and might occasionally use some of them, I find that Diigo already incorporates and combines MOST of their important features, in a way that is more robust and scalable.
    Diigo specifically addresses the issue that was mentioned in the introduction of this tech-crunch comparison - mark up the web and make annotations on webpages.

  43. Carl Williams

    We use Diigo at our company. My boss is a very big fan of it. We wrote a review of Diigo, Reddit, and Del.icio.us. You can find it at http://www.odinjobs.com/blogs/.....n_it_s_del

  44. BloggyfromSpace

    ZCubes is way more cooler than any of the sites discussed in this blog.

  45. Jonah

    I’m a user interface designer and our project teams could not get by without Protonotes (http://www.protonotes.com). It’s by far the easiest web annotation tool out there. Sign up only requires your email address (nothing else) and once you’ve signed up you just send your protonotes link to your project team members - they don’t have to sign up. No plugins, bookmarklets, or installation. It’s light on features but does just what is needed perfectly.

  46. ZDiane

    Protonotes is another free annotation service worth a look. It’s geared more to project collaboration. http://www.protonotes.com.

  47. Maurice Wethington

    This one makes sence “One’s first step in wisdom is to kuesstion everything - and one’s last is to come to terms with everything.”