xfolk-brainstorming: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 72: Line 72:
more complete usecase:
more complete usecase:
<pre>
<pre>
<span class="aPackage">
<ul class="aPackage">
   <span class="xfolkentry">
   <ul>
  <li class="xfolkentry">
     <a class="taggedresource" href="someurl">url's title</a>
     <a class="taggedresource" href="someurl">url's title</a>
     <a rel="tag" href="http://example.com/tag/foo">foo</a>
     <a rel="tag" href="http://example.com/tag/foo">foo</a>
     <span class="comment">this is a comment about my link</span>
     <span class="comment">this is a comment about my link</span>
   </span>
   </li>


   <span class="xfolkentry">
   <li class="xfolkentry">
     <span class="taggedresource">This is my note</span>
     <span class="taggedresource">This is my note</span>
     <a rel="tag" href="http://example.com/tag/footoo">footoo</a>
     <a rel="tag" href="http://example.com/tag/footoo">footoo</a>
     <span class="comment">this is a comment about my note</span>
     <span class="comment">this is a comment about my note</span>
   </span>
   </li


   <span class="xfolkentry">
   <li class="xfolkentry">
     <img class="taggedresource" src="someurl.jpeg">
     <img class="taggedresource" src="someurl.jpeg">
     <a rel="tag" href="http://example.com/tag/foobar">foobar</a>
     <a rel="tag" href="http://example.com/tag/foobar">foobar</a>
   </span>
   </li>
</span>
</ul>
</pre>
</pre>


= Implementation Ideas =
= Implementation Ideas =

Revision as of 00:11, 12 July 2005

xFolk Brainstorming

xFolk is a bare bones microformat for describing and tagging things represented by a URL. This definition, although simple, is pretty broad. xFolk brainstorming is a set of fairly free-flowing ideas about the future directions of xFolk. Are there functional issues you feel xFolk should address? Other issues or ideas? Do you have implementation ideas you would like to discuss? Put them here.

Authors

Bud Gibson

Add your name to the end of the list if you contribute an idea.

Functional Extensions

  • We will be adding the ability to tag any visible element that has an href attribute. This includes <img> and <object> elements. It is likely that there will be more specialized, domain-specific microformats for some of these items in the future.

Attribute Value Naming

  • Should we change the name of taggedlink, used to represent the item to be tagged to a more neutral name such as tagged or taggedresource?

The editor's current thinking is that taggedlink represents well the fact that people are identifying things represented by a URL. However, as some discussants have pointed out, the name may be too narrow. The editor is waiting to collect further data and use cases.

Here is one use case recently presented by Eran on the discussion list:

For simplicity let's assume I'm using xFolk for my photo tagging service. Following the microformat philosophy, I would like to present the information in a way that's meaningful both to people and machines. For a machine, a URL is enough to identify a a resource so something like the following is enough:

<span class="xfolkentry">
<a class="taggedlink" href="http://example.com/image.png">my image</a>
<a rel="tag" href="http://example.com/tag/foo">foo</a>
</span>

But to a human browing this page this makes little sense. The following alternative representation might work better:

<span class="xfolkentry">
<img class="taggedresource" src="http://example.com/image.png" alt="my
image">
<a rel="tag" href="http://example.com/tag/foo">foo</a>
</span>

Using class="taggedlink" on an IMG element doesn't seem right. Of course, we can combine the two:

<span class="xfolkentry">
<a class="taggedlink" href="http://example.com/image.png">
	<img src="http://example.com/image.png" alt="my image">
</a>
<a rel="tag" href="http://example.com/tag/foo">foo</a>
</span>

Which works very well for images but might not work so well for other media types (video, text snippets, etc.)

Eran



<span class="xfolkentry">
  <span class="taggedresource">This is my note</span>
  <a rel="tag" href="http://example.com/tag/foo">foo</a>
</span>

Here's an option. I gave it the class "taggedlink" and the class "inline". Style inline not to show as a link and not to change the cursor if you want.

<span class="package">
<span class="xfolkentry">
  <span><a href="URLofSomeSort" class="taggedlink inline">This is my note</a></span>
  <a rel="tag" href="http://example.com/tag/foo">foo</a>
</span>

more complete usecase:

<ul class="aPackage">
  <ul>
  <li class="xfolkentry">
    <a class="taggedresource" href="someurl">url's title</a>
    <a rel="tag" href="http://example.com/tag/foo">foo</a>
    <span class="comment">this is a comment about my link</span>
  </li>

  <li class="xfolkentry">
    <span class="taggedresource">This is my note</span>
    <a rel="tag" href="http://example.com/tag/footoo">footoo</a>
    <span class="comment">this is a comment about my note</span>
  </li

  <li class="xfolkentry">
    <img class="taggedresource" src="someurl.jpeg">
    <a rel="tag" href="http://example.com/tag/foobar">foobar</a>
  </li>
</ul>

Implementation Ideas