CSSKarma

For a Beautiful Web

5 Comments

Every so often as I meander around the internet I find little bits of geek-dome brilliance in the markup of a site.

This morning, I was reading For A Beautiful Web, a site put out by Andy Clarke. This site, by itself is a great resource, but that’s not why I’m writing this.

I left a comment on a recent blog post, and since I had also just written a custom style for this site with Stylish, I noticed that the comment I left looked a little funny. It looked like the style I just wrote for a blockquote. So I investigated.

Sure enough:

<li id="r450" class="odd ">
<div class="meta">
<h4 class="vcard"><a href="#r450" title="Permalink this reply">#1</a> &bull; <span class="fn url"><a href="http://www.csskarma.com">Tim Wright</a></span></h4><abbr title="2009-03-12">Mar 12th 2009 &bull; 4:05 <sup>pm</sup></abbr>
</div>
<blockquote><p>It always seems like company heads generally agree that getting together and talking for the greater good is a positive thing. Unfortunately, it never seems to happen. My guess is that they don&#8217;t see the value in improving their product to us (the developer), only the general user who generates the majority of the revenue.
</p>
<p>
It&#8217;s unfortunate that not many people higher up actually give back to the community as a whole.
</p></blockquote>
</li>

Not only a blockquote, but a dash-o-microformatting too.

Anyway, I thought this was a brilliant addition to blog comments, and it makes perfect semantic sense, and I really hope it catches on. I love it, great job Andy!

P.S. If anyone wants to meet up at SXSW next week DM me (or e-mail me), I’ll be there for all of the Interactive and some of the movies.

Tags: comments, microformats

You can leave a response, or trackback from your own site.