xfolk-julian-bez: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
Line 2: Line 2:
<p>[http://www.julian-bez.de/blog Julian Bez] is a german web designer.  His link blog contains a lot of semantic markup.  It only requires minor alteration to conform with xFolk.  Here's the markup before conversion with items to change commented at the end of the line.</p>
<p>[http://www.julian-bez.de/blog Julian Bez] is a german web designer.  His link blog contains a lot of semantic markup.  It only requires minor alteration to conform with xFolk.  Here's the markup before conversion with items to change commented at the end of the line.</p>


<pre>&lt;li id=“links”&gt;
<pre>&lt;li id="links"&gt;
   &lt;h3&gt;del.icio.us bookmarks&lt;/h3&gt;
   &lt;h3&gt;del.icio.us bookmarks&lt;/h3&gt;
   &lt;p&gt;
   &lt;p&gt;
     &lt;a rel=“bookmark” href=“http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php”&gt; <!-- will change -->
     &lt;a rel="bookmark" href="http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php"&gt; <!-- will change -->
       &lt;strong&gt;
       &lt;strong&gt;
         Amazon's new clothes - Signal vs. Noise (by 37signals)
         Amazon's new clothes - Signal vs. Noise (by 37signals)
Line 11: Line 11:
     &lt;/a&gt;
     &lt;/a&gt;
   &lt;/p&gt;
   &lt;/p&gt;
   &lt;div class=“linkcontent”&gt; <!-- will change -->
   &lt;div class="linkcontent"&gt; <!-- will change -->
     &lt;p&gt;
     &lt;p&gt;
       (Apr 7) It looks like Amazon is trying a new book detail page.
       (Apr 7) It looks like Amazon is trying a new book detail page.
Line 20: Line 20:
<p>Here's the new version with changes and additions commented at the end of the line.</p>
<p>Here's the new version with changes and additions commented at the end of the line.</p>


<pre>&lt;li id=“links”&gt;
<pre>&lt;li id="links"&gt;
   &lt;h3&gt;del.icio.us bookmarks&lt;/h3&gt;
   &lt;h3&gt;del.icio.us bookmarks&lt;/h3&gt;
   &lt;div class=“xfolkentry”> <!-- changed -->
   &lt;div class="xfolkentry"> <!-- changed -->
   &lt;p&gt;
   &lt;p&gt;
     &lt;a rel=“bookmark” <strong>class=“taggedlink”</strong> <!-- changed -->
     &lt;a rel="bookmark" <strong>class="taggedlink"</strong> <!-- changed -->
     href=“http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php”&gt;
     href="http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php"&gt;
       &lt;strong&gt;
       &lt;strong&gt;
         Amazon's new clothes - Signal vs. Noise (by 37signals)
         Amazon's new clothes - Signal vs. Noise (by 37signals)
Line 31: Line 31:
     &lt;/a&gt;
     &lt;/a&gt;
   &lt;/p&gt;
   &lt;/p&gt;
   &lt;div class=“description”&gt; <!-- changed -->
   &lt;div class="description"&gt; <!-- changed -->
     &lt;p&gt;
     &lt;p&gt;
       (Apr 7) It looks like Amazon is trying a new book detail page.
       (Apr 7) It looks like Amazon is trying a new book detail page.

Revision as of 20:32, 10 July 2005

Julian Bez

Julian Bez is a german web designer. His link blog contains a lot of semantic markup. It only requires minor alteration to conform with xFolk. Here's the markup before conversion with items to change commented at the end of the line.

<li id="links">
  <h3>del.icio.us bookmarks</h3>
  <p>
    <a rel="bookmark" href="http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php"> <!-- will change -->
      <strong>
        Amazon's new clothes - Signal vs. Noise (by 37signals)
      </strong>
    </a>
  </p>
  <div class="linkcontent"> <!-- will change -->
    <p>
      (Apr 7) It looks like Amazon is trying a new book detail page.
    </p>
  </div>
</li>

Here's the new version with changes and additions commented at the end of the line.

<li id="links">
  <h3>del.icio.us bookmarks</h3>
  <div class="xfolkentry"> <!-- changed -->
  <p>
    <a rel="bookmark" <strong>class="taggedlink"</strong> <!-- changed -->
     href="http://37signals.com/svn/archives2/2005/04/amazons_new_clo.php">
      <strong>
        Amazon's new clothes - Signal vs. Noise (by 37signals)
      </strong>
    </a>
  </p>
  <div class="description"> <!-- changed -->
    <p>
      (Apr 7) It looks like Amazon is trying a new book detail page.
    </p>
  </div>
  </div> <!-- changed -->
</li>