hCard microformat Validator (beta, of course)

This is an unofficial validator¹/conformance checker of the hCard microformat.

Po polsku
(translations welcome!)

Input

URL

Check entire XHTML or HTML page by entering its HTTP URL.

Fragment

Paste well-formed XHTML fragment or complete document containing hCard.

Upload

Upload HTML or XHTML file to validate it. For this to work your browser must be setting MIME types properly.

Example

If searching for hCards in the wild is tiring, check one of the test-cases:

Browse examples

API & Other

Any page by Referer

<a href="http://hcard.geekhood.net/referrer/">Validate hCards</a>

Bookmarklet

hCard?

RESTful JSON API

Send GET request to http://hcard.geekhood.net/?url=URL to validate&output=json.

Output will be roughly compatible with the Validator.nu JSON API. Likely to change in the future.

Please use this API for validation, not just as an converter/extraction tool.

Send Feedback

You can send feedback via e-mail or the form below.

If you're reporting a bug or have a suggestion, don't forget to include example hCard code.

Result

Congratulations! No errors found.

  1. hCard #1

    No issues found.

    Formatted name 
    Jason Zimdars
    Organization Org. Name 
    37 Signals
    Name Given Name 
    Jason
    Family Name 
    Zimdars

  2. hCard #2

    No issues found.

    Formatted name 
    Jeremy Keith
    Name Given Name 
    Jeremy
    Family Name 
    Keith

  3. hCard #3

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    37 Signals
    Organization Org. Name 
    37 Signals

  4. hCard #4

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    Telnic
    Organization Org. Name 
    Telnic

  5. hCard #5

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    Automattic
    Organization Org. Name 
    Automattic

  6. hCard #6

    No issues found.

    Formatted name 
    Beau Lebens
    URL http://gravatar.com/beau
    Name Given Name 
    Beau
    Family Name 
    Lebens

  7. hCard #7

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    BrightKite
    Organization Org. Name 
    BrightKite
    URL http://brightkite.com

  8. hCard #8

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name 
    Tantek
    Photo URL http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://tantek.com/
    Nickname 
    Tantek

  9. hCard #9

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name 
    Frances
    Photo URL http://www.gravatar.com/avatar/5efecf1ab796b265639688a5825dc449?s=16&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://fberriman.com
    Nickname 
    Frances

  10. hCard #10

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    Madgex
    Organization Org. Name 
    Madgex
    URL http://madgex.com/

  11. hCard #11

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    Guardian UK
    Organization Org. Name 
    Guardian UK

  12. hCard #12

    No issues found.

    Formatted name 
    Tom Morris
    URL http://microformats.org/wiki/User:TomMorris
    Name Given Name 
    Tom
    Family Name 
    Morris

  13. hCard #13

    No issues found.

    Formatted name 
    Reinier Zwitserloot
    URL http://twitter.com/surial
    Name Given Name 
    Reinier
    Family Name 
    Zwitserloot

  14. hCard #14

    No issues found.

    Formatted name 
    Tim Van Damme
    Name Given Name 
    Tim
    Family Name 
    Van Damme
    URL http://timvandamme.com/

  15. hCard #15

    No issues found.

    Formatted name 
    Rogie King
    URL http://rogieking.com/#contact
    Name Given Name 
    Rogie
    Family Name 
    King

  16. hCard #16

    No issues found.

    Formatted name 
    Jared Hanson
    URL http://www.jaredhanson.net/
    Name Given Name 
    Jared
    Family Name 
    Hanson

  17. hCard #17

    • Info: This hCard describes organization or company

      org and fn used together imply that it is not a person.

      More info

    Formatted name 
    MySpace
    Organization Org. Name 
    MySpace
    URL http://myspace.com

  18. hCard #18

    No issues found.

    Formatted name 
    Christopher Schmitt
    URL http://twitter.com/teleject
    Name Given Name 
    Christopher
    Family Name 
    Schmitt

  19. hCard #19

    No issues found.

    Formatted name 
    Andy Clarke
    URL http://twitter.com/Malarkey
    Name Given Name 
    Andy
    Family Name 
    Clarke

  20. hCard #20

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name 
    Tantek
    Photo URL http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://tantek.com/
    Nickname 
    Tantek

  21. hCard #21

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name 
    Rohit
    Photo URL http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://www.ics.uci.edu/~rohit
    Nickname 
    Rohit

  22. hCard #22

    • Warn: hCard microformat in <address>

      This will be interpreted as vCard of the contact point for the page (e.g. page owner, webmaster).

      More info

    • Info: Implied nickname from fn

      You can add n property to prevent it, or use fn and nickname on the same element to make it explicit.

      More info

    Formatted name 
    Rohit
    Photo URL http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=PG
    URL http://www.ics.uci.edu/~rohit
    Nickname 
    Rohit

File source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Microformats  </title>
	<link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/style.css" />
	<link rel="stylesheet" type="text/css" media="print" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/print.css" />
	<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie.css" />	    
	<![endif]-->
	<!--[if lte IE 5.5]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie5.css" />	    
	<![endif]-->
	<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://microformats.org/feed" />
</head>
<body>

<div id="wrap">
	<div id="header">
		<h1>		    <img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/logo.gif" width="144" height="36" alt="microformats" />
		</h1>
			
		<ul id="nav">
		<li class="active"><a href="/blog" title="Microformats.org Home">Blog</a></li>
<li><a href="/wiki/" title="The microformats.org documentation and specifications">Wiki</a></li>
<li><a href="/discuss" title="Join and read mailing lists to discuss and develop microformats">Discuss</a></li>
<li><a href="/about" title="What are microformats?">About</a></li>
<li><a href="/code-tools" title="Snippets and tools to help you publish microformats">Code &#38; Tools</a></li>
<li><a href="/get-started" title="A little guide on how to publish your first hCard">Get Started</a></li>
		</ul>
	</div>
		
	<hr class="hide" />
	

	<div id="content" class="hfeed">
		<h2 id="home-title">Latest microformats news <a href="http://microformats.org/feed" title="link to RSS feed" id="feed-link"><img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/xml.gif" width="23" height="13" alt="Feed" /></a></h2>
			
					<div class="entry hentry">
				<h3 class="entry-title" id="post-313"><a href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets" rel="bookmark" title="Permanent Link to microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets">microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets</a></h3>
                <div class="entry-content">
				    <p>The microformats.org community recently celebrated its 5th birthday &#8211; five plus years of openly researching, creating, and iterating on web standards to express common semantics designed for humans first, machines second.</p>
<div class="vevent">
<h4 class="summary" id="billions-hcards"><a style="text-decoration:none;border:0" href="#billions-hcards">Two Billion pages with hCards</a></h4>
<div class="description">
<p>
Originally <a href="http://microformats.org/wiki/hcard-history">brainstormed in September 2004</a>, and rapidly adopted by numerous tools, sites, large and small, the number of pages published with one or more <a href="http://microformats.org/wiki/hcard">hCards</a> recently <strong>crossed the 2 billion mark a few days</strong> ago according to Yahoo Search Monkey, making it the most popular format for people or organizations on the web:
</p>
<p>
<a style="display:block; text-align:center; border:0" href="/media/2010/2010-184T190402-2b-hCards.png"><img style="max-width:75%" class="attach" src="/media/2010/2010-184T190402-2b-hCards.png" alt="screenshot of Yahoo Search Monkey search results for pages with hCards showing just over 2 billion pages with hCards, taken 2010-07-03 at 7pm Pacific Time" /></a>
</p>
</div>
</div>
<p><a href="http://search.yahoo.com/search?p=searchmonkey%3Acom.yahoo.page.uf.hcard">Search Monkey&#8217;s results do tend to fluctuate</a> a few percentage points, even hour by hour, so you may see different numbers, both lower, and over time, higher and higher.  Here are a few recent hCard deployments that no doubt contributed to crossing the two billion mark:</p>
<h5 id="basecamp-hcards"><a style="text-decoration:none;border:0" href="#basecamp-hcards">1. Basecamp adds hCards: people and companies</a></h5>
<p>Just a few days ago, <span class="vcard"><span class="fn">Jason Zimdars</span> of <span class="org">37 Signals</span></span> reported that <a href="http://answers.37signals.com/basecamp/556-any-chance-of-adding-hcards#reply_5105">Basecamp has been updated to support hCards</a> for people and companies, and is now looking into more uses: </p>
<blockquote cite="http://answers.37signals.com/basecamp/556-any-chance-of-adding-hcards#reply_5105"><p>I&#8217;m pretty happy with this added functionality so I intend to explore using hCards in other parts of our apps where it makes sense.</p>
</blockquote>
<p>Thanks to <span class="vcard"><span class="fn">Jeremy Keith</span></span> for making the request and following-up with <span class="vcard"><span class="fn org">37 Signals</span></span>.</p>
<h5 id="tel-hcards"><a style="text-decoration:none;border:0" href="#tel-hcards">2. All .tel domains now support hCard</a></h5>
<p>And just yesterday <span class="vcard"><span class="fn org">Telnic</span></span> announced that <a href="http://www.prnewswire.com/news-releases/telnic-increases-tel-data-portability-with-hcard-oauth-and-openid-97937139.html"><q cite="http://www.prnewswire.com/news-releases/telnic-increases-tel-data-portability-with-hcard-oauth-and-openid-97937139.html">all .tel names now support the hCard microformat</q></a></p>
<h5 id="gravatar-hcards"><a style="text-decoration:none;border:0" href="#gravatar-hcards">3. Over 14 Million of Gravatar Profile hCards</a></h5>
<p>About a month ago, <span class="vcard"><span class="fn org">Automattic</span></span>&#8217;s <a href="http://en.blog.wordpress.com/2010/06/02/your-public-profile/">Gravatar launched public, linkable profiles for all Wordpress.com users</a> , beautifully presented and marked up with hCard, e.g. check out <span class="vcard"><a class="url" href="http://gravatar.com/beau"><span class="fn">Beau Lebens</span>&#8217;s profile</a></span>:</p>
<p><a style="display:block; text-align:center; border:0" href="/media/2010/2010-188T162649-Beau-hCard.png"><img style="max-width:75%" src="/media/2010/2010-188T162649-Beau-hCard.png" alt="screenshot of Beau Lebens's Gravatar profile loaded in Firefox with the Operator toolbar showing one hCard" /></a></p>
<p>That&#8217;s another <strong>14+ million hCards</strong> (figure from WordPress.com), each representing an individual blogger on the public web.</p>
<h5 id="brightkite-hcards"><a style="text-decoration:none;border:0" href="#brightkite-hcards">4. Over 20 Million BrightKite hCards</a></h5>
<p>Finally, just before <span class="vevent"><span class="summary">microformats.org&#8217;s 5th birthday</span> on <abbr title="2010-06-20">this past June 20th</abbr></span>, developers of <span class="vcard"><a class="fn org url" href="http://brightkite.com">BrightKite</a></span> informed us that they&#8217;ve fully implemented hCard on all of their 5.5 million registered user profiles and 16.5 million venue pages &#8211; another <strong>22 million new hCards</strong>.  Thanks for the birthday present BrightKite!</p>
<h4 id="microformats-rich-snippets"><a style="text-decoration:none;border:0" href="#microformats-rich-snippets">94% of rich snippets markup</a></h4>
<p>All of these deployments come from the powerful combination of: 1. microformats ease-of-authoring (the easiest way to semantically markup people, venues, etc. in HTML), and 2. the fact that search engines like Yahoo and Google index microformats <em>and</em> make them visible in their user interfaces.</p>
<p>In May of 2009 Google launched Rich Snippets with support for microformats and RDFa, with a set of content partners like Yelp who all chose to use microformats to produce rich snippets in Google search results.</p>
<p><a style="display:block; text-align:center; border:0" href="http://www.google.com/search?q=yelp+coffee+to+the+people+san+francisco"><img style="max-width:75%" src="/media/2010/2010-188T170429-Yelp-CTTP-snippet.png" alt="screenshot fragment of a Google Rich Snippet of a Yelp search result showing average rating and number of reviews from their use of the hReview-aggregate" /></a></p>
<p>Starting with support for <a href="http://microformats.org/wiki/hcard">hCard</a>, <a href="http://microformats.org/wiki/hreview">hReview</a>, <a href="http://microformats.org/wiki/hreview-aggregate">hReview-aggregate</a>, and <a href="http://microformats.org/wiki/hproduct">hProduct</a>, over the past year, Google added support for <a href="http://microformats.org/wiki/hcalendar">hCalendar</a> and <a href="http://microformats.org/wiki/hrecipe">hRecipe</a> as well.</p>
<p>For all of these, Google provided side-by-side examples for each snippet type in multiple formats (microformats, RDFa, microdata), which in many ways has helped to demonstrate how much simpler/easier microformats are in many respects (and some of the promise that microdata shows for more general extensibility).</p>
<p>As <a href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php">recently reported by ReadWriteWeb</a>, Google themselves reported at the Semantic Technologies conference that when Google finds data for rich snippets on pages, <strong>94% of the time that data for rich snippets is marked up with microformats</strong> (40,091 vs. 2,514, conservatively assuming none of of those pages contain both, if they did, the 94% number would be even higher).</p>
<p><a style="display:block; text-align:center; border:0" href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php"><img src="http://www.readwriteweb.com/images/richsnippets_june10b.jpg" alt="photograph of a slide presented by Google at the Semantic Technologies conference showing a table of sources of rich snippets comparing microformats, about 40k total, vs. RDFa at about 2.5k total." /></a></p>
<p>Photo credit: <a href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php">Read Write Web: Google&#8217;s Semantic Web Push: Rich Snippets Usage Growing</a>.</p>
<p>The numbers comparing hCard vs. alternative person markup are particularly staggering:</p>
<ul>
<li>~30x more person snippets use hCard (33,675 vs. 1,160).</li>
</ul>
<p>This is no surprise, as <a href="http://www.webdirections.org/sotw10/markup/#semantics">The State of Web Development 2010 survey showed</a> nearly an order of magnitude gap, that is far more <strong>(6x more) web developers use microformats</strong> in their day to day work (34.52% use microformats vs 5.63% use RDFa, per the survey).</p>
<p>Given many more web developers are using microformats, it&#8217;s not surprising that Google is finding more microformats than alternatives. What is interesting though is that while <strong>6x more developers use microformats</strong>, Google is finding <strong>16x more microformats for rich snippets</strong> than alternatives. </p>
<p>One could conclude from these two numbers that <strong>developers using microformats are 2-3 times more net productive</strong> in terms of number of pages produced with rich snippets. This net productivity could be because microformats are easier (take less time) to author, and possibly that microformats are easier to get right, and thus have Google recognize them, as compared to alternatives.</p>
<h4 id="make-it-simpler"><a style="text-decoration:none;border:0" href="#make-it-simpler">Making Micoformats Even Simpler</a></h4>
<p>Still, we can do even better than that.  And no, I&#8217;m not just talking about going from 94% to 99+%.</p>
<p>The Google presentation slide noted that the results were out of <q>one million web pages sampled from the Internet</q>.  Out of that, <em>only</em> ~40,000 had microformats.  Given that nearly every web page mentions people, organizations, events, or some other popular microformat, that number should be much higher.</p>
<p>Thus there is much room for us to improve, and in particular, based on feedback, from Google, Yahoo, from numerous smaller companies and independent web developers, we can and should make microformats <em>even</em> simpler.  Simpler to write, easier to get right, and ideally, even more micro &#8211; less code, less page weight.  Starting with a <a href="http://microformats.org/wiki/events/2010-05-02-microformats-2-0">few ideas brainstormed a couple of months ago</a>, there&#8217;s now a few folks working on a &#8220;microformats 2.0&#8243; to achieve these goals.</p>
<p>Do you have feedback or ideas about how microformats could be made even simpler and easier <em>for authors</em>?</p>
<p>Please add your thoughts to the &#8220;<a href="http://microformats.org/wiki/microformats-made-simpler">microformats-made-simpler</a>&#8221; wiki page.</p>
<p>Have you implemented hCard profiles on your site?  </p>
<p>Add your site to the <a href="http://microformats.org/wiki/hcard-supporting-user-profiles">hCard supporting user profiles</a> page.</p>
<p>Thanks to all of the hard work and contributions by everyone in the microformats community for an excellent fifth year of microformats.org.  Here&#8217;s looking forward to even more microformats accomplishments in our sixth year.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets" rel="bookmark" title="Permanent Link to microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets">
                            <span class="value-title" title="2010-07-08T06:30:22"> </span>
                            July 8th, 2010                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/">
					        <img alt='' src='http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets#comments" title="Comment on microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets">2 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript"></script>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-299"><a href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets" rel="bookmark" title="Permanent Link to Google adds support for hCalendar and hRecipe Rich Snippets">Google adds support for hCalendar and hRecipe Rich Snippets</a></h3>
                <div class="entry-content">
				    <p>The first quarter of this year has seen Google really make tracks with Rich Snippets, which they <a href="http://microformats.org/2009/05/15/rich-snippets-microformat-search">announced back in May of last year</a>, with microformat implementions popping up in results for all manner of content. </p>
<h4>hCalendar</h4>
<p>One of the original, and certainly most obviously useful formats, <a href="/wiki/hcalendar">hCalendar</a> has made major head-roads in being adopted across the web as a standardised way to mark-up event information.  <a href="http://twitter.com/jaymon/status/8982772441">Those who took the time to add this format</a> to their site are now reaping the benefits, with <a href="http://googlewebmastercentral.blogspot.com/2010/01/introducing-new-rich-snippets-format.html">Google clearly making the most of this rich data</a>.  </p>
<h4>hRecipe</h4>
<p><a href="/wiki/hrecipe">hRecipe</a> is certainly a relatively young format, but always looked to be a promising starter bringing the timeless interest of geeks and food together.</p>
<p>With a view to make organising your summer BBQs simpler this year, <a href="http://googlewebmastercentral.blogspot.com/2010/04/better-recipes-on-web-introducing.html">Google have made a major update to their search result pages</a> which now highlight recipes in the results, showing important information such as ratings, cooking and prep times.  The information being displayed is formed from extracts of hRecipe marked up data.</p>
<p><a href="http://www.flickr.com/photos/phae_/4560222315/"><img src="http://farm5.static.flickr.com/4031/4560222315_107af02544.jpg" alt="hRecipes in Google results" /></a></p>
<p><a href="http://mwunsch.tumblr.com/post/556026977/hrecipe-snippets">Mark Wunsch</a>, a developer for <a href="http://www.foodnetwork.com/">FoodNetwork</a> and <a href="http://microformats.org/wiki/prism">Prism parser</a>, who now finds his microformatted recipes displayed on Google search results pages had this to say:</p>
<blockquote><p>When we revisited our recipe pages on FoodNetwork.com a few months ago, it was one of our priorities in Front End Engineering to embed hRecipe. We knew that it would be only a matter of time for tool support to come along to utilize our recipe data. As Front End Engineers, we have real control over what are pages output, and we have a real opportunity maximize the amount of data that a tool like Google can glean from our markup. It would be a poor practice to not take advantage of microformats when something as powerful as Google recognizes their importance.</p>
</blockquote>
<p>There&#8217;s further work to do with ironing out the kinks in the hRecipe format, but I think this certainly shows the benefit of being an early adopter and getting these formats out into the wild for real stress-testing.  Congratulations to <a href="http://microformats.org/wiki/hrecipe#Contributors">all those involved</a>!</p>
<p>With Google now officially supporting these two formats, plus <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146646">people</a> and <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146645">reviews</a>, we eagerly anticipate their further adoption of additional microformats into Rich Snippets.</p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/google" rel="tag">google</a>, </li><li><a href="http://microformats.org/tag/hcalendar" rel="tag">hcalendar</a>, </li><li><a href="http://microformats.org/tag/hrecipe" rel="tag">hrecipe</a>, </li><li><a href="http://microformats.org/tag/rich-snippets" rel="tag">rich snippets</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets" rel="bookmark" title="Permanent Link to Google adds support for hCalendar and hRecipe Rich Snippets">
                            <span class="value-title" title="2010-04-28T07:41:01"> </span>
                            April 28th, 2010                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://fberriman.com">
					        <img alt='' src='http://www.gravatar.com/avatar/5efecf1ab796b265639688a5825dc449?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Frances					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets#comments" title="Comment on Google adds support for hCalendar and hRecipe Rich Snippets">3 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript"></script>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-275"><a href="http://microformats.org/2009/10/06/recently-2009-09" rel="bookmark" title="Permanent Link to Recently in microformats: 2009-09">Recently in microformats: 2009-09</a></h3>
                <div class="entry-content">
				    <p>It&#8217;s been a while since we&#8217;ve posted a &#8220;This Week in Microformats&#8221;, and September was a particularly active month for microformats:</p>
<ul>
<li><a href="#y2009-09-imps">new hResume and hCard implementations</a></li>
<li><a href="#y2009-09-nice-hcards">beautiful hCards, MySpace hCards</a></li>
<li><a href="#y2009-09-tuts-devs">new tutorials and developments</a></li>
</ul>
<h4 id="y2009-09-imps">new hResume and hCard implementations</h4>
<p><span class="vcard"><a class="fn org url" href="http://madgex.com/">Madgex</a></span>&#8217;s brand new <a rel="tag" href="http://microformats.org/wiki/hresume">hResume</a> importer powers the <span class="vcard"><span class="fn org">Guardian UK</span></span>&#8217;s recently launched <a href="http://jobs.guardian.co.uk/profile/">Guardian Jobs CV Match</a> service.  The site <a href="http://www.yiid.com/">YIID</a> (Your Internet Identity) now also supports importing hResumes.</p>
<p>Open source parsing libraries continue being developed for numerous languages. The latest, as noted by <span class="vcard"><a class="fn url" href="http://microformats.org/wiki/User:TomMorris">Tom Morris</a></span> on the <a href="http://microformats.org/wiki/parsers" rel="tag">parsers page</a>, is the Java library <a href="http://zwitserloot.com/org.microformats.hCard/">org.microformats.hCard</a> written by <span class="vcard"><a class="fn url" href="http://twitter.com/surial">Reinier Zwitserloot</a></span>.</p>
<h4 id="y2009-09-nice-hcards">beautiful hCards, MySpace hCards</h4>
<p>Personal hCards have been around for years, but recently we&#8217;re seeing more and more web designers publishing their online identity using beautifully styled hCards, superb complements of form and function. Three in particular:</p>
<ul>
<li class="vcard"><a class="fn n url" href="http://timvandamme.com/"><span class="given-name">Tim</span> <span class="family-name">Van Damme</span></a><a href="http://www.flickr.com/photos/microformats/3988698726/"><img style="display:block" src="http://farm3.static.flickr.com/2441/3988698726_675c0af031_m.jpg" alt="screenshot of Tim Van Damme's hCard" /></a></li>
<li class="vcard"><a class="fn url" href="http://rogieking.com/#contact">Rogie King</a><a href="http://www.flickr.com/photos/microformats/3987943075/"><img style="display:block" src="http://farm4.static.flickr.com/3504/3987943075_8c857ea23e_m.jpg" alt="screenshot of Rogie King's hCard" /></a></li>
<li class="vcard"><a class="url fn" href="http://www.jaredhanson.net/">Jared Hanson</a><a href="http://www.flickr.com/photos/microformats/3988698866"><img style="display:block" src="http://farm3.static.flickr.com/2613/3988698866_b2b51abf19_m.jpg" alt="screenshot of Jared Hanson's hCard" /></a></li>
</ul>
<p>All three make good use of CSS for styling and layout, and Javascript for dynamic effects. The last of the 3, Jared&#8217;s, is more simply styled than the other two, however if you look closely, his list of instant message network addresses also display his live availability on each, a really nice touch.</p>
<p><a href="http://www.flickr.com/photos/microformats/3987943171"><img style="display:block;margin:auto" src="http://farm3.static.flickr.com/2473/3987943171_5e2383a1d4_m.jpg" alt="screenshot of Jared Hanson's instant message addresses annotated visually with his presence on each" /></a></p>
<p>Got a beautiful hCard you want noticed? Add it to the <a href="http://microformats.org/wiki/hcard-examples-in-wild">hCard examples in the wild</a> wiki page.</p>
<p>It&#8217;s important to highlight individual hCards like the above, as continued proof that people <em>do</em> write web pages, HTML, markup in general, <em>by hand</em>.  Even when such pages are generated from a database used fill out an HTML template, a person still writes the template <em>by hand</em>. And it&#8217;s important to highlight those that update templates as well to support microformats.</p>
<p>The list of <a href="http://microformats.org/wiki/hcard-supporting-user-profiles">social network sites with hCard profiles</a> continues to grow, this time with a big addition: <span class="vcard"><a class="fn org url" href="http://myspace.com">MySpace</a></span>.</p>
<p>As of about a month ago, all new MySpace profiles, and all current users who upgrade their profile to version 2.0, automatically get hCard support, as <a href="http://developer.myspace.com/Community/forums/p/9026/43520.aspx">confirmed by MySpace&#8217;s platform developers</a>.</p>
<h4 id="y2009-09-tuts-devs">new tutorials and developments</h4>
<p>Behind all these new microformats implementations and sites is a vibrant and active community, not just here on microformats.org, but across the web as a whole, and across web development communities as well.</p>
<p>The standards-championing <a href="http://dev.opera.com/">Dev Opera</a> community recently published a wonderful article on <cite><a href="http://dev.opera.com/articles/view/styling-and-extracting-hcalendar/">Styling and extracting hCalendar</a></cite> by <span class="vcard"><a href="http://twitter.com/teleject" class="fn url">Christopher Schmitt</a></span>, and updated it with use of the <a href="http://microformats.org/wiki/value-class-pattern" rel="tag">value class pattern</a> for better accessibility.</p>
<p>Safari Books Online and New Riders have made published a video,  <cite><a href="http://my.safaribooksonline.com/9780321668646">Designing with Microformats for a Beautiful Web</a></cite>, by well known web designer <span class="vcard"><a class="fn url" href="http://twitter.com/Malarkey">Andy Clarke</a></span>.</p>
<p>And finally, last but not least, this past month saw the resolution of all outstanding issues on both hCard and <a href="http://microformats.org/wiki/hcalendar" rel="tag">hCalendar</a>, paving the way for updates to the specs, FAQs, and 1.0.1 drafts, incorporating important errata, updates, and brainstormed improvements.</p>
<p>The microformats community was quite busy this summer, and September brought a lot of forward progress.  October is shaping up to be even more impressive.</p>
<p>For more microformats updates as they happen, be sure to subscribe to the <a href="http://microformats.org/discuss">microformats discuss</a> mailing list and the <a href="http://twitter.com/microformats">@microformats</a> Twitter.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/10/06/recently-2009-09" rel="bookmark" title="Permanent Link to Recently in microformats: 2009-09">
                            <span class="value-title" title="2009-10-06T16:19:10"> </span>
                            October 6th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/">
					        <img alt='' src='http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2009/10/06/recently-2009-09#comments" title="Comment on Recently in microformats: 2009-09">1 Comment</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript"></script>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/10/06/recently-2009-09">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-178"><a href="http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp" rel="bookmark" title="Permanent Link to Developers’ Notes: microformatsDevCamp">Developers’ Notes: microformatsDevCamp</a></h3>
                <div class="entry-content">
				    <p>One month later, I wanted to share some observations about <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp">microformatsDevCamp</a> and my thoughts about why it was so successful.</p>
<p><span style="float:right;margin-left:1em; margin-bottom:.5em;"><a href="http://www.flickr.com/photos/kurafire/3756770573/"><img src="http://farm3.static.flickr.com/2665/3756770573_e2d1fee886_m.jpg" alt="microformatsDevCamp Group, Day 1" /></a></span></p>
<p>Clearly, it all begins and ends with the people who participate: we were thrilled to have several dozen developers and designers drop in over two days. Over thirty folks went further and donated at the door, but more importantly, everyone contributed their time and enthusiasm.</p>
<p>Applying the lessons of prior <a href="http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/">devCamps</a>, the group proposed dozens of ideas and came together around <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp#projects">7 projects</a>. Many of them ended up sharing their results as open-source on <a href="http://github.com/blog/468-microformats-on-github"> github</a>; others created bespoke sites and yet other conversations impacted projects folks were already working on.</p>
<p>In an increasingly online world, I think the primary lesson of this devCamp was <a href="http://en.wikipedia.org/wiki/Robert_Cailliau">Robert Cailliau</a>‘s classic quote, “<a href="http://www.siggraph.org/publications/newsletter/volume-42-number-3/dr-robert-cailliau-part-one">there is no such thing as a virtual beer.</a>” It&#8217;s refreshing to see that putting this many bright and opinionated folks in one place, at one time, actually results in concrete progress. I’d like to think at least a little of the credit is due to the minimalist philosophy of the microformats.org movement&#8230; </p>
<p>Probably the only serious glitch was softwear-related; our initial rush t-shirt order didn’t turn out as we expected, so we’re spending a bit more to order new, higher-quality shirts. In the interests of transparency, we will be posting the full, final details online once those are printed and mailed out.</p>
<p>Of course, an event of this magnitude requires more than just a volunteer labor of love: it takes real resources too. Huge thanks to our sponsors!</p>
<p>The venue, hosted by <a href="http://automattic.com">Automattic</a>, proved first-rate, with wonderful spaces for separate teams to collaborate, along with an awesome bar and views of the San Francisco Bay.<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.spinn3r.com/"><img src="/sponsors/spinner.jpg" alt="Spinn3r" height="40" /></a></span><br />
“<a href="http://spinn3r.com">Spinn3r</a> is a web service for indexing the blogosphere. We provide raw access to every blog post being published &#8211; in real time – so you can focus on building your application, mashup, or search engine.” <br style="clear:both;line-height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.commerce.net/"><img src="/sponsors/commercenet.png" alt="CommerceNet" height="23" /></a><br />
</span>“<a href="http://www.commerce.net">CommerceNet</a> is an entrepreneurial research institute that invests in exceptional people with bold ideas.”<br style="clear:both;line-height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://visitmix.com/lab/oomph"><img src="/sponsors/mix.png" alt="Microsoft" height="30" /></a><br />
</span>“<a href="http://visitmix.com/lab/oomph">Oomph</a>: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats.”<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.mblast.com/"><img src="/sponsors/mBLAST_logo.png" alt="mBLAST" height="30" /></a></span>“<a href="http://www.mblast.com/">mBLAST</a> spiders data daily to power search, product directories, publisher sites, buyer&#8217;s guides, and other mashups.”<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.linkedin.com/in/carlaborsoi"><img src="http://media.linkedin.com/mpr/mpr/shrink_80_80/p/3/000/000/28a/05d6a08.jpg" alt="Carla Borsoi" height="50"  /></a>&nbsp;<a href="http://www.linkedin.com/in/steveganz"><img src="http://media.linkedin.com/mpr/mpr/shrink_80_80/p/1/000/01c/099/2b955bd.jpg" alt="Steve Ganz"  height="50" /></a><br />
</span>Individual donors also pitched in personally, such as <a href="http://www.carlaborsoi.com/">Carla Borsoi</a>, Vice President, Research &#038; Analytics at Ask.com; and <a href="http://steve.ganz.name/">Steve Ganz</a>, Principal Web Developer at LinkedIn.com. Thanks also to <a href="http://cindyli.com/">Cindy Li</a> for the wonderful microformatsDevCamp logo and buttons, and to <a href="http://objectadjective.com/">Object Adjective</a> for microformats stickers.</p>
<p>PS. Check out <a href="http://www.flickr.com/photos/tags/ufdevcamp/">more</a> cool <a href="http://www.flickr.com/photos/tags/microformatsdevcamp/">photos</a>.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp" rel="bookmark" title="Permanent Link to Developers’ Notes: microformatsDevCamp">
                            <span class="value-title" title="2009-08-24T09:56:47"> </span>
                            August 24th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://www.ics.uci.edu/~rohit">
					        <img alt='' src='http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Rohit					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript"></script>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-154"><a href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend" rel="bookmark" title="Permanent Link to microformatsDevCamp this weekend!">microformatsDevCamp this weekend!</a></h3>
                <div class="entry-content">
				    <p>At our recent <a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday">4</a><sup><a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday">th</a></sup><a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday"> birthday party</a>, we started planning the first <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp">microformatsDevCamp</a> — and we&#8217;re glad to report that it&#8217;s come together quite nicely!</p>
<p><a href="http://tr.im/ufdevcamp"><img class="alignnone" title="microformatsDevCamp" src="http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg" alt="" width="365" height="108" /></a></p>
<p>Developers, designers, and all sorts of other microfolk are welcome to pitch in during this coming weekend, July 25-26, at one extremely cool venue: <a href="http://automattic.com/">Automattic HQ</a>, off of Pier 38 on the Embarcadero in San Francisco.</p>
<p>We began raising support for this event by collecting individual donations at the birthday party — thanks again to <a href="http://objectadjective.com/">Object Adjective</a>, <a href="http://www.ribbit.com/">Ribbit</a>, and <a href="http://spinn3r.com/">Spinn3r</a> for their generous support of that event! We’re going to continue that at the microformatsDevCamp with a suggested donation of $20, which will also get you one of our limited-edition commemorative T-shirts!</p>
<div style="margin: 1em; float: right;"><div class="wp-caption alignright" style="width: 202px"><a href="http://www.flickr.com/photos/titanas/3576534598/in/photostream"><img class="  " src="http://farm4.static.flickr.com/3587/3576534598_13b2c0393c_m.jpg" alt="Automattic HQ on the Embarcadero" width="192" height="144" /></a><p class="wp-caption-text">Automattic HQ</p></div></div>
<p>In addition to Automattic’s offer to host the event, we’re currently seeking sponsors for the DevCamp itself, particularly for food and drinks. In keeping with our informal structure, we’re encouraging sponsors to pay for items directly; for example, <a href="http://cindyli.com/">Cindy Li</a> is providing buttons and <a href="http://objectadjective.com/">Object Adjective</a> is bringing stickers. Our latest confirmed sponsor is <a href="http://Commerce.Net">CommerceNet</a>, a long-standing partner that&#8217;s underwriting the opening night dinner.</p>
<p>Please ask your employers and other <strong>sponsors</strong> to join in — they can contact me, the “sponsor wrangler,” directly as <a href="http://www.ics.uci.edu/~rohit/">rohit at khare dot org</a>. We’re expecting 30-50 developers to join in, so even as little as $250 can have a real impact towards creating new tools, new applications, and new user interfaces for microformats!</p>
<p>And, of course, <strong>sign-up</strong> to participate by adding your name and interests to the  <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp#attendees">microformatsDevCamp wiki page</a>!</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend" rel="bookmark" title="Permanent Link to microformatsDevCamp this weekend!">
                            <span class="value-title" title="2009-07-20T18:23:25"> </span>
                            July 20th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://www.ics.uci.edu/~rohit">
					        <img alt='' src='http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG' class='avatar avatar-16 photo' height='16' width='16' />					        Rohit					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend#comments" title="Comment on microformatsDevCamp this weekend!">2 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript"></script>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend">View blog reactions</a>
                    </li>
				</ul>
			</div>
				
		
	<h3 id="archive-link">Browse all entries by month in the <a href="/blog/" class="more">blog archive</a></h3>

	</div>

<hr class="hide" />
   
<div id="sidebar">    
<div id="text-137140391" class="box widget widget_text"><div class="box-inner"><h3>What are microformats?</h3>			<div class="textwidget"><p><img src="/wordpress/wp-content/themes/microformats/img/mf-lg-ora.gif" alt="" id="about-logo" />Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. <a href="/about/" class="more">Learn more about microformats</a></p></div>
		</div></div><div id="text-137140392" class="box widget widget_text"><div class="box-inner"><h3>Microformat specifications</h3>			<div class="textwidget"><dl id="mf-list">
               <dt>People and Organizations </dt>
               <dd><a href="/wiki/hcard">hCard</a>, <a href="http://gmpg.org/xfn"><abbr title="XHTML Friends Network">XFN</abbr></a></dd>
               <dt>Calendars and Events</dt> 
               <dd><a href="/wiki/hcalendar">hCalendar</a></dd>
               <dt>Opinions, Ratings and Reviews</dt>
               <dd><a href="/wiki/vote-links">VoteLinks</a>, <a href="/wiki/hreview">hReview</a></dd>
               <dt>Licenses:</dt>
               <dd><a href="/wiki/rel-license">rel-license</a></dd>
               
               <dt>Tags, Keywords, Categories</dt>
               <dd><a href="/wiki/rel-tag">rel-tag</a></dd>
               <dt>Lists and Outlines</dt>
               <dd><a href="/wiki/xoxo">XOXO</a></dd>
               <dt>More…</dt>
               <dd>See <a href="/wiki/">the list of all microformats</a></dd>
            </dl></div>
		</div></div><div id="text-137140393" class="box widget widget_text"><div class="box-inner"><h3>Upcoming Events</h3>			<div class="textwidget"><ul>
    <li><a href="http://upcoming.yahoo.com/group/1196/">See microformats events on Upcoming.org</a></li>
    <li><a href="http://microformats.org/wiki/events">See microformats events on the wiki</a></li>
</ul></div>
		</div></div><div id="categories-137139891" class="box widget widget_categories"><div class="box-inner"><h3>Post Categories</h3>		<ul>
	<li class="cat-item cat-item-22"><a href="http://microformats.org/category/events" title="Events about or including microformats; parties, conferences and hack days.">Events</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://microformats.org/category/news" title="View all posts filed under News">News</a>
</li>
	<li class="cat-item cat-item-39"><a href="http://microformats.org/category/this-week" title="This Week in Microformats is a semi-regular update of what&#039;s happened on the microformats.org wiki and mailing lists.">This Week in Microformats</a>
</li>
		</ul>
</div></div>      
    <div class="box">
        <div class="box-inner">
            <form method="get" id="search" action="/index.php">
	<div>
		<input type="text" value="search blog" name="s" id="search-text" onfocus="if(this.value=='' || this.value=='search blog'){this.value='';}" onblur="if(this.value==''){this.value='search blog';}" />
		<input type="image" id="search-submit" alt="Search" src="http://microformats.org/wordpress/wp-content/themes/microformats/img/btn-search.gif" />
	</div>
</form>        </div>
    </div>

    <div class="box">
        <div class="box-inner">
            <script type="text/javascript" src="http://embed.technorati.com/embed/4pbr3k9w4x.js"></script>
        </div>
    </div>

</div> <!-- end #sidebar -->

<hr class="hide" />

<div id="footer">
	<p>Weblog powered by <a href="http://wordpress.org">WordPress</a> | <a href="http://microformats.org/feed" id="footer-feed">RSS Feed</a> | <a href="http://no-www.org/">No WWW</a>.	
		<!-- 18 queries. 0.967 seconds. -->
	</p>
</div>

</div> <!-- end #wrap -->

<!-- c(~) -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1889385-1";
urchinTracker();
</script>
</body>
</html>

Parsed source

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<title>Microformats  </title>
	<link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/style.css"/>
	<link rel="stylesheet" type="text/css" media="print" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/print.css"/>
	<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie.css" />	    
	<![endif]-->
	<!--[if lte IE 5.5]>
    <link rel="stylesheet" type="text/css" media="screen, projection" href="http://microformats.org/wordpress/wp-content/themes/microformats/css/ie5.css" />	    
	<![endif]-->
	<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://microformats.org/feed"/>
</head>
<body>

<div id="wrap">
	<div id="header">
		<h1>		    <img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/logo.gif" width="144" height="36" alt="microformats"/>
		</h1>
			
		<ul id="nav">
		<li class="active"><a href="/blog" title="Microformats.org Home" shape="rect">Blog</a></li>
<li><a href="/wiki/" title="The microformats.org documentation and specifications" shape="rect">Wiki</a></li>
<li><a href="/discuss" title="Join and read mailing lists to discuss and develop microformats" shape="rect">Discuss</a></li>
<li><a href="/about" title="What are microformats?" shape="rect">About</a></li>
<li><a href="/code-tools" title="Snippets and tools to help you publish microformats" shape="rect">Code &amp; Tools</a></li>
<li><a href="/get-started" title="A little guide on how to publish your first hCard" shape="rect">Get Started</a></li>
		</ul>
	</div>
		
	<hr class="hide"/>
	

	<div id="content" class="hfeed">
		<h2 id="home-title">Latest microformats news <a href="http://microformats.org/feed" title="link to RSS feed" id="feed-link" shape="rect"><img src="http://microformats.org/wordpress/wp-content/themes/microformats/img/xml.gif" width="23" height="13" alt="Feed"/></a></h2>
			
					<div class="entry hentry">
				<h3 class="entry-title" id="post-313"><a href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets" rel="bookmark" title="Permanent Link to microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets" shape="rect">microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets</a></h3>
                <div class="entry-content">
				    <p>The microformats.org community recently celebrated its 5th birthday – five plus years of openly researching, creating, and iterating on web standards to express common semantics designed for humans first, machines second.</p>
<div class="vevent">
<h4 class="summary" id="billions-hcards"><a style="text-decoration:none;border:0" href="#billions-hcards" shape="rect">Two Billion pages with hCards</a></h4>
<div class="description">
<p>
Originally <a href="http://microformats.org/wiki/hcard-history" shape="rect">brainstormed in September 2004</a>, and rapidly adopted by numerous tools, sites, large and small, the number of pages published with one or more <a href="http://microformats.org/wiki/hcard" shape="rect">hCards</a> recently <strong>crossed the 2 billion mark a few days</strong> ago according to Yahoo Search Monkey, making it the most popular format for people or organizations on the web:
</p>
<p>
<a style="display:block; text-align:center; border:0" href="/media/2010/2010-184T190402-2b-hCards.png" shape="rect"><img style="max-width:75%" class="attach" src="/media/2010/2010-184T190402-2b-hCards.png" alt="screenshot of Yahoo Search Monkey search results for pages with hCards showing just over 2 billion pages with hCards, taken 2010-07-03 at 7pm Pacific Time"/></a>
</p>
</div>
</div>
<p><a href="http://search.yahoo.com/search?p=searchmonkey%3Acom.yahoo.page.uf.hcard" shape="rect">Search Monkey’s results do tend to fluctuate</a> a few percentage points, even hour by hour, so you may see different numbers, both lower, and over time, higher and higher.  Here are a few recent hCard deployments that no doubt contributed to crossing the two billion mark:</p>
<h5 id="basecamp-hcards"><a style="text-decoration:none;border:0" href="#basecamp-hcards" shape="rect">1. Basecamp adds hCards: people and companies</a></h5>
<p>Just a few days ago, <span class="vcard"><span class="fn">Jason Zimdars</span> of <span class="org">37 Signals</span></span> reported that <a href="http://answers.37signals.com/basecamp/556-any-chance-of-adding-hcards#reply_5105" shape="rect">Basecamp has been updated to support hCards</a> for people and companies, and is now looking into more uses: </p>
<blockquote cite="http://answers.37signals.com/basecamp/556-any-chance-of-adding-hcards#reply_5105"><p>I’m pretty happy with this added functionality so I intend to explore using hCards in other parts of our apps where it makes sense.</p>
</blockquote>
<p>Thanks to <span class="vcard"><span class="fn">Jeremy Keith</span></span> for making the request and following-up with <span class="vcard"><span class="fn org">37 Signals</span></span>.</p>
<h5 id="tel-hcards"><a style="text-decoration:none;border:0" href="#tel-hcards" shape="rect">2. All .tel domains now support hCard</a></h5>
<p>And just yesterday <span class="vcard"><span class="fn org">Telnic</span></span> announced that <a href="http://www.prnewswire.com/news-releases/telnic-increases-tel-data-portability-with-hcard-oauth-and-openid-97937139.html" shape="rect"><q cite="http://www.prnewswire.com/news-releases/telnic-increases-tel-data-portability-with-hcard-oauth-and-openid-97937139.html">all .tel names now support the hCard microformat</q></a></p>
<h5 id="gravatar-hcards"><a style="text-decoration:none;border:0" href="#gravatar-hcards" shape="rect">3. Over 14 Million of Gravatar Profile hCards</a></h5>
<p>About a month ago, <span class="vcard"><span class="fn org">Automattic</span></span>’s <a href="http://en.blog.wordpress.com/2010/06/02/your-public-profile/" shape="rect">Gravatar launched public, linkable profiles for all Wordpress.com users</a> , beautifully presented and marked up with hCard, e.g. check out <span class="vcard"><a class="url" href="http://gravatar.com/beau" shape="rect"><span class="fn">Beau Lebens</span>’s profile</a></span>:</p>
<p><a style="display:block; text-align:center; border:0" href="/media/2010/2010-188T162649-Beau-hCard.png" shape="rect"><img style="max-width:75%" src="/media/2010/2010-188T162649-Beau-hCard.png" alt="screenshot of Beau Lebens's Gravatar profile loaded in Firefox with the Operator toolbar showing one hCard"/></a></p>
<p>That’s another <strong>14+ million hCards</strong> (figure from WordPress.com), each representing an individual blogger on the public web.</p>
<h5 id="brightkite-hcards"><a style="text-decoration:none;border:0" href="#brightkite-hcards" shape="rect">4. Over 20 Million BrightKite hCards</a></h5>
<p>Finally, just before <span class="vevent"><span class="summary">microformats.org’s 5th birthday</span> on <abbr title="2010-06-20">this past June 20th</abbr></span>, developers of <span class="vcard"><a class="fn org url" href="http://brightkite.com" shape="rect">BrightKite</a></span> informed us that they’ve fully implemented hCard on all of their 5.5 million registered user profiles and 16.5 million venue pages – another <strong>22 million new hCards</strong>.  Thanks for the birthday present BrightKite!</p>
<h4 id="microformats-rich-snippets"><a style="text-decoration:none;border:0" href="#microformats-rich-snippets" shape="rect">94% of rich snippets markup</a></h4>
<p>All of these deployments come from the powerful combination of: 1. microformats ease-of-authoring (the easiest way to semantically markup people, venues, etc. in HTML), and 2. the fact that search engines like Yahoo and Google index microformats <em>and</em> make them visible in their user interfaces.</p>
<p>In May of 2009 Google launched Rich Snippets with support for microformats and RDFa, with a set of content partners like Yelp who all chose to use microformats to produce rich snippets in Google search results.</p>
<p><a style="display:block; text-align:center; border:0" href="http://www.google.com/search?q=yelp+coffee+to+the+people+san+francisco" shape="rect"><img style="max-width:75%" src="/media/2010/2010-188T170429-Yelp-CTTP-snippet.png" alt="screenshot fragment of a Google Rich Snippet of a Yelp search result showing average rating and number of reviews from their use of the hReview-aggregate"/></a></p>
<p>Starting with support for <a href="http://microformats.org/wiki/hcard" shape="rect">hCard</a>, <a href="http://microformats.org/wiki/hreview" shape="rect">hReview</a>, <a href="http://microformats.org/wiki/hreview-aggregate" shape="rect">hReview-aggregate</a>, and <a href="http://microformats.org/wiki/hproduct" shape="rect">hProduct</a>, over the past year, Google added support for <a href="http://microformats.org/wiki/hcalendar" shape="rect">hCalendar</a> and <a href="http://microformats.org/wiki/hrecipe" shape="rect">hRecipe</a> as well.</p>
<p>For all of these, Google provided side-by-side examples for each snippet type in multiple formats (microformats, RDFa, microdata), which in many ways has helped to demonstrate how much simpler/easier microformats are in many respects (and some of the promise that microdata shows for more general extensibility).</p>
<p>As <a href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php" shape="rect">recently reported by ReadWriteWeb</a>, Google themselves reported at the Semantic Technologies conference that when Google finds data for rich snippets on pages, <strong>94% of the time that data for rich snippets is marked up with microformats</strong> (40,091 vs. 2,514, conservatively assuming none of of those pages contain both, if they did, the 94% number would be even higher).</p>
<p><a style="display:block; text-align:center; border:0" href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php" shape="rect"><img src="http://www.readwriteweb.com/images/richsnippets_june10b.jpg" alt="photograph of a slide presented by Google at the Semantic Technologies conference showing a table of sources of rich snippets comparing microformats, about 40k total, vs. RDFa at about 2.5k total."/></a></p>
<p>Photo credit: <a href="http://www.readwriteweb.com/archives/google_semantic_web_push_­rich_snippets_usage_grow.php" shape="rect">Read Write Web: Google’s Semantic Web Push: Rich Snippets Usage Growing</a>.</p>
<p>The numbers comparing hCard vs. alternative person markup are particularly staggering:</p>
<ul>
<li>~30x more person snippets use hCard (33,675 vs. 1,160).</li>
</ul>
<p>This is no surprise, as <a href="http://www.webdirections.org/sotw10/markup/#semantics" shape="rect">The State of Web Development 2010 survey showed</a> nearly an order of magnitude gap, that is far more <strong>(6x more) web developers use microformats</strong> in their day to day work (34.52% use microformats vs 5.63% use RDFa, per the survey).</p>
<p>Given many more web developers are using microformats, it’s not surprising that Google is finding more microformats than alternatives. What is interesting though is that while <strong>6x more developers use microformats</strong>, Google is finding <strong>16x more microformats for rich snippets</strong> than alternatives. </p>
<p>One could conclude from these two numbers that <strong>developers using microformats are 2-3 times more net productive</strong> in terms of number of pages produced with rich snippets. This net productivity could be because microformats are easier (take less time) to author, and possibly that microformats are easier to get right, and thus have Google recognize them, as compared to alternatives.</p>
<h4 id="make-it-simpler"><a style="text-decoration:none;border:0" href="#make-it-simpler" shape="rect">Making Micoformats Even Simpler</a></h4>
<p>Still, we can do even better than that.  And no, I’m not just talking about going from 94% to 99+%.</p>
<p>The Google presentation slide noted that the results were out of <q>one million web pages sampled from the Internet</q>.  Out of that, <em>only</em> ~40,000 had microformats.  Given that nearly every web page mentions people, organizations, events, or some other popular microformat, that number should be much higher.</p>
<p>Thus there is much room for us to improve, and in particular, based on feedback, from Google, Yahoo, from numerous smaller companies and independent web developers, we can and should make microformats <em>even</em> simpler.  Simpler to write, easier to get right, and ideally, even more micro – less code, less page weight.  Starting with a <a href="http://microformats.org/wiki/events/2010-05-02-microformats-2-0" shape="rect">few ideas brainstormed a couple of months ago</a>, there’s now a few folks working on a “microformats 2.0″ to achieve these goals.</p>
<p>Do you have feedback or ideas about how microformats could be made even simpler and easier <em>for authors</em>?</p>
<p>Please add your thoughts to the “<a href="http://microformats.org/wiki/microformats-made-simpler" shape="rect">microformats-made-simpler</a>” wiki page.</p>
<p>Have you implemented hCard profiles on your site?  </p>
<p>Add your site to the <a href="http://microformats.org/wiki/hcard-supporting-user-profiles" shape="rect">hCard supporting user profiles</a> page.</p>
<p>Thanks to all of the hard work and contributions by everyone in the microformats community for an excellent fifth year of microformats.org.  Here’s looking forward to even more microformats accomplishments in our sixth year.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets" rel="bookmark" title="Permanent Link to microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets" shape="rect">
                            <span class="value-title" title="2010-07-08T06:30:22"> </span>
                            July 8th, 2010                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/" shape="rect">
					        <img alt="" src="http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets#comments" title="Comment on microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets" shape="rect">2 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript" xml:space="preserve"/>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2010/07/08/microformats-org-at-5-hcards-rich-snippets" shape="rect">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-299"><a href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets" rel="bookmark" title="Permanent Link to Google adds support for hCalendar and hRecipe Rich Snippets" shape="rect">Google adds support for hCalendar and hRecipe Rich Snippets</a></h3>
                <div class="entry-content">
				    <p>The first quarter of this year has seen Google really make tracks with Rich Snippets, which they <a href="http://microformats.org/2009/05/15/rich-snippets-microformat-search" shape="rect">announced back in May of last year</a>, with microformat implementions popping up in results for all manner of content. </p>
<h4>hCalendar</h4>
<p>One of the original, and certainly most obviously useful formats, <a href="/wiki/hcalendar" shape="rect">hCalendar</a> has made major head-roads in being adopted across the web as a standardised way to mark-up event information.  <a href="http://twitter.com/jaymon/status/8982772441" shape="rect">Those who took the time to add this format</a> to their site are now reaping the benefits, with <a href="http://googlewebmastercentral.blogspot.com/2010/01/introducing-new-rich-snippets-format.html" shape="rect">Google clearly making the most of this rich data</a>.  </p>
<h4>hRecipe</h4>
<p><a href="/wiki/hrecipe" shape="rect">hRecipe</a> is certainly a relatively young format, but always looked to be a promising starter bringing the timeless interest of geeks and food together.</p>
<p>With a view to make organising your summer BBQs simpler this year, <a href="http://googlewebmastercentral.blogspot.com/2010/04/better-recipes-on-web-introducing.html" shape="rect">Google have made a major update to their search result pages</a> which now highlight recipes in the results, showing important information such as ratings, cooking and prep times.  The information being displayed is formed from extracts of hRecipe marked up data.</p>
<p><a href="http://www.flickr.com/photos/phae_/4560222315/" shape="rect"><img src="http://farm5.static.flickr.com/4031/4560222315_107af02544.jpg" alt="hRecipes in Google results"/></a></p>
<p><a href="http://mwunsch.tumblr.com/post/556026977/hrecipe-snippets" shape="rect">Mark Wunsch</a>, a developer for <a href="http://www.foodnetwork.com/" shape="rect">FoodNetwork</a> and <a href="http://microformats.org/wiki/prism" shape="rect">Prism parser</a>, who now finds his microformatted recipes displayed on Google search results pages had this to say:</p>
<blockquote><p>When we revisited our recipe pages on FoodNetwork.com a few months ago, it was one of our priorities in Front End Engineering to embed hRecipe. We knew that it would be only a matter of time for tool support to come along to utilize our recipe data. As Front End Engineers, we have real control over what are pages output, and we have a real opportunity maximize the amount of data that a tool like Google can glean from our markup. It would be a poor practice to not take advantage of microformats when something as powerful as Google recognizes their importance.</p>
</blockquote>
<p>There’s further work to do with ironing out the kinks in the hRecipe format, but I think this certainly shows the benefit of being an early adopter and getting these formats out into the wild for real stress-testing.  Congratulations to <a href="http://microformats.org/wiki/hrecipe#Contributors" shape="rect">all those involved</a>!</p>
<p>With Google now officially supporting these two formats, plus <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146646" shape="rect">people</a> and <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=146645" shape="rect">reviews</a>, we eagerly anticipate their further adoption of additional microformats into Rich Snippets.</p>
                </div>
                                <div class="post-tags">
                    <h4>Tags for this entry</h4>
                    <ul><li><a href="http://microformats.org/tag/google" rel="tag" shape="rect">google</a>, </li><li><a href="http://microformats.org/tag/hcalendar" rel="tag" shape="rect">hcalendar</a>, </li><li><a href="http://microformats.org/tag/hrecipe" rel="tag" shape="rect">hrecipe</a>, </li><li><a href="http://microformats.org/tag/rich-snippets" rel="tag" shape="rect">rich snippets</a></li></ul>                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets" rel="bookmark" title="Permanent Link to Google adds support for hCalendar and hRecipe Rich Snippets" shape="rect">
                            <span class="value-title" title="2010-04-28T07:41:01"> </span>
                            April 28th, 2010                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://fberriman.com" shape="rect">
					        <img alt="" src="http://www.gravatar.com/avatar/5efecf1ab796b265639688a5825dc449?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Frances					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets#comments" title="Comment on Google adds support for hCalendar and hRecipe Rich Snippets" shape="rect">3 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript" xml:space="preserve"/>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2010/04/28/google-adds-support-for-hcalendar-and-hrecipe-rich-snippets" shape="rect">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-275"><a href="http://microformats.org/2009/10/06/recently-2009-09" rel="bookmark" title="Permanent Link to Recently in microformats: 2009-09" shape="rect">Recently in microformats: 2009-09</a></h3>
                <div class="entry-content">
				    <p>It’s been a while since we’ve posted a “This Week in Microformats”, and September was a particularly active month for microformats:</p>
<ul>
<li><a href="#y2009-09-imps" shape="rect">new hResume and hCard implementations</a></li>
<li><a href="#y2009-09-nice-hcards" shape="rect">beautiful hCards, MySpace hCards</a></li>
<li><a href="#y2009-09-tuts-devs" shape="rect">new tutorials and developments</a></li>
</ul>
<h4 id="y2009-09-imps">new hResume and hCard implementations</h4>
<p><span class="vcard"><a class="fn org url" href="http://madgex.com/" shape="rect">Madgex</a></span>’s brand new <a rel="tag" href="http://microformats.org/wiki/hresume" shape="rect">hResume</a> importer powers the <span class="vcard"><span class="fn org">Guardian UK</span></span>’s recently launched <a href="http://jobs.guardian.co.uk/profile/" shape="rect">Guardian Jobs CV Match</a> service.  The site <a href="http://www.yiid.com/" shape="rect">YIID</a> (Your Internet Identity) now also supports importing hResumes.</p>
<p>Open source parsing libraries continue being developed for numerous languages. The latest, as noted by <span class="vcard"><a class="fn url" href="http://microformats.org/wiki/User:TomMorris" shape="rect">Tom Morris</a></span> on the <a href="http://microformats.org/wiki/parsers" rel="tag" shape="rect">parsers page</a>, is the Java library <a href="http://zwitserloot.com/org.microformats.hCard/" shape="rect">org.microformats.hCard</a> written by <span class="vcard"><a class="fn url" href="http://twitter.com/surial" shape="rect">Reinier Zwitserloot</a></span>.</p>
<h4 id="y2009-09-nice-hcards">beautiful hCards, MySpace hCards</h4>
<p>Personal hCards have been around for years, but recently we’re seeing more and more web designers publishing their online identity using beautifully styled hCards, superb complements of form and function. Three in particular:</p>
<ul>
<li class="vcard"><a class="fn n url" href="http://timvandamme.com/" shape="rect"><span class="given-name">Tim</span> <span class="family-name">Van Damme</span></a><a href="http://www.flickr.com/photos/microformats/3988698726/" shape="rect"><img style="display:block" src="http://farm3.static.flickr.com/2441/3988698726_675c0af031_m.jpg" alt="screenshot of Tim Van Damme's hCard"/></a></li>
<li class="vcard"><a class="fn url" href="http://rogieking.com/#contact" shape="rect">Rogie King</a><a href="http://www.flickr.com/photos/microformats/3987943075/" shape="rect"><img style="display:block" src="http://farm4.static.flickr.com/3504/3987943075_8c857ea23e_m.jpg" alt="screenshot of Rogie King's hCard"/></a></li>
<li class="vcard"><a class="url fn" href="http://www.jaredhanson.net/" shape="rect">Jared Hanson</a><a href="http://www.flickr.com/photos/microformats/3988698866" shape="rect"><img style="display:block" src="http://farm3.static.flickr.com/2613/3988698866_b2b51abf19_m.jpg" alt="screenshot of Jared Hanson's hCard"/></a></li>
</ul>
<p>All three make good use of CSS for styling and layout, and Javascript for dynamic effects. The last of the 3, Jared’s, is more simply styled than the other two, however if you look closely, his list of instant message network addresses also display his live availability on each, a really nice touch.</p>
<p><a href="http://www.flickr.com/photos/microformats/3987943171" shape="rect"><img style="display:block;margin:auto" src="http://farm3.static.flickr.com/2473/3987943171_5e2383a1d4_m.jpg" alt="screenshot of Jared Hanson's instant message addresses annotated visually with his presence on each"/></a></p>
<p>Got a beautiful hCard you want noticed? Add it to the <a href="http://microformats.org/wiki/hcard-examples-in-wild" shape="rect">hCard examples in the wild</a> wiki page.</p>
<p>It’s important to highlight individual hCards like the above, as continued proof that people <em>do</em> write web pages, HTML, markup in general, <em>by hand</em>.  Even when such pages are generated from a database used fill out an HTML template, a person still writes the template <em>by hand</em>. And it’s important to highlight those that update templates as well to support microformats.</p>
<p>The list of <a href="http://microformats.org/wiki/hcard-supporting-user-profiles" shape="rect">social network sites with hCard profiles</a> continues to grow, this time with a big addition: <span class="vcard"><a class="fn org url" href="http://myspace.com" shape="rect">MySpace</a></span>.</p>
<p>As of about a month ago, all new MySpace profiles, and all current users who upgrade their profile to version 2.0, automatically get hCard support, as <a href="http://developer.myspace.com/Community/forums/p/9026/43520.aspx" shape="rect">confirmed by MySpace’s platform developers</a>.</p>
<h4 id="y2009-09-tuts-devs">new tutorials and developments</h4>
<p>Behind all these new microformats implementations and sites is a vibrant and active community, not just here on microformats.org, but across the web as a whole, and across web development communities as well.</p>
<p>The standards-championing <a href="http://dev.opera.com/" shape="rect">Dev Opera</a> community recently published a wonderful article on <cite><a href="http://dev.opera.com/articles/view/styling-and-extracting-hcalendar/" shape="rect">Styling and extracting hCalendar</a></cite> by <span class="vcard"><a href="http://twitter.com/teleject" class="fn url" shape="rect">Christopher Schmitt</a></span>, and updated it with use of the <a href="http://microformats.org/wiki/value-class-pattern" rel="tag" shape="rect">value class pattern</a> for better accessibility.</p>
<p>Safari Books Online and New Riders have made published a video,  <cite><a href="http://my.safaribooksonline.com/9780321668646" shape="rect">Designing with Microformats for a Beautiful Web</a></cite>, by well known web designer <span class="vcard"><a class="fn url" href="http://twitter.com/Malarkey" shape="rect">Andy Clarke</a></span>.</p>
<p>And finally, last but not least, this past month saw the resolution of all outstanding issues on both hCard and <a href="http://microformats.org/wiki/hcalendar" rel="tag" shape="rect">hCalendar</a>, paving the way for updates to the specs, FAQs, and 1.0.1 drafts, incorporating important errata, updates, and brainstormed improvements.</p>
<p>The microformats community was quite busy this summer, and September brought a lot of forward progress.  October is shaping up to be even more impressive.</p>
<p>For more microformats updates as they happen, be sure to subscribe to the <a href="http://microformats.org/discuss" shape="rect">microformats discuss</a> mailing list and the <a href="http://twitter.com/microformats" shape="rect">@microformats</a> Twitter.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/10/06/recently-2009-09" rel="bookmark" title="Permanent Link to Recently in microformats: 2009-09" shape="rect">
                            <span class="value-title" title="2009-10-06T16:19:10"> </span>
                            October 6th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://tantek.com/" shape="rect">
					        <img alt="" src="http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Tantek					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2009/10/06/recently-2009-09#comments" title="Comment on Recently in microformats: 2009-09" shape="rect">1 Comment</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript" xml:space="preserve"/>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/10/06/recently-2009-09" shape="rect">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-178"><a href="http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp" rel="bookmark" title="Permanent Link to Developers’ Notes: microformatsDevCamp" shape="rect">Developers’ Notes: microformatsDevCamp</a></h3>
                <div class="entry-content">
				    <p>One month later, I wanted to share some observations about <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp" shape="rect">microformatsDevCamp</a> and my thoughts about why it was so successful.</p>
<p><span style="float:right;margin-left:1em; margin-bottom:.5em;"><a href="http://www.flickr.com/photos/kurafire/3756770573/" shape="rect"><img src="http://farm3.static.flickr.com/2665/3756770573_e2d1fee886_m.jpg" alt="microformatsDevCamp Group, Day 1"/></a></span></p>
<p>Clearly, it all begins and ends with the people who participate: we were thrilled to have several dozen developers and designers drop in over two days. Over thirty folks went further and donated at the door, but more importantly, everyone contributed their time and enthusiasm.</p>
<p>Applying the lessons of prior <a href="http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/" shape="rect">devCamps</a>, the group proposed dozens of ideas and came together around <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp#projects" shape="rect">7 projects</a>. Many of them ended up sharing their results as open-source on <a href="http://github.com/blog/468-microformats-on-github" shape="rect"> github</a>; others created bespoke sites and yet other conversations impacted projects folks were already working on.</p>
<p>In an increasingly online world, I think the primary lesson of this devCamp was <a href="http://en.wikipedia.org/wiki/Robert_Cailliau" shape="rect">Robert Cailliau</a>‘s classic quote, “<a href="http://www.siggraph.org/publications/newsletter/volume-42-number-3/dr-robert-cailliau-part-one" shape="rect">there is no such thing as a virtual beer.</a>” It’s refreshing to see that putting this many bright and opinionated folks in one place, at one time, actually results in concrete progress. I’d like to think at least a little of the credit is due to the minimalist philosophy of the microformats.org movement… </p>
<p>Probably the only serious glitch was softwear-related; our initial rush t-shirt order didn’t turn out as we expected, so we’re spending a bit more to order new, higher-quality shirts. In the interests of transparency, we will be posting the full, final details online once those are printed and mailed out.</p>
<p>Of course, an event of this magnitude requires more than just a volunteer labor of love: it takes real resources too. Huge thanks to our sponsors!</p>
<p>The venue, hosted by <a href="http://automattic.com" shape="rect">Automattic</a>, proved first-rate, with wonderful spaces for separate teams to collaborate, along with an awesome bar and views of the San Francisco Bay.<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.spinn3r.com/" shape="rect"><img src="/sponsors/spinner.jpg" alt="Spinn3r" height="40"/></a></span><br/>
“<a href="http://spinn3r.com" shape="rect">Spinn3r</a> is a web service for indexing the blogosphere. We provide raw access to every blog post being published – in real time – so you can focus on building your application, mashup, or search engine.” <br style="clear:both;line-height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.commerce.net/" shape="rect"><img src="/sponsors/commercenet.png" alt="CommerceNet" height="23"/></a><br/>
</span>“<a href="http://www.commerce.net" shape="rect">CommerceNet</a> is an entrepreneurial research institute that invests in exceptional people with bold ideas.”<br style="clear:both;line-height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://visitmix.com/lab/oomph" shape="rect"><img src="/sponsors/mix.png" alt="Microsoft" height="30"/></a><br/>
</span>“<a href="http://visitmix.com/lab/oomph" shape="rect">Oomph</a>: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats.”<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.mblast.com/" shape="rect"><img src="/sponsors/mBLAST_logo.png" alt="mBLAST" height="30"/></a></span>“<a href="http://www.mblast.com/" shape="rect">mBLAST</a> spiders data daily to power search, product directories, publisher sites, buyer’s guides, and other mashups.”<br style="clear:both;line-height:1px;height:1px;"/><span style="float:right;margin-left:1em; margin-bottom:.5em; text-align:right;"><a href="http://www.linkedin.com/in/carlaborsoi" shape="rect"><img src="http://media.linkedin.com/mpr/mpr/shrink_80_80/p/3/000/000/28a/05d6a08.jpg" alt="Carla Borsoi" height="50"/></a><a href="http://www.linkedin.com/in/steveganz" shape="rect"><img src="http://media.linkedin.com/mpr/mpr/shrink_80_80/p/1/000/01c/099/2b955bd.jpg" alt="Steve Ganz" height="50"/></a><br/>
</span>Individual donors also pitched in personally, such as <a href="http://www.carlaborsoi.com/" shape="rect">Carla Borsoi</a>, Vice President, Research &amp; Analytics at Ask.com; and <a href="http://steve.ganz.name/" shape="rect">Steve Ganz</a>, Principal Web Developer at LinkedIn.com. Thanks also to <a href="http://cindyli.com/" shape="rect">Cindy Li</a> for the wonderful microformatsDevCamp logo and buttons, and to <a href="http://objectadjective.com/" shape="rect">Object Adjective</a> for microformats stickers.</p>
<p>PS. Check out <a href="http://www.flickr.com/photos/tags/ufdevcamp/" shape="rect">more</a> cool <a href="http://www.flickr.com/photos/tags/microformatsdevcamp/" shape="rect">photos</a>.</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp" rel="bookmark" title="Permanent Link to Developers’ Notes: microformatsDevCamp" shape="rect">
                            <span class="value-title" title="2009-08-24T09:56:47"> </span>
                            August 24th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://www.ics.uci.edu/~rohit" shape="rect">
					        <img alt="" src="http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Rohit					    </a>
					    </address>
					</li>
					<li><span>Comments Off</span></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript" xml:space="preserve"/>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/08/24/developers-notes-microformatsdevcamp" shape="rect">View blog reactions</a>
                    </li>
				</ul>
			</div>
					<div class="entry hentry">
				<h3 class="entry-title" id="post-154"><a href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend" rel="bookmark" title="Permanent Link to microformatsDevCamp this weekend!" shape="rect">microformatsDevCamp this weekend!</a></h3>
                <div class="entry-content">
				    <p>At our recent <a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday" shape="rect">4</a><sup><a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday" shape="rect">th</a></sup><a href="http://microformats.org/wiki/events/2009-06-26-microformats-4th-bday" shape="rect"> birthday party</a>, we started planning the first <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp" shape="rect">microformatsDevCamp</a> — and we’re glad to report that it’s come together quite nicely!</p>
<p><a href="http://tr.im/ufdevcamp" shape="rect"><img class="alignnone" title="microformatsDevCamp" src="http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg" alt="" width="365" height="108"/></a></p>
<p>Developers, designers, and all sorts of other microfolk are welcome to pitch in during this coming weekend, July 25-26, at one extremely cool venue: <a href="http://automattic.com/" shape="rect">Automattic HQ</a>, off of Pier 38 on the Embarcadero in San Francisco.</p>
<p>We began raising support for this event by collecting individual donations at the birthday party — thanks again to <a href="http://objectadjective.com/" shape="rect">Object Adjective</a>, <a href="http://www.ribbit.com/" shape="rect">Ribbit</a>, and <a href="http://spinn3r.com/" shape="rect">Spinn3r</a> for their generous support of that event! We’re going to continue that at the microformatsDevCamp with a suggested donation of $20, which will also get you one of our limited-edition commemorative T-shirts!</p>
<div style="margin: 1em; float: right;"><div class="wp-caption alignright" style="width: 202px"><a href="http://www.flickr.com/photos/titanas/3576534598/in/photostream" shape="rect"><img class="  " src="http://farm4.static.flickr.com/3587/3576534598_13b2c0393c_m.jpg" alt="Automattic HQ on the Embarcadero" width="192" height="144"/></a><p class="wp-caption-text">Automattic HQ</p></div></div>
<p>In addition to Automattic’s offer to host the event, we’re currently seeking sponsors for the DevCamp itself, particularly for food and drinks. In keeping with our informal structure, we’re encouraging sponsors to pay for items directly; for example, <a href="http://cindyli.com/" shape="rect">Cindy Li</a> is providing buttons and <a href="http://objectadjective.com/" shape="rect">Object Adjective</a> is bringing stickers. Our latest confirmed sponsor is <a href="http://Commerce.Net" shape="rect">CommerceNet</a>, a long-standing partner that’s underwriting the opening night dinner.</p>
<p>Please ask your employers and other <strong>sponsors</strong> to join in — they can contact me, the “sponsor wrangler,” directly as <a href="http://www.ics.uci.edu/~rohit/" shape="rect">rohit at khare dot org</a>. We’re expecting 30-50 developers to join in, so even as little as $250 can have a real impact towards creating new tools, new applications, and new user interfaces for microformats!</p>
<p>And, of course, <strong>sign-up</strong> to participate by adding your name and interests to the  <a href="http://microformats.org/wiki/events/2009-07-25-dev-camp#attendees" shape="rect">microformatsDevCamp wiki page</a>!</p>
                </div>
                                
				<ul class="post-info">
					<li><a class="updated" href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend" rel="bookmark" title="Permanent Link to microformatsDevCamp this weekend!" shape="rect">
                            <span class="value-title" title="2009-07-20T18:23:25"> </span>
                            July 20th, 2009                        </a>
                    </li>
					<li>
					    <address class="author vcard">                
					    <a class="url fn" href="http://www.ics.uci.edu/~rohit" shape="rect">
					        <img alt="" src="http://www.gravatar.com/avatar/e3b145bb8fcaeea70ef07445b5836181?s=16&amp;d=http%3A%2F%2Fw­ww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9­bb6523536%3Fs%3D16&amp;r=PG" class="avatar avatar-16 photo" height="16" width="16"/>					        Rohit					    </a>
					    </address>
					</li>
					<li><a href="http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend#comments" title="Comment on microformatsDevCamp this weekend!" shape="rect">2 Comments</a></li>
                    <li>
                        <script src="http://microformats.org/wordpress/wp-content/themes/microformats/scripts/technorati-reactions.js" type="text/javascript" xml:space="preserve"/>
                        <a class="tr-linkcount" href="http://technorati.com/search/http://microformats.org/2009/07/20/microformatsdevcamp-this-weekend" shape="rect">View blog reactions</a>
                    </li>
				</ul>
			</div>
				
		
	<h3 id="archive-link">Browse all entries by month in the <a href="/blog/" class="more" shape="rect">blog archive</a></h3>

	</div>

<hr class="hide"/>
   
<div id="sidebar">    
<div id="text-137140391" class="box widget widget_text"><div class="box-inner"><h3>What are microformats?</h3>			<div class="textwidget"><p><img src="/wordpress/wp-content/themes/microformats/img/mf-lg-ora.gif" alt="" id="about-logo"/>Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. <a href="/about/" class="more" shape="rect">Learn more about microformats</a></p></div>
		</div></div><div id="text-137140392" class="box widget widget_text"><div class="box-inner"><h3>Microformat specifications</h3>			<div class="textwidget"><dl id="mf-list">
               <dt>People and Organizations </dt>
               <dd><a href="/wiki/hcard" shape="rect">hCard</a>, <a href="http://gmpg.org/xfn" shape="rect"><abbr title="XHTML Friends Network">XFN</abbr></a></dd>
               <dt>Calendars and Events</dt> 
               <dd><a href="/wiki/hcalendar" shape="rect">hCalendar</a></dd>
               <dt>Opinions, Ratings and Reviews</dt>
               <dd><a href="/wiki/vote-links" shape="rect">VoteLinks</a>, <a href="/wiki/hreview" shape="rect">hReview</a></dd>
               <dt>Licenses:</dt>
               <dd><a href="/wiki/rel-license" shape="rect">rel-license</a></dd>
               
               <dt>Tags, Keywords, Categories</dt>
               <dd><a href="/wiki/rel-tag" shape="rect">rel-tag</a></dd>
               <dt>Lists and Outlines</dt>
               <dd><a href="/wiki/xoxo" shape="rect">XOXO</a></dd>
               <dt>More…</dt>
               <dd>See <a href="/wiki/" shape="rect">the list of all microformats</a></dd>
            </dl></div>
		</div></div><div id="text-137140393" class="box widget widget_text"><div class="box-inner"><h3>Upcoming Events</h3>			<div class="textwidget"><ul>
    <li><a href="http://upcoming.yahoo.com/group/1196/" shape="rect">See microformats events on Upcoming.org</a></li>
    <li><a href="http://microformats.org/wiki/events" shape="rect">See microformats events on the wiki</a></li>
</ul></div>
		</div></div><div id="categories-137139891" class="box widget widget_categories"><div class="box-inner"><h3>Post Categories</h3>		<ul>
	<li class="cat-item cat-item-22"><a href="http://microformats.org/category/events" title="Events about or including microformats; parties, conferences and hack days." shape="rect">Events</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://microformats.org/category/news" title="View all posts filed under News" shape="rect">News</a>
</li>
	<li class="cat-item cat-item-39"><a href="http://microformats.org/category/this-week" title="This Week in Microformats is a semi-regular update of what's happened on the microformats.org wiki and mailing lists." shape="rect">This Week in Microformats</a>
</li>
		</ul>
</div></div>      
    <div class="box">
        <div class="box-inner">
            <form method="get" id="search" action="/index.php" enctype="application/x-www-form-urlencoded">
	<div>
		<input type="text" value="search blog" name="s" id="search-text" onfocus="if(this.value=='' || this.value=='search blog'){this.value='';}" onblur="if(this.value==''){this.value='search blog';}"/>
		<input type="image" id="search-submit" alt="Search" src="http://microformats.org/wordpress/wp-content/themes/microformats/img/btn-search.gif"/>
	</div>
</form>        </div>
    </div>

    <div class="box">
        <div class="box-inner">
            <script type="text/javascript" src="http://embed.technorati.com/embed/4pbr3k9w4x.js" xml:space="preserve"/>
        </div>
    </div>

</div> <!-- end #sidebar -->

<hr class="hide"/>

<div id="footer">
	<p>Weblog powered by <a href="http://wordpress.org" shape="rect">WordPress</a> | <a href="http://microformats.org/feed" id="footer-feed" shape="rect">RSS Feed</a> | <a href="http://no-www.org/" shape="rect">No WWW</a>.	
		<!-- 18 queries. 0.967 seconds. -->
	</p>
</div>

</div> <!-- end #wrap -->

<!-- c(~) -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" xml:space="preserve">
</script>
<script type="text/javascript" xml:space="preserve">
_uacct = "UA-1889385-1";
urchinTracker();
</script>
</body>
</html>

Credits

Written by . Icons are from Tango Icon Library. Test cases include hCard Acid test by Dmitry Baranovskiy, examples from microformats.org and hCard test suite.

Source code is available under the BSD license.

¹ It's not a validator in the XML/SGML sense.