xfolk-scuttle: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(Undo revision 35834 by LiorrOboca (Talk)(vandalism))
 
(11 intermediate revisions by 9 users not shown)
Line 2: Line 2:
<p>An issue with scuttle's xhtml presentation is that it specifies a collection of bookmarks with the implicit idea that bookmarks are separated each time a new URL is specfied in a &lt;dt> element.  Further, things like tags are specified as a collection in a sublist.  This approach is fine if one expects that the information will always be presented in a definition list.  Such will not be the general case for those not already using scuttle.</p>   
<p>An issue with scuttle's xhtml presentation is that it specifies a collection of bookmarks with the implicit idea that bookmarks are separated each time a new URL is specfied in a &lt;dt> element.  Further, things like tags are specified as a collection in a sublist.  This approach is fine if one expects that the information will always be presented in a definition list.  Such will not be the general case for those not already using scuttle.</p>   


<pre>&lt;div id=“bookmarks”&gt;
<pre>&lt;div id="bookmarks"&gt;
   &lt;h2&gt;Your Bookmarks&lt;/h2&gt;
   &lt;h2&gt;Your Bookmarks&lt;/h2&gt;
   &lt;dl&gt;
   &lt;dl&gt;
     &lt;dt&gt;
     &lt;dt&gt;
       &lt;a href=“http://www.sifry.com/alerts/archives/000306.html”&gt;
       &lt;a href="http://www.sifry.com/alerts/archives/000306.html"&gt;
         Sifry&amp;#039;s Alerts: Technorati launches Related Tags
         Sifry&amp;#039;s Alerts: Technorati launches Related Tags
       &lt;/a&gt;
       &lt;/a&gt;
     &lt;/dt&gt;
     &lt;/dt&gt;
     &lt;dd class=“description”&gt;
     &lt;dd class="description"&gt;
       Ever wanted to see what posts are related to other posts, what  
       Ever wanted to see what posts are related to other posts, what  
       tags are related to others? Now you can! Just check under the  
       tags are related to others? Now you can! Just check under the  
Line 16: Line 16:
       and you&amp;#039;ll see the patterns. Can you smell the emergence?
       and you&amp;#039;ll see the patterns. Can you smell the emergence?
     &lt;/dd&gt;
     &lt;/dd&gt;
     &lt;dd class=“tags”&gt;
     &lt;dd class="tags"&gt;
       2005-04-09 to  
       2005-04-09 to  
       &lt;a href=“http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy”&gt;
       &lt;a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy"&gt;
         folksonomy
         folksonomy
       &lt;/a&gt;,  
       &lt;/a&gt;,  
       &lt;a href=“http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati”&gt;
       &lt;a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati"&gt;
         technorati
         technorati
       &lt;/a&gt;
       &lt;/a&gt;
Line 30: Line 30:
<p>To get this into xFolk 0.5, the easiest way is to have each xFolk entry in its own &lt;dl> element of class xfolkentry so that individual xFolk entries can be demarcated.  We will also have to add class attributes in cases where there are none.  Changed and added components are marked with comments at the end of the line.</p>
<p>To get this into xFolk 0.5, the easiest way is to have each xFolk entry in its own &lt;dl> element of class xfolkentry so that individual xFolk entries can be demarcated.  We will also have to add class attributes in cases where there are none.  Changed and added components are marked with comments at the end of the line.</p>


<pre>&lt;div id=“bookmarks”&gt;
<pre>&lt;div id="bookmarks"&gt;
   &lt;h2&gt;Your Bookmarks&lt;/h2&gt;
   &lt;h2&gt;Your Bookmarks&lt;/h2&gt;
   &lt;dl class=“xfolkentry”&gt; <!-- changed -->
   &lt;dl class="xfolkentry"&gt; <!-- changed -->
     &lt;dt&gt;
     &lt;dt&gt;
       &lt;a class=“taggedlink” <!-- changed -->
       &lt;a class="taggedlink" <!-- changed -->
       href=“http://www.sifry.com/alerts/archives/000306.html”&gt;
       href="http://www.sifry.com/alerts/archives/000306.html"&gt;
         Sifry&amp;#039;s Alerts: Technorati launches Related Tags
         Sifry&amp;#039;s Alerts: Technorati launches Related Tags
       &lt;/a&gt;
       &lt;/a&gt;
     &lt;/dt&gt;
     &lt;/dt&gt;
     &lt;dd class="description"&gt;
     &lt;dd class="description"&gt; <!-- not changed because works with xFolk -->
       Ever wanted to see what posts are related to other posts, what  
       Ever wanted to see what posts are related to other posts, what  
       tags are related to others? Now you can! Just check under the  
       tags are related to others? Now you can! Just check under the  
Line 45: Line 45:
       and you&amp;#039;ll see the patterns. Can you smell the emergence?
       and you&amp;#039;ll see the patterns. Can you smell the emergence?
     &lt;/dd&gt;
     &lt;/dd&gt;
     &lt;dd class=“tags”&gt;
     &lt;dd class="tags"&gt;
       2005-04-09 to  
       2005-04-09 to  
       &lt;a rel=“tag”
       &lt;a rel="tag"
       href=“http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy”&gt; <!-- changed -->
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy"&gt; <!-- changed -->
         folksonomy
         folksonomy
       &lt;/a&gt;,  
       &lt;/a&gt;,  
       &lt;a rel=“tag”
       &lt;a rel="tag"
       href=“http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati”&gt; <!-- changed -->
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati"&gt; <!-- changed -->
         technorati
         technorati
       &lt;/a&gt;
       &lt;/a&gt;

Latest revision as of 17:39, 20 December 2008

Scuttle

An issue with scuttle's xhtml presentation is that it specifies a collection of bookmarks with the implicit idea that bookmarks are separated each time a new URL is specfied in a <dt> element. Further, things like tags are specified as a collection in a sublist. This approach is fine if one expects that the information will always be presented in a definition list. Such will not be the general case for those not already using scuttle.

<div id="bookmarks">
  <h2>Your Bookmarks</h2>
  <dl>
    <dt>
      <a href="http://www.sifry.com/alerts/archives/000306.html">
        Sifry&#039;s Alerts: Technorati launches Related Tags
      </a>
    </dt>
    <dd class="description">
      Ever wanted to see what posts are related to other posts, what 
      tags are related to others? Now you can! Just check under the 
      Tag description on most tag pages, like this one, or this one, 
      and you&#039;ll see the patterns. Can you smell the emergence?
    </dd>
    <dd class="tags">
      2005-04-09 to 
      <a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy">
        folksonomy
      </a>, 
      <a href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati">
        technorati
      </a>
    </dd>
  </dl>
</div>

To get this into xFolk 0.5, the easiest way is to have each xFolk entry in its own <dl> element of class xfolkentry so that individual xFolk entries can be demarcated. We will also have to add class attributes in cases where there are none. Changed and added components are marked with comments at the end of the line.

<div id="bookmarks">
  <h2>Your Bookmarks</h2>
  <dl class="xfolkentry"> <!-- changed -->
    <dt>
      <a class="taggedlink" <!-- changed -->
      href="http://www.sifry.com/alerts/archives/000306.html">
        Sifry&#039;s Alerts: Technorati launches Related Tags
      </a>
    </dt>
    <dd class="description"> <!-- not changed because works with xFolk -->
      Ever wanted to see what posts are related to other posts, what 
      tags are related to others? Now you can! Just check under the 
      Tag description on most tag pages, like this one, or this one, 
      and you&#039;ll see the patterns. Can you smell the emergence?
    </dd>
    <dd class="tags">
      2005-04-09 to 
      <a rel="tag" 
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/folksonomy"> <!-- changed -->
        folksonomy
      </a>, 
      <a rel="tag" 
       href="http://www.niallkennedy.com/scuttle/bookmarks.php/budgibson/technorati"> <!-- changed -->
        technorati
      </a>
    </dd>
  </dl>
</div>