Microformats Wiki - User contributions [en]

subscribe-hcard

2008-05-29T16:05:34Z

SteveIvy: /* regular updates */ meta tag - expires

<h1> Subscribe to hCard</h1>
{{TOC-right}}
One of several aspects of [[social-network-portability]] implementation details regarding [[hcard-supporting-user-profiles]].

== update frequency ==
=== regular updates ===
How often should a subscription to an hCard regularly poll that hCard for updates (similar to the question of how often should a feed reader subscription to an RSS/Atom feed pool that feed for updates) ?

Once a day seems like a reasonable frequency. Perhaps poll adaptively, that is, when an update finds new information, perhaps check more frequently until no new information is found, and then lengthen the time between checks until reaching a once per day (per week?) frequency.

==== meta tag - expires ====

Another option would be to honor the [http://www.i18nguy.com/markup/metatags.html#expires expires meta tag].

The date and time after which the document should be considered expired. An illegal EXPIRES date,
e.g. "0", is interpreted as "now". Setting EXPIRES to 0 may thus be used to force a modification
check at each visit. Web robots may delete expired documents from a search engine, or schedule a revisit.

=== event based updates ===
It may be useful to trigger additional updates of hCards based on a number of external events, e.g.:
* whenever DST changes occur, anywhere world-wide, re-retrieve someone's hCard (as their "tz" timezone information will have likely changed).
* when a location presence service (e.g. Plazes, Dopplr, Dodgeball) indicates that the person is changing location, re-retrieve their hCard(s), as their "geo" and "tz" properties may have changed / updated.
* when a professional status service (e.g. LinkedIn) indicates that a person's job has changed, re-retrieve their hCard(s), as their "org" and "title" properties may have changed / updated.

== see also ==
* [[social-network-portability]]
* [[hcard-supporting-user-profiles]]
* [[hCard]]

representative-hcard-examples

2008-01-08T14:36:41Z

SteveIvy:

<h1>representative hCard examples</h1>
{{TOC-right}}
Examples of pages that represent individual people with [[hcard|hCards]] on them. Part of the [[representative-hcard]] effort.

== Examples ==

=== Multiple hCards ===

Pages that contain multiple hCards, ''one'' of which is the representative hCard for that page:

* http://adactio.com/journal/
* http://tantek.com/
* http://www.stuffandnonsense.co.uk/britpack/

Pages that contain multiple hCards, ''none'' of which is the representative hCard for that page:

==== Conference schedules ====
* http://2007.dconstruct.org/speakers/
* http://www.vivabit.com/atmedia2007/europe/speakers/

==== URLs with a fragment identifier ====
* http://www.vivabit.com/atmedia2007/europe/speakers/#hannah

=== Multiple pages ===

Websites that have hCards on multiple pages. The hCards represent the same person:

==== Jeremy Keith ====
* http://adactio.com/
* http://adactio.com/contact/

==== Brian Oberkirch ====
* http://www.brianoberkirch.com/
* http://www.brianoberkirch.com/contact-me/

==== Edward O'Connor ====
* http://edward.oconnor.cx/
* http://edward.oconnor.cx/about

==== Steve Ivy ====
* http://redmonk.net/
* http://redmonk.net/about-this-site/#steve-hcard

=== social network profiles ===
From [[hcard-supporting-user-profiles]]:

* ...

== See Also ==
* [[representative-hcard]]
* [[hcard]]

representative-hcard-examples

2008-01-08T14:36:01Z

SteveIvy: add Steve Ivy, multiple pages example

<h1>representative hCard examples</h1>
{{TOC-right}}
Examples of pages that represent individual people with [[hcard|hCards]] on them. Part of the [[representative-hcard]] effort.

== Examples ==

=== Multiple hCards ===

Pages that contain multiple hCards, ''one'' of which is the representative hCard for that page:

* http://adactio.com/journal/
* http://tantek.com/
* http://www.stuffandnonsense.co.uk/britpack/

Pages that contain multiple hCards, ''none'' of which is the representative hCard for that page:

==== Conference schedules ====
* http://2007.dconstruct.org/speakers/
* http://www.vivabit.com/atmedia2007/europe/speakers/

==== URLs with a fragment identifier ====
* http://www.vivabit.com/atmedia2007/europe/speakers/#hannah

=== Multiple pages ===

Websites that have hCards on multiple pages. The hCards represent the same person:

==== Jeremy Keith ====
* http://adactio.com/
* http://adactio.com/contact/

==== Brian Oberkirch ====
* http://www.brianoberkirch.com/
* http://www.brianoberkirch.com/contact-me/

=== Edward O'Connor ===
* http://edward.oconnor.cx/
* http://edward.oconnor.cx/about

=== Steve Ivy ===
* http://redmonk.net/
* http://redmonk.net/about-this-site/#steve-hcard

=== social network profiles ===
From [[hcard-supporting-user-profiles]]:

* ...

== See Also ==
* [[representative-hcard]]
* [[hcard]]

User:SteveIvy

2007-12-12T03:39:19Z

SteveIvy:

=== Steve Ivy ===

Web designer and css/xhtml/javascript hacker. Co-founder of http://diso-project.org. Standards Agitator.

Find my ramblings at http://redmonk.net

==== microformats-related projects ====

* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack]

My hcard is [http://redmonk.net/about-this-site/ here].

social-network-portability

2007-12-05T16:35:17Z

SteveIvy: /* Open Source */ DiSo

<h1> Social Network Portability </h1>
{{TOC-right}}
Social network portability is one of several [[user-interface]] ideas and suggestions for working with microformats in the area of [[data-portability]].

== The Problem ==
Why is it that every single social network community site makes you:
* re-enter all your [[hcard-supporting-user-profiles|personal profile info]] (name, email, birthday, URL etc.)?
* re-add all your [[hcard-xfn-supporting-friends-lists|friends]]?

In addition, why do you have to:
* re-turn off notifications?
* re-specify privacy preferences?
* re-[[block]] [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html negative people]?

AKA "social network fatigue problem" and "social network update/maintenance problem".

== The Goals ==
When you join a new site, you should be able to ''import'' or preferably ''subscribe'' to
* your profile information
* your social network
from any existing profile of yours.

In addition it would be nice if preferences around:
* notifications
* [[privacy]]
also transferred between profiles.

AKA a social internetwork, a network of social networks.

== Design Patterns and Recipes ==

The "How To" for social network profile sites that want to solve the above problems and achieve the above goals.

# Publish microformats in your user profiles:
## implement [[hcard|hCard]] on user profile pages, including [[xfn]] rel="me" on hyperlinks to users' blogs or home pages that they specify. See [[hcard-supporting-profiles]] for sites that have already done this and [[hcard-authoring]] for how to do so.
## implement [[hcard|hCard]]+[[xfn|XFN]] on the list of friends on your user profile pages. Use [[xfn]] rel="me" to link to friends list pages and friends list pagination links too. See [[hcard-xfn-supporting-friends-lists]] for sites that already do this. (e.g. [[http://twitter.com/ Twitter]]).
## implement [[hcard|hCard]] wherever a user's name is mentioned in lists, in comments, in messages or wherever else it would help to identity that a "person" or "organization" is being referred to.
# Subscribe to microformats for your user profiles:
## when signing up a new user:
### let a user fill out and "auto-sync" from one of their existing [[hcard-supporting-profiles]], their name, their icon etc. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Satisfaction Inc already supports this] ([http://staging.getsatisfaction.com/people/new sign up page]).
### let a user fill out and "auto-sync" their list of friends from one of their existing [[hcard-xfn-supporting-friends-lists|hCard+XFN supporting friends lists]]. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Dopplr.com already supports this] ([http://www.flickr.com/photo_zoom.gne?id=576635008&size=o screenshot]).

== Resources ==
=== Groups ===
* [http://ma.gnolia.com/groups/PSN Ma.gnolia Portable Social Networks group] for aggregated bookmarks around the subject and join the group to share links.
* [http://upcoming.yahoo.com/group/3601/ Upcoming Social Network Portability group] for events to discuss and implement social network portability.
=== Open Source ===
* [[hKit]] - web service and open source PHP for parsing/importing/subscribing to [[hcard-supporting-profiles|hCard open user profiles]].
* "[http://opensocialgraph.plaxo.com/ Online Identity Consolidator]" rel="me" web parser/crawler web service and open source Python.
* "[http://django-psn.googlecode.com/svn/trunk/readme.html Django-PSN (portable social networks)]" open source for a user interface to create links on a social network profile to "other profiles" marked up with rel="me" naturally. The code can be seen in action on the [http://pownce.com Pownce] website, e.g. on [http://pownce.com/t/ a Pownce profile page that links to other profiles of the same user]. This is a great complement to the above Plaxo Online Identity Consolidator. What Django-PSN publishes, Plaxo Online Identity Consolidator parses.
* [http://code.google.com/p/identity-matcher/ identity-matcher] - Rails plugin to match identities and social network information from sites such as GMail, Twitter, Flickr, Facebook and any site supporting appropriate microformats. This code was extracted and contributed from Dopplr.
* [http://redmonk.net/projects/portable-social-network-lib/ Portable Social Network Lib] is a Ruby library for consuming/providing Portable Social Network services in social web apps, written by Steve Ivy. ([http://redmonk.net/archives/2007/11/07/if-you-love-your-users-set-them-free-portable-social-networks/ More])
* [http://diso/googlecode.com DiSo] - ''distributed social networking'' components, [[User:Chris_Messina|Chris Messina]] and [[User:SteveIvy|Steve Ivy]]

=== User Interfaces ===
* "[http://gerardramos.com/mf/ Social Network Portability with Microformats]" - a user interface that lets you check how portable your social network is across various sites.

== Social Network Portability FAQ ==
See [[social-network-portability-faq]].

== Events ==
*[[events/2007-07-28-portable-social-networks-meetup|2007-07-28 portable social networks initial meeting]] between Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch at Ritual Coffee Roasters, San Francisco, CA. Discussed portable social networks, simplified and crystalized problem statement (with progressive problems to solve), goals, design patterns, recipes. Created [[social-network-portability]] page.
* [[events/2007-08-19-social-network-portability-today|2007-08-19 BarCampBlock session on social network portability TODAY]] at Princeton Review offices, High Street, Palo Alto, CA. Reviewed problem statement, how sites can use the [[hcard|hCard]] and [[xfn|XFN]] microformats *today* to become a node on the "open social web" (phrase introduced).
* [[events/2007-08-28-social-network-portability-today|2007-08-28 Social Network Portability Today]] lunchtime meetup
* [[events/2007-09-05-dconstruct-microformats-workshop|2007-09-05 d.Construct workshop on microformats]] which covered both [[data-portability]] and [[social-network-portability]].
* [[events/2007-09-08-social-network-portability|2007-09-08 BarCampBrighton session on social network portability]] at Madgex offices, North Street, Brighton, England.
* [[events/2007-09-25-social-network-portability|2007-09-25 Portable Social Network Micro Meetup]] at Citizen Space, San Francisco, CA, USA.
*[[events/2007-09-28-portable-social-networks-meetup-amsterdam|2007-09-28 Portable Social Network Panel]] at PICNIC in Amsterdam, Netherlands
* 2007-10-04 [[events/2007-10-04-fundamentos-web-social-network-portability|Fundamentos Web: Social Network Portability]] by Tantek Çelik — Gijón, Spain
* ...

See the microformats [[events]] page for upcoming events related to social network portability.

== Articles and blog posts ==
Note: if you know of or can find earlier mentions on the web of the phrases "portable social network" or "social network portability", please add the earliest reference elsewhere on the web to this chronology. [[User:Tantek|Tantek]] 08:25, 22 Aug 2007 (PDT).

* 2006-11-15 Jon Hicks: [http://www.flickr.com/photos/hicksdesign/298271647/ The straw that broke this camels back]: <blockquote>Thats the last social service that involves me adding all my friends in all over again. Life is too chuffing short.Please, can someone come up with some way of avoiding this repetition of 'buddies'?!</blockquote>
* 2006-11-15 [http://twitter.com/drewm/statuses/68199 Drew McLellan on Twitter]: (Perhaps the earliest mention of the concept of social network portability.) <blockquote>Thinking that we really need to join the dots with XFN and make social networks portable.</blockquote>
* 2006-11-15 [http://twitter.com/adactio/statuses/68412 Jeremy Keith on Twitter]: (first known reference to "portable social networks") <blockquote> Agreeing with Drew about using XFN to create portable social networks. If we don't, Jon is going to go postal.</blockquote> The mention of Jon is likely a reference to the [http://www.flickr.com/photos/hicksdesign/298271647/ above-mentioned Flickr photo].
* 2006-11-19 Phil Gyford: [http://www.gyford.com/phil/writing/2006/11/19/your_single_soci.php Your single social network] <blockquote>I really, really want a single service where I can say “these people are my friends” and then when I sign up to any new website I can sync it with my previously-defined social network.</blockquote>
* 2006-11-21 Jeremy Keith: [http://adactio.com/journal/1209/ Twittering]: <blockquote>Here’s what I want: when I go to the latest social networking fadsite, I want it to ask for my URL. Then it can go off and fetch my [[hcard|hCard]] and [[xfn|XFN]] list. A pre-filled form for my details and a pre-filled list of potential contacts can then be presented to me.</blockquote>
* 2006-11-21 Derek Featherstone: [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* 2006-11-22 Thomas Vander Wal: [http://www.personalinfocloud.com/2006/11/following_frien.html Following Friends Across Walled Gardens] - first mention of "portable social network" but in reference to quoting Jeremy Keith
* 2006-11-23 Jeremy Keith: [http://adactio.com/journal/1212/ More thoughts on portable social networks] - describes the process of portability
* 2006-11-23 Glenn Jones: [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network] - talks about portable social networks in the backnetwork
* 2006-11-23 Velvetsarah has [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posted a screenshot and brainstorm] about how a site could handle importing XFN enabled contacts. See [[social-network-portability-interfaces]] for more.
* 2006-11-24 [http://microformats.org/wiki?title=user-interface&diff=10524&oldid=10523 "social network portability" phrase and problem statement introduced to microformats wiki] by [[User:Tantek|Tantek Çelik]]
* 2007-03-11 Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - An abstract attempt to create one dashboard, to be used as a starting point for all social networks. It contains four elements: identity, ownership, presence and contacts (see comments also)
* 2007-05-16 [http://2007.xtech.org/public/schedule/paper/69 What is your provenance?] by Gavin Bell for Xtech 2007. Also available on [http://video.google.com/videoplay?docid=-8663100900373306094 Google Video]
* 2007-06-20 Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]
* 2007-07-17 Kevin Lawver: [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - A simple Ruby on Rails app that uses OpenID + XFN to look for users of the site w/ the same homepage as the href value and allows you to add them as contacts.
*[http://www.plaxo.com/about/releases/release-20070718 2007-07-17 Plaxo Pushes For "Open Social Web": Endorses and implements key open standards, OpenID and microformats]
* 2007-07-18 Jeremiah Owyang: [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote>What if we could port all our friends and family from one social network to another. Why do we have to continue to add people = annoying</blockquote>
* 2007-07-18 Brian Oberkirch: [http://www.brianoberkirch.com/2007/07/18/highrise-microformats-and-portable-social-networks/ Highrise, microformats and portable social networks]
* 2007-07-24 Thomas Vander Wal: [http://vanderwal.net/random/entrysel.php?blog=1937 Sharing and Following/Listening in the Social Web]
* See [[events/2007-07-28-portable-social-networks-meetup#blog_posts|blog posts following up]] from the [[events/2007-07-28-portable-social-networks-meetup|2007-07-28-portable social networks meetup]].
* 2007-08-01 Jeffrey Zeldman: [http://www.zeldman.com/2007/08/01/social-network-portability/ "InterNetwork" regarding social network portability]
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote>We need to put the ownership of how we define relationships online in the hands of the individual, not the services that utilize them.My theory on how this should be accomplished is based on a marriage of OpenID and an open standard for defining relationships such as the [[XFN]] [http://microformats.org/ Microformat]. </blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote>Why not make it simple for them to jumpstart a profile by reusing information they already have on the [[hcard|Web? Some forward thinking Web services are marking up user profile data with hCard, a microformat that]] signifies a person, place or organization is being described.</blockquote>
* 2007-08-08 Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
* 2007-08-15 [http://news.bbc.co.uk/1/hi/technology/6944653.stm Pull down the walled gardens] Internet law professor Michael Geist says the walled gardens of social networks should be pulled down.
* 2007-08-16 Stephanie Booth: [http://climbtothestars.org/archives/2007/08/16/we-need-structured-portable-social-networks-spsn/ We Need Structured Portable Social Networks (SPSN)] (links to two more posts on the subject, but not certain they're relevant enough for a separate listing; edit as you see fit)
* 2007-08-17 [http://bradfitz.com/social-graph-problem/ Thoughts on the Social Graph] by Brad Fitzpatrick.
* 2007-08-25 [http://www.ignitesocialmedia.com/linking-it-all-%e2%80%93-social-network-portability/ Linking It All-Social Network Portability] by Mike Lotz for Ignite Social Media
* 2007-09-03 [http://themaninblue.com/writing/perspective/2007/09/03/ There are no social networks] by Cameron Adams
<blockquote>If you can't see my friends and let my friends be seen, you'll be washed up and hung out to dry.</blockquote>
* 2007-09-07 [[User:LynX|Carlo v. Loesch]]: [http://about.psyc.eu/Social_network#But.._why_microformats.3F Privacy and the web? Notification and HTTP? Are you looking at the right technologies!?]
* 2007-11-21 Sitepoint article [http://www.sitepoint.com/article/social-networks-take-friends Portable Social Networks: Take Your Friends with You]

See [http://ma.gnolia.com/groups/PSN ma.gnolia Portable Social Network Group] for aggregated bookmarks around the subject and join the group to share links.

[http://technorati.com/search/microformats.org/wiki/social-network-portability View blog reactions] to this page.

== Issues ==
* Beware of and avoid [[social-network-anti-patterns]]!
* See and add to [[social-network-portability-issues]].

== Alternative Approaches ==
Non-web based:
* [http://about.psyc.eu psyc] and [http://www.psyced.org psyced], a decentralized multi-protocol chat and event notification system with [http://about.psyc.eu/Social_Network friendship] and [http://about.psyc.eu/Trust trust] modeling.

== See also ==
* [[social-network-portability-interfaces]]
* [[social-network-portability-faq]]
* [[social-network-portability-issues]]
* [[social-network-anti-patterns]]
* [[hcard|hCard]]
* [[xfn]]
* [[user-interface]]
* [[data-portability]]

User:SteveIvy

2007-12-04T22:20:05Z

SteveIvy:

=== Steve Ivy ===

Web designer and css/xhtml/javascript hacker.

Find my ramblings at http://redmonk.net

==== microformats-related projects ====

* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack]

My hcard is [http://redmonk.net/about-this-site/ here].

openid-brainstorming

2007-12-03T15:23:42Z

SteveIvy: /* OpenID whitelist authentication for private hCard */ rework notes after example markup

<h1> OpenID + microformats Brainstorming </h1>
{{TOC-right}}
This is a public space for capturing some ideas on how [[OpenID]] and Microformats can work together.

== Relevant Microformats ==
* [[hcard|hCard]] - for profiles
* [[xfn|XFN]]
** rel="friend" etc. for marking up relationships between profiles
** rel="me" for [http://gmpg.org/xfn/and/#idconsolidation identity consolidation] among profiles
*** Can YADIS be extended to support rel="me"?

== Ideas for use ==
* Identity providers should provide [[hcard-supporting-user-profiles|hCard marked up profile pages]]
* re-use [[hcard|hCard]] (vCard) vocabulary for HTTP query based key-value pairs of information requested and returned

=== Replace SREG attributes with hCard ===
* [http://factoryjoe.com/blog/2007/11/01/hcard-for-openid-simple-registration-and-attribute-exchange/ hCard for OpenID Simple Registration and Attribute Exchange] by [[Chris Messina]]
* [http://tantek.com/log/2007/11.html#d02t2318 Replacing OpenID SREG with hCard part 1: Modest proposals] by [[Tantek Çelik]].

=== Replace Attribute Exchange attributes with hCard ===
Many attributes in the [http://www.axschema.org/types/ attribute registry established at axschema.org] are reinventions of properties defined in [[vCard]] (and thus hCard). It would be preferable to reuse such vocabulary rather than reinventing it (see also [[naming-principles]]).

* [http://willnorris.com/2007/11/try-reuse-catch-ex-reinvent try { reuse; } catch (Ex) { reinvent; }] by Will Norris

== OpenID whitelist authentication for private hCard ==
A blog can use the URLs in its [[XFN]] Friendly blogroll as an OpenID whitelist to provide more information to those that login to the blog with one of those URLs. This technique can be used to provide more detailed private [[hCard]] contact information to only a subset of people (or services). You could also build the whitelist of OpenIDs by parsing data out of a social network API or an aggregated list of XFN friends of friends (following the ideas on [[social-network-portability]]).

[[User:TomMorris|Tom Morris]] has implemented this on [http://tommorris.org/blog his blog], and on a "family extranet".

In his blog post [http://adactio.com/journal/1348/ MicroformatID], Jeremy Keith explained how Tom's blog works: <blockquote>Tom has an hCard on his blog. By default the information provided is fairly basic: an email address, a URL and a vague physical address. Right by the hCard, there’s a simple form that allows you to log on using OpenID. If you log on and you’re on a white list of Tom’s friends, the hCard is updated to reveal more information: telephone numbers and a complete physical address.That’s pretty clever. And when you consider that OpenID is a URL-based authentication system and XFN is also based around URLs, it would be pretty easy to have the white list correspond to an XFN list on the same page as the hCard.hCard | OpenID | XFN… it’s like Unix pipes for the Web: small pieces, loosely joined.</blockquote>

Tom recently explained this a bit more in his blog post [http://tommorris.org/blog/2007/11/05#pid2533635 Are you on the list? / Once again, in English]:
<blockquote>Here's what I'm trying to do. I have an hCard on my blog - over in the sidebar. I want to make it so that the people who want to get my contact details can. I've had the fun experience of auto-dialling with Skype when microformats are present, and being able to download phone numbers onto my phone. Basically, I want to simulate electronically the situation I have when one gives their business card out to someone without having to carry bits of card around with me. The user experience should something like this:User: "I know Tom. I want to contact him by phone or send him something by post." User goes to my blog and enters their OpenID. If user is on list, user sees extra information - my home address and phone numbers. This is all in an hCard, so they can use hCard tools like Operator to use the information in a more useful way. This is important, as often people want to make data available, but not to everyone. OpenID is a good way of letting people authenticate, but not as intrusive as having them sign up and have to give you their e-mail and so on....Ideally, when we have a few more pieces in place, we will have it so that we can do automatic OpenID inference - if you have a WordPress blog and I list you as a friend on say, Flickr and Twitter, then you can get access to my personal details. Personal details are also just the tip of the iceberg - everyone has things which they want only some of their friends to be able to see or use. The general overall plan is to make it so that network connections can be used as a way of providing or denying services. Some people are using this 'graph' of connections to determine whether or not you are a comment spammer.</blockquote>

Steve Ivy recently started analyzing how to implement this and diagramming processes:
* [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ Making a list: Whitelisting with OpenId and XFN] [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ http://redmonk.net/files/skitch/new_xfn_openid_whitelist-20071127-210800.png]
* [http://redmonk.net/archives/2007/11/26/blogrolls-xfn-and-openid-uris/ Blogrolls, XFN, and OpenID URIs]
* I'm experimenting with how to markup XFN+hCard+OpenID on [http://redmonk.net/more_monkinetic/xfn-blogroll/ my XFN blogroll page]

<code>
<pre>
<li class="vcard">

<a href="http://claimid.com/factoryjoe" rel="acquaintance colleague"
class="fn url openid">Chris Messina</a>

- <a href="http://factoryjoe.org/blog" class="url"
title="Factory Joe">Factory Joe</a>
</li>
</pre>
</code>

Though it's not a standard, conceivably a spider processing whitelists could use the "openid" class to determine that a url page is an openid for the contact. Alternatively (and more definitively) follow each <code>url</code> and check to see if it is an openid url (<code><link rel="openid.provider"></code> or <code><link rel="openid.delegate"></code> perhaps?)
-- Steve

=== Counterpoints ===
* Will Norris on [http://willnorris.com/2007/11/hcard-is-not-a-provisioning-engine-for-private-data privacy issues in using hcard for data provisioning.]
** Most of Will's questions/concerns are explained by Tom's abovementioned blog post.

== Microformats outside HTML ==
* JSON representations of hCard etc.

==See also==
* [[hCard]]
* [[XFN]]
* [[social network portability]]
* [[OpenID]]
* [[OAuth]]
* [[naming-principles]]

openid-brainstorming

2007-11-30T16:34:36Z

SteveIvy: /* OpenID whitelist authentication for private hCard */

<h1> OpenID + microformats Brainstorming </h1>
{{TOC-right}}
This is a public space for capturing some ideas on how [[OpenID]] and Microformats can work together.

== Relevant Microformats ==
* [[hcard|hCard]] - for profiles
* [[xfn|XFN]]
** rel="friend" etc. for marking up relationships between profiles
** rel="me" for [http://gmpg.org/xfn/and/#idconsolidation identity consolidation] among profiles
*** Can YADIS be extended to support rel="me"?

== Ideas for use ==
* Identity providers should provide [[hcard-supporting-user-profiles|hCard marked up profile pages]]
* re-use [[hcard|hCard]] (vCard) vocabulary for HTTP query based key-value pairs of information requested and returned

=== Replace SREG attributes with hCard ===
* [http://factoryjoe.com/blog/2007/11/01/hcard-for-openid-simple-registration-and-attribute-exchange/ hCard for OpenID Simple Registration and Attribute Exchange] by [[Chris Messina]]
* [http://tantek.com/log/2007/11.html#d02t2318 Replacing OpenID SREG with hCard part 1: Modest proposals] by [[Tantek Çelik]].

=== Replace Attribute Exchange attributes with hCard ===
Many attributes in the [http://www.axschema.org/types/ attribute registry established at axschema.org] are reinventions of properties defined in [[vCard]] (and thus hCard). It would be preferable to reuse such vocabulary rather than reinventing it (see also [[naming-principles]]).

* [http://willnorris.com/2007/11/try-reuse-catch-ex-reinvent try { reuse; } catch (Ex) { reinvent; }] by Will Norris

== OpenID whitelist authentication for private hCard ==
A blog can use the URLs in its [[XFN]] Friendly blogroll as an OpenID whitelist to provide more information to those that login to the blog with one of those URLs. This technique can be used to provide more detailed private [[hCard]] contact information to only a subset of people (or services). You could also build the whitelist of OpenIDs by parsing data out of a social network API or an aggregated list of XFN friends of friends (following the ideas on [[social-network-portability]]).

[[User:TomMorris|Tom Morris]] has implemented this on [http://tommorris.org/blog his blog], and on a "family extranet".

In his blog post [http://adactio.com/journal/1348/ MicroformatID], Jeremy Keith explained how Tom's blog works: <blockquote>Tom has an hCard on his blog. By default the information provided is fairly basic: an email address, a URL and a vague physical address. Right by the hCard, there’s a simple form that allows you to log on using OpenID. If you log on and you’re on a white list of Tom’s friends, the hCard is updated to reveal more information: telephone numbers and a complete physical address.That’s pretty clever. And when you consider that OpenID is a URL-based authentication system and XFN is also based around URLs, it would be pretty easy to have the white list correspond to an XFN list on the same page as the hCard.hCard | OpenID | XFN… it’s like Unix pipes for the Web: small pieces, loosely joined.</blockquote>

Tom recently explained this a bit more in his blog post [http://tommorris.org/blog/2007/11/05#pid2533635 Are you on the list? / Once again, in English]:
<blockquote>Here's what I'm trying to do. I have an hCard on my blog - over in the sidebar. I want to make it so that the people who want to get my contact details can. I've had the fun experience of auto-dialling with Skype when microformats are present, and being able to download phone numbers onto my phone. Basically, I want to simulate electronically the situation I have when one gives their business card out to someone without having to carry bits of card around with me. The user experience should something like this:User: "I know Tom. I want to contact him by phone or send him something by post." User goes to my blog and enters their OpenID. If user is on list, user sees extra information - my home address and phone numbers. This is all in an hCard, so they can use hCard tools like Operator to use the information in a more useful way. This is important, as often people want to make data available, but not to everyone. OpenID is a good way of letting people authenticate, but not as intrusive as having them sign up and have to give you their e-mail and so on....Ideally, when we have a few more pieces in place, we will have it so that we can do automatic OpenID inference - if you have a WordPress blog and I list you as a friend on say, Flickr and Twitter, then you can get access to my personal details. Personal details are also just the tip of the iceberg - everyone has things which they want only some of their friends to be able to see or use. The general overall plan is to make it so that network connections can be used as a way of providing or denying services. Some people are using this 'graph' of connections to determine whether or not you are a comment spammer.</blockquote>

Steve Ivy recently started analyzing how to implement this and diagramming processes:
* [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ Making a list: Whitelisting with OpenId and XFN] [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ http://redmonk.net/files/skitch/new_xfn_openid_whitelist-20071127-210800.png]
* [http://redmonk.net/archives/2007/11/26/blogrolls-xfn-and-openid-uris/ Blogrolls, XFN, and OpenID URIs]
* I'm experimenting with how to markup XFN+hCard+OpenID on [http://redmonk.net/more_monkinetic/xfn-blogroll/ my XFN blogroll page]

<code>
<pre>
<li class="vcard">

<a href="http://claimid.com/factoryjoe" rel="acquaintance colleague"
class="fn url openid">Chris Messina</a>

- <a href="http://factoryjoe.org/blog" class="url"
title="Factory Joe">Factory Joe</a>
</li>
</pre>
</code>

A spider processing whitelists would need to follow each <code>url</code> in the hCard and determine (using the <code><link rel="openid.provider"></code>?) if the page is an openid for the contact. -- Steve

=== Counterpoints ===
* Will Norris on [http://willnorris.com/2007/11/hcard-is-not-a-provisioning-engine-for-private-data privacy issues in using hcard for data provisioning.]
** Most of Will's questions/concerns are explained by Tom's abovementioned blog post.

== Microformats outside HTML ==
* JSON representations of hCard etc.

==See also==
* [[hCard]]
* [[XFN]]
* [[social network portability]]
* [[OpenID]]
* [[OAuth]]
* [[naming-principles]]

openid-brainstorming

2007-11-30T16:32:30Z

SteveIvy: /* OpenID whitelist authentication for private hCard */ comment xfn+openid markup

<h1> OpenID + microformats Brainstorming </h1>
{{TOC-right}}
This is a public space for capturing some ideas on how [[OpenID]] and Microformats can work together.

== Relevant Microformats ==
* [[hcard|hCard]] - for profiles
* [[xfn|XFN]]
** rel="friend" etc. for marking up relationships between profiles
** rel="me" for [http://gmpg.org/xfn/and/#idconsolidation identity consolidation] among profiles
*** Can YADIS be extended to support rel="me"?

== Ideas for use ==
* Identity providers should provide [[hcard-supporting-user-profiles|hCard marked up profile pages]]
* re-use [[hcard|hCard]] (vCard) vocabulary for HTTP query based key-value pairs of information requested and returned

=== Replace SREG attributes with hCard ===
* [http://factoryjoe.com/blog/2007/11/01/hcard-for-openid-simple-registration-and-attribute-exchange/ hCard for OpenID Simple Registration and Attribute Exchange] by [[Chris Messina]]
* [http://tantek.com/log/2007/11.html#d02t2318 Replacing OpenID SREG with hCard part 1: Modest proposals] by [[Tantek Çelik]].

=== Replace Attribute Exchange attributes with hCard ===
Many attributes in the [http://www.axschema.org/types/ attribute registry established at axschema.org] are reinventions of properties defined in [[vCard]] (and thus hCard). It would be preferable to reuse such vocabulary rather than reinventing it (see also [[naming-principles]]).

* [http://willnorris.com/2007/11/try-reuse-catch-ex-reinvent try { reuse; } catch (Ex) { reinvent; }] by Will Norris

== OpenID whitelist authentication for private hCard ==
A blog can use the URLs in its [[XFN]] Friendly blogroll as an OpenID whitelist to provide more information to those that login to the blog with one of those URLs. This technique can be used to provide more detailed private [[hCard]] contact information to only a subset of people (or services). You could also build the whitelist of OpenIDs by parsing data out of a social network API or an aggregated list of XFN friends of friends (following the ideas on [[social-network-portability]]).

[[User:TomMorris|Tom Morris]] has implemented this on [http://tommorris.org/blog his blog], and on a "family extranet".

In his blog post [http://adactio.com/journal/1348/ MicroformatID], Jeremy Keith explained how Tom's blog works: <blockquote>Tom has an hCard on his blog. By default the information provided is fairly basic: an email address, a URL and a vague physical address. Right by the hCard, there’s a simple form that allows you to log on using OpenID. If you log on and you’re on a white list of Tom’s friends, the hCard is updated to reveal more information: telephone numbers and a complete physical address.That’s pretty clever. And when you consider that OpenID is a URL-based authentication system and XFN is also based around URLs, it would be pretty easy to have the white list correspond to an XFN list on the same page as the hCard.hCard | OpenID | XFN… it’s like Unix pipes for the Web: small pieces, loosely joined.</blockquote>

Tom recently explained this a bit more in his blog post [http://tommorris.org/blog/2007/11/05#pid2533635 Are you on the list? / Once again, in English]:
<blockquote>Here's what I'm trying to do. I have an hCard on my blog - over in the sidebar. I want to make it so that the people who want to get my contact details can. I've had the fun experience of auto-dialling with Skype when microformats are present, and being able to download phone numbers onto my phone. Basically, I want to simulate electronically the situation I have when one gives their business card out to someone without having to carry bits of card around with me. The user experience should something like this:User: "I know Tom. I want to contact him by phone or send him something by post." User goes to my blog and enters their OpenID. If user is on list, user sees extra information - my home address and phone numbers. This is all in an hCard, so they can use hCard tools like Operator to use the information in a more useful way. This is important, as often people want to make data available, but not to everyone. OpenID is a good way of letting people authenticate, but not as intrusive as having them sign up and have to give you their e-mail and so on....Ideally, when we have a few more pieces in place, we will have it so that we can do automatic OpenID inference - if you have a WordPress blog and I list you as a friend on say, Flickr and Twitter, then you can get access to my personal details. Personal details are also just the tip of the iceberg - everyone has things which they want only some of their friends to be able to see or use. The general overall plan is to make it so that network connections can be used as a way of providing or denying services. Some people are using this 'graph' of connections to determine whether or not you are a comment spammer.</blockquote>

Steve Ivy recently started analyzing how to implement this and diagramming processes:
* [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ Making a list: Whitelisting with OpenId and XFN] [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ http://redmonk.net/files/skitch/new_xfn_openid_whitelist-20071127-210800.png]
* [http://redmonk.net/archives/2007/11/26/blogrolls-xfn-and-openid-uris/ Blogrolls, XFN, and OpenID URIs]
* I'm experimenting with how to markup XFN+hCard+OpenID on [http://redmonk.net/more_monkinetic/xfn-blogroll/ my XFN blogroll page]

<code>
<pre>
<li class="vcard">

<a href="http://claimid.com/factoryjoe" rel="acquaintance colleague"
class="fn url openid">Chris Messina</a>

- <a href="http://factoryjoe.org/blog" class="url acquaintance colleague"
title="Factory Joe">Factory Joe</a>
</li>
</pre>
</code>

A spider processing whitelists would need to follow each <code>url</code> in the hCard and determine (using the <code><link rel="openid.provider"></code>?) if the page is an openid for the contact. -- Steve

=== Counterpoints ===
* Will Norris on [http://willnorris.com/2007/11/hcard-is-not-a-provisioning-engine-for-private-data privacy issues in using hcard for data provisioning.]
** Most of Will's questions/concerns are explained by Tom's abovementioned blog post.

== Microformats outside HTML ==
* JSON representations of hCard etc.

==See also==
* [[hCard]]
* [[XFN]]
* [[social network portability]]
* [[OpenID]]
* [[OAuth]]
* [[naming-principles]]

openid-brainstorming

2007-11-28T15:46:15Z

SteveIvy: /* OpenID whitelist authentication for private hCard */ add example markup for XFN+hCard+OpenID

<h1> OpenID + microformats Brainstorming </h1>
{{TOC-right}}
This is a public space for capturing some ideas on how [[OpenID]] and Microformats can work together.

== Relevant Microformats ==
* [[hcard|hCard]] - for profiles
* [[xfn|XFN]]
** rel="friend" etc. for marking up relationships between profiles
** rel="me" for [http://gmpg.org/xfn/and/#idconsolidation identity consolidation] among profiles
*** Can YADIS be extended to support rel="me"?

== Ideas for use ==
* Identity providers should provide [[hcard-supporting-user-profiles|hCard marked up profile pages]]
* re-use [[hcard|hCard]] (vCard) vocabulary for HTTP query based key-value pairs of information requested and returned

=== Replace SREG attributes with hCard ===
* [http://factoryjoe.com/blog/2007/11/01/hcard-for-openid-simple-registration-and-attribute-exchange/ hCard for OpenID Simple Registration and Attribute Exchange] by [[Chris Messina]]
* [http://tantek.com/log/2007/11.html#d02t2318 Replacing OpenID SREG with hCard part 1: Modest proposals] by [[Tantek Çelik]].

=== Replace Attribute Exchange attributes with hCard ===
Many attributes in the [http://www.axschema.org/types/ attribute registry established at axschema.org] are reinventions of properties defined in [[vCard]] (and thus hCard). It would be preferable to reuse such vocabulary rather than reinventing it (see also [[naming-principles]]).

* [http://willnorris.com/2007/11/try-reuse-catch-ex-reinvent try { reuse; } catch (Ex) { reinvent; }] by Will Norris

== OpenID whitelist authentication for private hCard ==
A blog can use the URLs in its [[XFN]] Friendly blogroll as an OpenID whitelist to provide more information to those that login to the blog with one of those URLs. This technique can be used to provide more detailed private [[hCard]] contact information to only a subset of people (or services). You could also build the whitelist of OpenIDs by parsing data out of a social network API or an aggregated list of XFN friends of friends (following the ideas on [[social-network-portability]]).

[[User:TomMorris|Tom Morris]] has implemented this on [http://tommorris.org/blog his blog], and on a "family extranet".

In his blog post [http://adactio.com/journal/1348/ MicroformatID], Jeremy Keith explained how Tom's blog works: <blockquote>Tom has an hCard on his blog. By default the information provided is fairly basic: an email address, a URL and a vague physical address. Right by the hCard, there’s a simple form that allows you to log on using OpenID. If you log on and you’re on a white list of Tom’s friends, the hCard is updated to reveal more information: telephone numbers and a complete physical address.That’s pretty clever. And when you consider that OpenID is a URL-based authentication system and XFN is also based around URLs, it would be pretty easy to have the white list correspond to an XFN list on the same page as the hCard.hCard | OpenID | XFN… it’s like Unix pipes for the Web: small pieces, loosely joined.</blockquote>

Tom recently explained this a bit more in his blog post [http://tommorris.org/blog/2007/11/05#pid2533635 Are you on the list? / Once again, in English]:
<blockquote>Here's what I'm trying to do. I have an hCard on my blog - over in the sidebar. I want to make it so that the people who want to get my contact details can. I've had the fun experience of auto-dialling with Skype when microformats are present, and being able to download phone numbers onto my phone. Basically, I want to simulate electronically the situation I have when one gives their business card out to someone without having to carry bits of card around with me. The user experience should something like this:User: "I know Tom. I want to contact him by phone or send him something by post." User goes to my blog and enters their OpenID. If user is on list, user sees extra information - my home address and phone numbers. This is all in an hCard, so they can use hCard tools like Operator to use the information in a more useful way. This is important, as often people want to make data available, but not to everyone. OpenID is a good way of letting people authenticate, but not as intrusive as having them sign up and have to give you their e-mail and so on....Ideally, when we have a few more pieces in place, we will have it so that we can do automatic OpenID inference - if you have a WordPress blog and I list you as a friend on say, Flickr and Twitter, then you can get access to my personal details. Personal details are also just the tip of the iceberg - everyone has things which they want only some of their friends to be able to see or use. The general overall plan is to make it so that network connections can be used as a way of providing or denying services. Some people are using this 'graph' of connections to determine whether or not you are a comment spammer.</blockquote>

Steve Ivy recently started analyzing how to implement this and diagramming processes:
* [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ Making a list: Whitelisting with OpenId and XFN] [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ http://redmonk.net/files/skitch/new_xfn_openid_whitelist-20071127-210800.png]
* [http://redmonk.net/archives/2007/11/26/blogrolls-xfn-and-openid-uris/ Blogrolls, XFN, and OpenID URIs]
* I'm experimenting with how to markup XFN+hCard+OpenID on [http://redmonk.net/more_monkinetic/xfn-blogroll/ my XFN blogroll page]

<code>
<pre>
<li class="vcard">
<a href="http://claimid.com/factoryjoe" class="fn url openid">Chris Messina</a>
- <a href="http://factoryjoe.org/blog" rel="acquaintance colleague" class="url acquaintance colleague" title="Factory Joe">Factory Joe</a>
</li>
</pre>
</code>

A spider processing whitelists would need to follow each <code>url</code> in the hCard and determine (using the <code><link rel="openid.provider"></code>?) if the page is an openid for the contact. -- Steve

=== Counterpoints ===
* Will Norris on [http://willnorris.com/2007/11/hcard-is-not-a-provisioning-engine-for-private-data privacy issues in using hcard for data provisioning.]
** Most of Will's questions/concerns are explained by Tom's abovementioned blog post.

== Microformats outside HTML ==
* JSON representations of hCard etc.

==See also==
* [[hCard]]
* [[XFN]]
* [[social network portability]]
* [[OpenID]]
* [[OAuth]]
* [[naming-principles]]

openid-brainstorming

2007-11-28T04:09:06Z

SteveIvy: /* OpenID whitelist authentication for private hCard */ updated diagram

<h1> OpenID + microformats Brainstorming </h1>
{{TOC-right}}
This is a public space for capturing some ideas on how [[OpenID]] and Microformats can work together.

== Relevant Microformats ==
* [[hcard|hCard]] - for profiles
* [[xfn|XFN]]
** rel="friend" etc. for marking up relationships between profiles
** rel="me" for [http://gmpg.org/xfn/and/#idconsolidation identity consolidation] among profiles
*** Can YADIS be extended to support rel="me"?

== Ideas for use ==
* Identity providers should provide [[hcard-supporting-user-profiles|hCard marked up profile pages]]
* re-use [[hcard|hCard]] (vCard) vocabulary for HTTP query based key-value pairs of information requested and returned

=== Replace SREG attributes with hCard ===
* [http://factoryjoe.com/blog/2007/11/01/hcard-for-openid-simple-registration-and-attribute-exchange/ hCard for OpenID Simple Registration and Attribute Exchange] by [[Chris Messina]]
* [http://tantek.com/log/2007/11.html#d02t2318 Replacing OpenID SREG with hCard part 1: Modest proposals] by [[Tantek Çelik]].

=== Replace Attribute Exchange attributes with hCard ===
Many attributes in the [http://www.axschema.org/types/ attribute registry established at axschema.org] are reinventions of properties defined in [[vCard]] (and thus hCard). It would be preferable to reuse such vocabulary rather than reinventing it (see also [[naming-principles]]).

* [http://willnorris.com/2007/11/try-reuse-catch-ex-reinvent try { reuse; } catch (Ex) { reinvent; }] by Will Norris

== OpenID whitelist authentication for private hCard ==
A blog can use the URLs in its [[XFN]] Friendly blogroll as an OpenID whitelist to provide more information to those that login to the blog with one of those URLs. This technique can be used to provide more detailed private [[hCard]] contact information to only a subset of people (or services). You could also build the whitelist of OpenIDs by parsing data out of a social network API or an aggregated list of XFN friends of friends (following the ideas on [[social-network-portability]]).

[[User:TomMorris|Tom Morris]] has implemented this on [http://tommorris.org/blog his blog], and on a "family extranet".

In his blog post [http://adactio.com/journal/1348/ MicroformatID], Jeremy Keith explained how Tom's blog works: <blockquote>Tom has an hCard on his blog. By default the information provided is fairly basic: an email address, a URL and a vague physical address. Right by the hCard, there’s a simple form that allows you to log on using OpenID. If you log on and you’re on a white list of Tom’s friends, the hCard is updated to reveal more information: telephone numbers and a complete physical address.That’s pretty clever. And when you consider that OpenID is a URL-based authentication system and XFN is also based around URLs, it would be pretty easy to have the white list correspond to an XFN list on the same page as the hCard.hCard | OpenID | XFN… it’s like Unix pipes for the Web: small pieces, loosely joined.</blockquote>

Tom recently explained this a bit more in his blog post [http://tommorris.org/blog/2007/11/05#pid2533635 Are you on the list? / Once again, in English]:
<blockquote>Here's what I'm trying to do. I have an hCard on my blog - over in the sidebar. I want to make it so that the people who want to get my contact details can. I've had the fun experience of auto-dialling with Skype when microformats are present, and being able to download phone numbers onto my phone. Basically, I want to simulate electronically the situation I have when one gives their business card out to someone without having to carry bits of card around with me. The user experience should something like this:User: "I know Tom. I want to contact him by phone or send him something by post." User goes to my blog and enters their OpenID. If user is on list, user sees extra information - my home address and phone numbers. This is all in an hCard, so they can use hCard tools like Operator to use the information in a more useful way. This is important, as often people want to make data available, but not to everyone. OpenID is a good way of letting people authenticate, but not as intrusive as having them sign up and have to give you their e-mail and so on....Ideally, when we have a few more pieces in place, we will have it so that we can do automatic OpenID inference - if you have a WordPress blog and I list you as a friend on say, Flickr and Twitter, then you can get access to my personal details. Personal details are also just the tip of the iceberg - everyone has things which they want only some of their friends to be able to see or use. The general overall plan is to make it so that network connections can be used as a way of providing or denying services. Some people are using this 'graph' of connections to determine whether or not you are a comment spammer.</blockquote>

Steve Ivy recently started analyzing how to implement this and diagramming processes:
* [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ Making a list: Whitelisting with OpenId and XFN] [http://redmonk.net/archives/2007/11/25/making-a-list-whitelisting-with-openid-and-xfn/ http://redmonk.net/files/skitch/new_xfn_openid_whitelist-20071127-210800.png]
* [http://redmonk.net/archives/2007/11/26/blogrolls-xfn-and-openid-uris/ Blogrolls, XFN, and OpenID URIs]

=== Counterpoints ===
* Will Norris on [http://willnorris.com/2007/11/hcard-is-not-a-provisioning-engine-for-private-data privacy issues in using hcard for data provisioning.]
** Most of Will's questions/concerns are explained by Tom's abovementioned blog post.

== Microformats outside HTML ==
* JSON representations of hCard etc.

==See also==
* [[hCard]]
* [[XFN]]
* [[social network portability]]
* [[OpenID]]
* [[OAuth]]
* [[naming-principles]]

implementations

2007-11-27T18:22:36Z

SteveIvy: add hCard About Box for Wordpress

<h1>Microformats Implementations</h1>
{{TOC-right}}
This page lists the applications, plugins, sample code, services, tools that produce or consume microformats. This is only a partial list. If you know other services or tools for or supporting microformats, please add them, link to their [[implementors]], and list what specific microformats they support.

== Implementations vs. Examples in the Wild ==
This page is ''only'' for implementations of tools that publish or consume microformats. Companies simply ''using'' microformats on their pages/sites belong in the "Examples in the wild" sections of those respective microformats, e.g.:
* [[hcard-examples-in-wild|hCard Examples in the wild]]
* [[hcalendar-examples-in-wild|hCalendar Examples in the wild]]
* etc.

== Editing This Page ==
When you find an implementation, first make sure that it is ''actually'' an implementation as opposed to ''just'' an [[hcard-examples-in-wild|example in the wild]] of publishing microformats (see above).

Second, note the name of the ''tool or service'' separately from the name of the ''developer(s)'' who wrote the tool/service.

Add a third level heading with the name of the tool/service ( <code>=== Name of Tool ===</code> ) to the Applications / Plugins / Services / Tools section, sorted alphabetically by name of tool/service. Add a top level list item (*) just below the heading with an external link to the tool/service, along with a link to evidence of their support for microformats, and mention (and locally link) each microformat that is supported.

Add a nested list item <code>* by Name of Developer</code> and local to wiki hyperlink the Name of Developer to a fragment identifier in the [[implementors]] page, e.g. Apple Computer would be linked like this: <code><nowiki>[[implementors#Apple_Computer|Apple Computer]]</nowiki></code>

Check to see if there is an entry for the developer in the [[implementors|list of implementors]], if not add them there. Add a link to the developer's home page followed by "has implemented microformats in:".

In the entry for the developer, add a list item <code>* Name of Tool</code> and local to wiki hyperlink the Name of Tool to a fragment identifier in this page, e.g. X2V would be linked like this: <code><nowiki>[[implementations#X2V|X2V]]</nowiki></code>

Save the page and make sure that each fragment ID local hyperlink when clicked scrolls you to the right spot (for the developer, and for the tool). Make any fix-up edits as necessary. That's it!

== Reporting Bugs ==
In short, [[put-it-on-the-wiki]]. In particular, add bug reports, with URL(s) to a valid demonstrative test case(s) of course, to the listing of an implementation on this page, OR on the specific implementations wiki page (e.g. [[hcard-implementations]]). Please describe why you think it is a bug (user interface, cosmetic, violates a spec page, e.g. for problems parsing hCards, reference which part of [[hcard-parsing]] the implementation appears to not be following).

If you have a sense of urgency for getting that particular bug fixed in that implementation, you may email [http://microformats.org/discuss/ microformats-dev] with the URL of that implementation on the wiki page, and *summarize* the bug (the full description being on the wiki page instead).

== Formats ==
Most microformat specifications have an "implementations" section, e.g.:
*[[rel-tag#Implementations|rel-tag implementations]]
*[[vote-links#Implementations|vote-link implementations]]
*[[xoxo#Implementations|XOXO implementations]]

In addition, some microformat specifications have separate implementation pages:
*[[hcalendar-implementations|hCalendar implementations]]
*[[hcard-implementations|hCard Implementations]]
*[[xfn-implementations|XFN implementations]]

== Applications / Plugins / Services / Tools ==
This is an alphabetical listing of all applications, plugins (grouped with their app/tool), services and tools that implement microformats, along with the list of microformats that are supported, and the company and/or developers responsible for it.

As a user, the implementations listed below will automatically help you use microformats and help your data portability and interoperability with other apps and services.

Please help complete this list! If you know of additional apps/plugins/services/tools that support microformats, please add them!

Note: this section is only for listing specific ''implementations''. The list of ''implementors'' is in the [[implementors#Companies / Developers / Organizations|Companies / Developers / Organizations]] section on the [[implementors]] page.

Alphabetically:

=== .Mac Webmail ===
* The [http://www.mac.com/webmail .Mac Webmail] ''service'' now [http://factoryjoe.com/blog/2006/10/28/apple-embraces-microformats-in-new-mac-webmail/ supports hcard].
** by [[implementors#Apple_Computer|Apple Computer]]

=== AlchemyPoint ===
* [http://www.orch8.net/ AlchemyPoint] is a structured web / mashup platform that supports parsing hCard, rel-tag and other microformats.
** by [[implementors#Orchestr8|Orchestr8]]

=== Backnetwork ===
* [http://backnetwork.com/ Backnetwork] is a community networking tool for events that supports [[hCard]], [[hCalendar]], and [[XFN]].
** by [[implementors#Glenn_Jones|Glenn Jones]] of [[implementors#Madgex|Madgex]].

=== Blinksale ===
* [http://blinksale.com Blinksale] uses [[hcard|hCard]] standard throughout for people and companies.

=== BlogMatrix ===
* [http://www.blogmatrix.com BlogMatrix] - user information marked as [[hcard|hCard]], tag directories in [[xfolk]]/[[rel-tag]], enclosures are marked as [[rel-enclosure]].
** by [[implementors#David_Janes|David Janes]]

=== Blogmarks.net ===
* [http://www.blogmarks.net Blogmarks.net] publish user bookmarks in [[xfolk]]/[[rel-tag]].

=== cmSiteNavigation ===
* [http://www.christophm.de/software/firefox/cmSiteNavigation/ cmSiteNavigation] extension for Firefox make use of links marked with a [[existing-rel-values|"rel" value]], and parses additional link types also.

=== Community Server ===
* [http://communityserver.org Community Server] supports tagging posts with [[rel-tag]], implements [[rel-nofollow]] on links in comments, and allows users to create link lists using [http://gmpg.org/xfn/ XFN].

=== Conferenceer ===
* Built for SXSW 2007, [http://sxsw07.conferenceer.com/ Conferenceer] supports hcalendar and hcard.

=== Citycita===
* [http://www.citycita.org Citycita] supports [[hCal|hCal]] in all event pages for local social groups.
** by [[implementors#Rubio_Jamin|Rubio Jamin]]

=== Cork'd ===
* [http://corkd.com Cork'd] supports [[hcard|hCard]] for user profiles, [[hreview|hReview]] for wine reviews, along with [[rel-tag]] for tagging wines as announced in [http://www.simplebits.com/notebook/2006/06/10/wineformats.html Pairing Wine and Microformats]
** by [[implementors#Dan_Cederhold|Dan Cederholm]]

=== Delicious Generation ===
* [http://deliciousgeneration.com/ Delicious Generation] supports [[hCal|hCal]] for the event and [[hcard|hCard]] for sponsors and people.
** by [[implementors#Chris_Messina|Chris Messina]]

=== Dreamweaver ===
==== Microformats Extensions ====
* [http://www.webstandards.org/action/dwtf/microformats Dreamweaver Microformats Extensions] ([http://allinthehead.com/beta/microformats.mxp.zip download]) support authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] as [http://allinthehead.com/retro/282/microformats-in-dreamweaver announced by Drew]
** by [[implementors#Drew_Mclellan|Drew McLellan]]

=== Drupal ===
==== Upcoming module for Drupal ====
* [http://hybernaut.com/upcoming-module Drupal Upcoming.org syndication module] emits [[hcalendar|hCalendar]]
** by [[implementors#Brian_Del_Vecchio|Brian Del Vecchio]]

=== Etnies ===
* [http://etnies.com/extra/calendar/ Etnies Calendar] supports hcalendar. Maybe the [http://thecolab.com/blog/2007/01/22/etniescom-relaunch/ first skate-shop to support microformats].

=== Eventful ===
* [http://eventful.com Eventful] supports [[hcalendar|hCalendar]] for over 1,000,000 event listings and [[hcard|hCard]] for venues.

=== Ficlets ===
* [http://ficlets.com Ficlets] supports [[hcard]] for author data and [[hatom]] for stories and lists of stories.
** [http://sixtwothree.org Jason Garber] and [http://lawver.net Kevin Lawver] for [http://aol.com AOL]

=== Finetoothcog ===
* [http://finetoothcog.com/site/stolen_bikes Stolen Bikes] now supports [[hcalendar|hCalendar]] for reported stolen bikes. Also provides iCal subscription.

=== Firefox ===
* See [[firefox-extensions]]

=== FunAdvice ===
* [http://funadvice.com FunAdvice] supports using the rel-nofollow tag to prevent users posting content simply for the search engine benefit, to improve teh quality of the advice giving community.

=== Gravatar Commenters as hCards ===
* [http://thedredge.org Andy Hume] added code to his blogging software to automatically mark-up the names and URLs of commenters on his blog with [[hcard|hCard]].
** by [[implementors#Andy_Hume|Andy Hume]]
** Andy - any chance of open sourcing your code to turn Gravatars into hCards?

=== Flickr People ===
* [http://flickr.com/ Flickr]'s profiles on its people pages supports both [[hcard|hCard]] and [http://gmpg.org/xfn XFN].
** by [[implementors#Cal_Henderson|Cal Henderson]]
**[http://flickr.com/people/tantek example]

=== Flickr Photos ===
* [http://flickr.com/map/ Flickr's geo tagged photos] are marked up with the [[geo]] microformat.

=== Flock Web Browser ===
* The [http://flock.com Flock web browser] supports the [[rel-tag]] microformat.
** by [[implementors#Flock|Flock]]

=== Google Search ===
* [http://google.com/ Google Search] - supports [[rel-nofollow]]
** by [[implementors#Google|Google]]

=== Google Blogger ===
* [http://blogger.com/ Blogger] supports [[hatom|hAtom]] (citation to blog post needed - 2007)
** by [[implementors#Google|Google]]

=== Google Creative Commons Search ===
* [http://www.google.com/webhp?as_rights=(cc_publicdomain%7Ccc_attribute%7Ccc_sharealike%7Ccc_noncommercial%7Ccc_nonderived) Google Creative Commons Search] - supports [[rel-license]]
** by [[implementors#Google|Google]]

=== Google Maps ===
* [http://maps.google.com/ Google Maps] supports [[hcard|hCard]] (see [http://googlemapsapi.blogspot.com/2007/06/microformats-in-google-maps.html 2007-06-31 announcement by Google])
* Google maps also allows reviewers and map creators to [http://maps.google.com/maps/me attach a public profile], which includes hCard and rel="me' XFN markup. See [http://google-latlong.blogspot.com/2007/10/put-yourself-on-map.html 2007-10-17 announcement]. Sample profile: [http://maps.google.com/maps/user?uid=109581870574956225297 Kevin Marks].
** by [[implementors#Google|Google]]
**Unfortunately, [http://microformats.org/discuss/mail/microformats-discuss/2007-July/010311.html Google Map's implementation is broken]. [http://microformats.org/discuss/mail/microformats-discuss/2007-August/010457.html Google are aware; a fix is awaited].
** Also, there is no hCard nor any XFN rel values on the [http://maps.google.com/maps/user?uid=109581870574956225297 sample profile] itself, it appears to include a [http://maps.google.com/maps/c/widgets/ProfileViewer?js=RAW&maximize=true&hide=false&width=40&noTitle=true&theme=theme_2&service=local&uid=109581870574956225297&height=0&background=transparent&serverbased=true&border=NONE&eventCallback=ParentStub1192999211538&zx=dc574o15j0wrv frame] which then has an hCard and rel="me" to the user's blog.

=== Greasemonkey ===
* [http://greasemonkey.makedatamakesense.com/google_hcalendar/ Google hCalendar] - Adds hCalendar data to Google Calendar.
* [http://www.nickpeters.net/?p=35 Social xFolk] - Adds xFolk links to social bookmarking sites del.icio.us and ma.gnolia.

=== hCalendar creator ===
* [http://microformats.org/code/hcalendar/creator hCalendar creator] (originally [http://theryanking.com/microformats/hcalendar-creator.html published by Ryan King]) is a javascript form for creating [[hcalendar|hCalendar]] events.
** by [[implementors#Ryan_King|Ryan King]]

=== hCard creator ===
* The open source [http://microformats.org/code/hcard/creator hCard creator] (originally [http://tantek.com/microformats/hcard-creator.html published by Tantek]) is a very simple, yet illustrative, open source user interface / form / script which creates an [[hcard|hCard]] in real-time as you type in a set of contact information.
** by [[implementors#Tantek_Çelik|Tantek Çelik]]

=== hKit Microformats Toolkit for PHP5 ===
* [http://allinthehead.com/hkit hKit Microformats Toolkit for PHP5] as [http://allinthehead.com/retro/291/hkit-microformats-toolkit-for-php announced by Drew McLellan]. See also [[hkit|hKit on this wiki]].

=== hReview creator ===
* [http://microformats.org/code/hcalendar/creator hReview creator] (originally [http://theryanking.com/microformats/hreview-creator.html published by Ryan King]) is a javascript form for creating [[hreview|hReviews]].
** by [[implementors#Ryan_King|Ryan King]]

=== Ice Rocket ===
* [http://icerocket.com] - [http://blogs.icerocket.com/tag/ supports] [[rel-tag]]

=== iChat buddy list to hCards ===
* [http://tantek.com/microformats/buddylist2hcards.html iChat buddy list to hCards] - open source AppleScript to automatically convert one's buddy list in the MacOSX iChat AIM client into a valid XHTML 1.0 Strict list of hCards.
** by [[implementors#Tantek_Çelik|Tantek Çelik]]

=== Internet Explorer ===
* See [[internet-explorer-extensions]]

=== JobiJoba ===
* [http://www.jobijoba.com JobiJoba : moteur de recherche emploi] parses and supports [[hCard|hCard]] and [[rel-tag|rel-tag]] for over 40,000 job listings.

=== JSCalendar ===
* [http://web.mit.edu/glasser/www/JSCalendar/ JSCalendar] parses [[hcalendar|hCalendar]] and produces a displayable HTML table/CSS-based calendar.

=== Konqueror ===
* [http://www.konqueror.org/ Konqueror] - [http://flickr.com/photos/factoryjoe/68755089/ supports] [[hcard|hCard]]

=== Last.fm ===
* [http://last.fm Last.fm] - [http://factoryjoe.com/blog/2006/10/31/lastfm-adds-support-for-hcalendar/ Last.fm supports] [[hcalendar|hCalendar]]

=== LouderVoice ===
* [http://www.loudervoice.com Publishes and aggregates hreview content] - The LouderVoice site provides a variety of tools to publish hreview to blogs and it also aggregates hreview content from any registered RSS Feed so that users can search/rate/collect distributed reviews.

=== Laughing Squid Calendar ===
* The [http://laughingsquid.com/squidlist/calendar/ Laughing Squid Calendar] events listings support [[hcalendar|hCalendar]].
** by [http://laughingsquid.com/ Laughing Squid]

=== LinkedIn ===
* [http://www.linkedin.com LinkedIn] - LinkedIn includes [[hcard|hCard]] and [[xfn|XFN]] on contacts, [[hresume|hResume]] for public profiles and [[hreview|hReview]] on service provider recommendations

=== Live Clipboard ===
* [http://spaces.live.com/editorial/rayozzie/demo/liveclip/liveclipsample/techPreview.html Live Clipboard Technical Introduction]
* [http://spaces.live.com/editorial/rayozzie/demo/liveclip/liveclipsample/clipboardexample.html Live Clipboard Example]

=== LiveJournal ===
* [http://www.livejournal.com LiveJournal]
** supports tagging posts with [[rel-tag]]
** supports [[hcard-supporting-user-profiles|hCard user profiles]] and [[XFN]] ([http://community.livejournal.com/lj_releases/24768.html 2007-09-27 release #15]).

=== LJFind ===
* [http://www.ljfind.com LJ-Find] - LJFind supports tagging posts with [[rel-tag]].

=== Ma.gnolia ===

* [http://ma.gnolia.com Ma.gnolia] has wide [http://wiki.ma.gnolia.com/Ma.gnolia_Feeds_Guide#Microformats support for a variety of microformats] including [[rel-tag]], [[xfolk]], [[hreview]], [[xfn]] and [[hcard]].

=== Maxthon ===
[http://maxthon.com Maxthon] is a browser for Microsoft Windows that uses the Trident rendering engine and provides additional user interface. Maxthon has built and published a plugin for their browser that recognizes microformats in web pages and allows users to take action with them, similar to Operator for [[Firefox]].
* [http://forum.maxthon.com/index.php?showtopic=65408 Microformats Button Version 1.0.0 Release Candidate 1]
** Description: "Microformats Button extracts Microformats from websites and allows you to export the data to vCard, vCalendar, Google Maps, Yahoo Maps and other sites."

=== Microformat Base ===
* [http://randomchaos.com/microformats/base/ Microformat Base]
** by [[implementors#Scott Reynen|Scott Reynen]]

=== Microformat Bookmarklet Overlay ===
* [http://leftlogic.com/info/articles/microformats_bookmarklet Microformats Bookmarklet] for Safari, Firefox and Camino, supports [[hcard|hCard]] and [[hcalendar|hCalendar]] and allows the user to import individual microformats on the fly.
** by [[implementors#Remy_Sharp|Remy Sharp]]

=== Microformat Parser for Ruby ===
* [http://blog.labnotes.org/2005/11/20/microformat-parser-for-ruby/ Microformat Parser for Ruby]
** by [[implementors#Assaf Arkin|Assaf Arkin]]

=== MyMap.yam.com ===
* support [[geo]] microformat in the POI page. example: [http://mymap.yam.com/place/point/charleschuang/6695/ a book store in Tamsui].

=== National eXtension Initiative ===
* [http://www.extension.org/ eXtension Home] - content marked-up with [[hatom|hAtom]] and events marked-up as [[hcalendar|hCalendar]] entries.
** by [[implementors#James E. Robinson, III|James E. Robinson, III]]

=== Nature Network Boston ===
* [http://network.nature.com/boston/ Nature Network Boston], a social networking community for scientists, supports [[reltag|rel-tag]], [[hcard|hCard]] for user profiles and [[hcalendar|hCalendar]] for marking up events across the site.
** by [[implementors#Nature Publishing Group|Nature Publishing Group]]

=== Nature Protocols ===
* [http://www.nature.com/nprot/ Nature Protocols], a forum for scientists to upload and comment on protocols, supports [[hcard|hCard]] and [[XOXO]].
** by [[implementors#Nature Publishing Group|Nature Publishing Group]]

=== NetNewsWire ===
*[http://www.newsgator.com/Individuals/NetNewsWire/ NetNewsWire] is an easy-to-use RSS and Atom reader for your Mac. NetNewsWire 3.0 detects, extracts and converts hcard and hcalendar data from feed entries.
** by [[implementors#NewsGator|NewsGator]]

=== Netscape Navigator ===
* Version 9.0+ supports [[Firefox extensions]], e.g. [[Operator]]:
** [http://notizblog.org/2007/10/21/operator-unter-navigator-90/ Operator unter Navigator 9.0]

=== Nutch ===
* [http://www.mail-archive.com/nutch-dev@lucene.apache.org/msg01295.html rel-nofollow support added]
* [http://www.mail-archive.com/nutch-commits@lucene.apache.org/msg01014.html rel-tag support checked in]

=== ODEO ===
* [http://odeo.com/ ODEO] [http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html noted] that they support microformats: [[rel-tag]], [[rel-enclosure]], [http://gmpg.org/xfn XFN].

=== Optimus ===
*[http://microformatique.com/optimus/ Optimus]. Output formats: XML, JSON, JSON-P.

=== phpMicroformats ===
* [http://enarion.net/phpmicroformats/ phpMicroformats] is a PHP class library that generates microformat entries for [[hcalendar|hCalendar]] and [[hcard|hCard]]. It is released under GPL.

=== Portable Social Network Profile Parser ===
* [http://lab.backnetwork.com/ufXtract-psn/ Portable Social Network Profile Parser] implements parsing of [[hCard]], [[XFN]], and in particular [[rel-me]] for [[identity-consolidation]] for [[social-network-portability]].
** by [[implementors#Glenn_Jones|Glenn Jones]] of [[implementors#Madgex|Madgex]].

=== PostNuke ===
''[http://www.postnuke.com PostNuke] is an Application Framework/Content Management Systeme''
* [http://www.pagesetter.net/index.php?module=pagesetter&func=viewpub&tid=4&pid=96 hCards4Pagesetter] - hCards Publication Type for the PostNuke module "Pagesetter"
* [http://www.pagesetter.net/index.php?module=pagesetter&func=viewpub&tid=4&pid=97 hCalendar4Pagesetter] - hCalendar Publication Type for the PostNuke module "Pagesetter"
* [http://www.pagesetter.net/index.php?module=pagesetter&func=viewpub&tid=4&pid=98 hReview4Pagesetter] - hReview Publication Type for the PostNuke module "Pagesetter"
* [http://noc.postnuke.com/frs/?group_id=256&release_id=477 Blogroll] - XFN Block/Modul
* [http://noc.postnuke.com/frs/?group_id=256&release_id=628 nofollow] - nofollow Hook

=== Profiler ===
* [http://microformat.makedatamakesense.com/profiler/ Profiler] works as a proxy service adding microformat profiles to documents that appear to contain microformats.

=== RFC2629.xslt ===
* [http://greenbytes.de/tech/webdav/rfc2629.xslt rfc2629.xslt] now attempts to generate [[hcard|hCard]] information ([http://ietf.org/rfc/rfc2629 RFC2629] in an XML format for authoring RFCs and Internet Drafts, see [http://greenbytes.de/tech/webdav/rfc2629xslt/rfc2629xslt.html example document])

=== Salesforce ===
* [http://salesforce.com Salesforce] [http://flickr.com/photos/kingsleyj/175689109/ supports] [[hcard|hCard]]
** by [http://flickr.com/people/kingsleyj/ Kingsley Joseph]
==== Spanning Salesforce ====
* [http://spanningsalesforce.com/ Spanning Salesforce] supports [[hcalendar|hCalendar]].

=== Sivitools ===
<blockquote>
Sivitols is a Java library for microformats. Currently only the xFolk RC1 standard is implemented, but additional microformat support is planned. This library is being written and maintained for a tag sharing project undertaken by Video Vertigo.
</blockquote>
[http://blog.blip.tv/blog/microformats/ Annoucement], [http://pokkari.com/microformat/javadoc/ Docs]

=== SPRACI ===
* [http://www.spraci.com SPRACI] - nightlife/events - [[hcalendar|hCalendar]] published in events listings, aggregator can read hCalendar

=== stuckUnstuck ===
* [http://stuckunstuck.com stuckUnstuck] supports [[hcard|hCard]] and [[hatom|hatom]].

=== Sunnyvale House Concerts ===
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supports [[hcard|hCard]] and [[hcalendar|hCalendar]].

=== Technorati Contacts Feed Service ===
* [http://feeds.technorati.com/contacts/ Technorati Contacts Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcard|hCards]] to vCard (.vcf) format.
** by [[implementors#Technorati|Technorati]]

=== Technorati Events Feed Service ===
* [http://feeds.technorati.com/events/ Technorati Events Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcalendar|hCalendar]] events to iCalendar (.ics) format.
** by [[implementors#Technorati|Technorati]]

=== Technorati Microformats Search ===
* Technorati [http://kitchen.technorati.com/search/ Microformats Search]. Search for contacts ([[hcard|hCard]]), events ([[hcalendar|hCalendar]]), or reviews ([[hreview|hReview]]) published on blogs and other web sites.
** by [[implementors#Ryan_King|Ryan King]]
** first version (2006 May) by [[implementors#Tantek_Çelik|Tantek Çelik]], [[implementors#Ryan_King|Ryan King]], [[implementors#Kevin_Marks|Kevin Marks]], [[implementors#Josh_Smith|Josh Smith]]

=== Technorati Search ===
* [http://technorati.com/ Technorati] [http://technorati.com/search Search] supports and handles both [[vote-links]] and [[rel-nofollow]] for indicating whether a link should have any/positive/negative weighting towards the destination.
** by [http://technorati.com/about/staff.html Technorati Staff]

=== Technorati Tags ===
* [http://technorati.com/tags/ Technorati Tags] pages aggregate blog posts tagged with the [[rel-tag]] open tagging standard, in addition to recent tagged photos and links.

=== Textpattern ===
==== Microformats Plugin ====
* [http://placenamehere.com/TXP/pnh_mf/ Textpattern Microformats Plugin] supports authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] in the [http://www.textpattern.com/ Textpattern] CMS/blogging tool
** by [http://placenamehere.com/ Chris Casciano]

=== Tomota ===
* The [http://www.tomota.de Tomota] allows import, export and conversion from and to hcards.
** by [[implementors#RalfEngels|Ralf Engels]]

=== TYPO3 ===
* [http://www.typo3.com TYPO3], [http://typo3.org TYPO3 Developer Ressource]
==== tt_address extension====
* [http://typo3.org/extensions/repository/view/tt_address/2.0.1/ tt_address] - hCard support with the tt_address extension version 2.0.0
** by [[implementors#Ingo_Renner|Ingo Renner]]
==== TIMTAB extension====
* [http://typo3.org/extensions/repository/view/timtab/0.5.11/ TIMTAB] - XFN support for blogrolls with the TIMTAB weblog extension for TYPO3
** by [[implementors#Ingo_Renner|Ingo Renner]]

=== Twitter ===

* [http://twitter.com Twitter] [http://twitter.com/al3x/statuses/53982402 supports] [[hatom|hAtom]], [[hcard|hCard]], and [http://gmpg.org/xfn XFN].

=== ufXtract ===
* [http://lab.backnetwork.com/ufXtract/ ufXtract] implements [[parsing]] of microformats such as [[hCard]] and [[XFN]].
** by [[implementors#Glenn_Jones|Glenn Jones]] of [[implementors#Madgex|Madgex]].

=== Upcoming.org ===
* [http://upcoming.org Upcoming.org] - hCalendar support in events listings and individual events.
** by [[implementors#Andy_Baio|Andy Baio]], [[implementors#Leonard_Lin|Leonard Lin]], [[implementors#Gordon_Luk|Gordon Luk]]

=== vCardExplorer ===
* [http://vcardexplorer.corefault.de/ vCardExplorer for MacOSX] - browses local vcards and converts hcards from URLs.

=== WindowsLiveWriter ===
* [[implementors#Microsoft|Microsoft's]] WindowsLiveWriter (WLW) [http://gallery.live.com/liveItemDetail.aspx?li=9751e563-1408-4fc3-8028-bd4351edb1fb&l=8 event plugin] supports [[hcalendar|hCalendar]].

=== WordPress ===
* [http://wordpress.org WordPress] supports [http://gmpg.org/xfn/ XFN] blogrolls through a very nice built-in user interface. (cf. [[xfn-implementations]])
** by [[implementors#Matt_Mullenweg|Matt Mullenweg]] and friends

==== WP Microformatted Blogroll ====
* The [http://factorycity.net/projects/wp-microformatted-blogroll/ WP Microformatted Blogroll 0.2] Wordpress plugin by [[implementors#Chris_Messina|Chris Messina]] supports [[hcard|hCard]] and [http://gmpg.org/xfn/ XFN].

==== hCard About Box ====
* The [http://redmonk.net/projects/widget_hcard_about/ hCard About Box] widget by [[implementors#Steve_Ivy|Steve Ivy]] supports [[hcard|hCard]].

==== VoteBack Plugin ====
* The [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack plugin for Wordpress] by [[implementors#Steve_Ivy|Steve Ivy]] checks incoming pingbacks and trackbacks for [[votelinks]].

==== Save Microformats Plugin ====
* [http://notizblog.org/projects/save-microformats/ Save Microformats plugin for Wordpress] - a plugin to save posted Microformats using technorati feeds.

==== WP Themes ====
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for Wordpress that uses [[hatom|hAtom]].
** The theme is also available to accounts on the <username>.wordpress.com hosting service.
* [http://www.jesuscarrera.info/proyectos/startpoint/ StartPoint] A theme for theme developers. A good start point to make your own templates. It supports multiple languages, widgets, contains semantic hAtom microformats, and more.
* [http://www.whump.com/dropbox/Strangelove.zip Strangelove] is a modification of the default Wordpress theme (Kubrick) with [[hatom|hAtom]] support.
** It points to the hAtom2Atom proxy service as the link for syndication feeds.

=== X2V ===
* Brian Suda has created several XSLT files to extract microformats from HTML. From that the [http://suda.co.uk/projects/X2V/ X2V] webservice/favelet emerged. The XSLT and favelet extracts [[hcard|hCard]] and to produces .vcf (vCard) files and [[hcalendar|hCalendar]] to produce .ics (iCal) files. Also in the labs is a universal XMDP validator and a site-wide search spider that recognizes 'no-follow', 'license' and other microformats so they can be used in a more semantic way when displaying search results.
** by [[implementors#Brian_Suda|Brian Suda]]

=== XWiki ===
* [http://xwiki.org XWiki] (as of [http://www.xwiki.org/xwiki/bin/view/Main/ReleaseNotesXWiki10Beta5 version 10Beta5]) publishes the user profiles using [[hcard | hCard]], the events in the calendar application using [[hCalendar | hCalendar]], the blog entries using [[hAtom | hAtom]] and homepage links using [[rel-home | rel-home]].

=== Yahoo Creative Commons Search ===
* [http://search.yahoo.com/cc/ Yahoo Creative Commons Search] - supports [[rel-license]] specifically to search for Creative Commons licensed content.

=== Yahoo Local ===
* [http://local.yahoo.com Yahoo local] supports [[hcard|hCard]], [[hcalendar|hCalendar]], and [[hreview|hReview]].

=== Yahoo Tech ===
* [http://tech.yahoo.com Yahoo! Tech] supports [[hreview|hReview]].

=== Yahoo UK Movies ===
* [http://movies.yahoo.co.uk Yahoo! UK Movies] supports [[hreview|hReview]].
** by Mark Norman Francis

=== Yedda ===
* [http://yedda.com Yedda] supports [[hcard|hCard]] for exposing users information, [[hatom|hAtom]] for exposing data that is already exposed via feeds (like list of questions and answers) and [[rel-tag|rel-tag]] for every tag used to tag questions and users.

== Validators ==
This is an alphabetical listing of tools that have been created to validate implementations, and which formats they support.

Please add to this section if you have a validator/checker, no matter which or how many microformats you test for.

=== rel-lint ===
* [http://tools.microformatic.com/help/xhtml/rel-lint/ rel-lint] supports validation of [[rel-tag|rel-tag]] and [[xfn|XFN]]
* by [[implementors#Drew_McLellan|Drew McLellan]]

== Companies / Developers / Organizations ==

See [[implementors]]

The following have been moved from the sections above due to problems, stated below:

=== Web Essentials ===
* [http://we05.com/ Web Essentials] - supports [[hcard|hCard]] and [[hcalendar|hCalendar]], e.g. in their [http://we05.com/presenters.cfm list of presenters] and [http://we05.com/program.cfm program schedule].
** John McKerrell tried to look at the site on 24th October 2006 but could not access the site, server didn't seem to be up.

== Other ==
Some notes on initial thoughts around [[implementation-guidelines|Guidelines and Strategies for Implementing Microformats]]

implementors

2007-11-27T18:21:42Z

SteveIvy: /* Steve Ivy */ add hCard About Box widget

<h1> Microformats Implementors </h1>
{{TOC-right}}
Thanks to all of these hard-working developers and innovative companies and organizations for supporting microformats.

This is an alphabetical listing of all companies, developers (by last name) and organizations who have built and shipped at least one implementation (see above for details of each implementation) that users can use.

Please help complete this list! If you have coded support for microformats and don't see your name, add it! If your company supports microformats in its applications, add it!

Note: please add direct links to specific applications, plugins, services, or tools to the list of [[implementations#Applications / Plugins / Services / Tools|Applications / Plugins / Services / Tools]] on the [[implementations]] page and then link to those from their implementor with a fragment identifier link, e.g. to link to the "Cork'd" wine review community:
* <nowiki>[[implementations#Cork'd|Cork'd]]</nowiki>
Similarly, for additional sites, put direct links to them in the [[implementations#Additional Sites|Additional Sites]] section and then link to them from their implementor with a fragment identifier link.

== Companies and Organizations ==
=== Apple Computer ===
[http://apple.com/ Apple Computer] has implemented microformats in:
* [[implementations#.Mac_Webmail|.Mac Webmail]]

=== Digital Bazaar ===
[http://www.digitalbazaar.com Digital Bazaar] has implemented microformats in:
* [http://www.bitmunk.com/browse Bitmunk] a legal, peer-to-peer digital content network for buying and selling music, movies and television.

=== enarion.net ===
* [[implementations#phpMicroformats|phpMicroformats]]

=== Flock ===
* [[implementations#Flock Web Browser|Flock Web Browser]]

=== FunAdvice ===
* [[implementations#FunAdvice|FunAdvice]]

=== Google ===
* [[implementations#Google_Blogger|Blogger]]
* [[implementations#Google_Creative_Commons_Search|Google Creative Commons Search]]
* [[implementations#Google_Maps|Google Maps]]
* [[implementations#Google_Search|Google Search]]

=== Laughing Squid ===
* [[implementations#Laughing_Squid_Calendar|Laughing Squid Calendar]]

=== LouderVoice ===
* [[implementations#LouderVoice|LouderVoice]]

=== Madgex ===
[http://www.madgex.com/ Madgex] has creates numerous services and solutions for [[parsing]], [[publishing]], and [[social-network-portability]] in general. Thanks to [[implementors#Glenn_Jones|Glenn Jones]] for his excellent work on microformats.
* [[implementations#Backnetwork|Backnetwork]] (http://backnetwork.com/)
* [[implementations#Portable_Social_Network_Profile_Parser|Portable Social Network Profile Parser]] (http://lab.backnetwork.com/ufXtract-psn/)
* [[implementations#ufXtract|ufXtract]] (http://lab.backnetwork.com/ufXtract/)

=== Microsoft ===
* [[implementations#WindowsLiveWriter|Windows Live Writer]]

=== Nature Publishing Group ===
* Nature Publishing Group are steadily rolling out microformats across their sites and titles. Current implementations include the following online services:
** [[implementations#Nature Network Boston|Nature Network Boston]]
** [[implementations#Nature Protocols|Nature Protocols]]
* as well the following additional site(s):
** [[implementations#Nature Home Page|Nature Home Page]]

=== NewsGator ===
[http://www.newsgator.com/CompanyInfo/Default.aspx NewsGator]:
* [[implementations#NetNewsWire|NetNewsWire]]

=== Orchestr8 ===
* [[implementations#AlchemyPoint|AlchemyPoint]]

=== SixApart ===
* [[implementations#LiveJournal|LiveJournal]]

=== Technorati ===
* [[implementations#Technorati_Contacts_Feed_Service|Technorati Contacts Feed Service]]
* [[implementations#Technorati_Events_Feed_Service|Technorati Events Feed Service]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]
* [[implementations#Technorati_Search|Technorati Search]]
* [[implementations#Technorati_Tags|Technorati Tags]]

=== Yahoo ===
* [[implementations#Flickr_People|Flickr People]]
* [[implementations#Upcoming.org|Upcoming]]
* [[implementations#Yahoo_Creative_Commons_Search|Yahoo Creative Commons Search]]
* [[implementations#Yahoo_Local|Yahoo Local]]
* [[implementations#Yahoo_Tech|Yahoo Tech]]
* [[implementations#Yahoo_UK_Movies|Yahoo UK Movies]]

=== Yedda ===
* [[implementations#Yedda|Yedda]]

== People ==

=== Andy Hume ===
* [[implementations#Andy_Hume_Blog|Andy Hume Blog]]

=== Andy Baio ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Assaf Arkin ===
* [[implementations#Microformat_Parser_for_Ruby|Microformat Parser for Ruby]]

=== Brian Del Vecchio ===
* [[implementations#upcoming_module_for_drupal| Upcoming module for Drupal]]

=== Brian Suda ===
* [[implementations#X2V|X2V]]

=== Chris Casciano ===
* [[implementations#Microformats_Plugin|Textpattern Microformats Plugin]]

=== Chris Wanstrath ===
* [[parsers#mofo_ruby_microformats_parser|mofo Microformats Ruby Parser]]

=== Chris Messina ===
[[implementations#WP_Microformatted_Blogroll|WP Microformatted Blogroll]]

=== Chris Saccheri ===
* [[implementations#LinkedIn|LinkedIn]]

=== Calvin Yu ===
* [http://blog.codeeg.com/ Calvin Yu blog: Don't Forget to Plant It!] has the [http://blog.codeeg.com/tails-firefox-extension-03/ Tails Firefox Extension]
* [http://microformats.org/wiki/implementations#Firefox Tails Firefox Extension]

=== Dan Cederholm ===
* [[implementations#Cork'd|Cork'd]]

=== David Janes ===
* [[implementations#BlogMatrix|BlogMatrix]]

=== David Long and James Myers ===
* [[implementations##ZDNet_UK|ZDNet]]

=== Drew McLellan ===
* [[implementations#Microformats_Extensions|Microformats Extensions]]
* [[implementations#hKit_Microformats_Toolkit_for_PHP5|hKit Microformats Toolkit for PHP5]]
* [[implementations#rel-lint|rel-lint Validator Tool]]

=== Glenn Jones ===
Glenn has written several microformats implementations for his company, [[implementors#Madgex|Madgex]]. See the list of [[implementors#Madgex|Madgex implementations]].

=== Gordon Luk ===
[[implementations#upcoming.org|Upcoming.org]]

=== Ingo Renner ===
[http://www.ingo-renner.com Ingo Renner] has implemented hCard and XFN in:
* [[implementations#TYPO3|TYPO3]]

=== James E. Robinson, III ===
[[User:Jerobins|James]] has implemented [[hatom|hAtom]] and [[hcalendar|hCalendar]] for:
* [[implementations#National eXtension Initiative|National eXtension Initiative]]

=== Josh Smith ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kent Brewster ===
* [http://www.mindsack.com/?page_id=39 Extensible friends] -- JSON + XFN and bookmarklet

=== Kevin Marks ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kingsley Joseph ===
[http://flickr.com/people/kingsleyj/ Kingsley Joseph]:
* [[implementations#Salesforce|Salesforce]]

=== Leonard Lin ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Mark West ===
* [[implementations#PostNuke|PostNuke Blogroll]]
* [[implementations#PostNuke|PostNuke nofollow]]

=== Remy Sharp ===

* [[implementations#Microformats_Bookmarklet|Microformats Bookmarklet]]

=== Robert de Bruin ===
* [http://bordewolf.blogspot.com/ Robert de Bruin' s blog: Bor de Wolf]
* [[implementations#Tails_Export_Firefox_Extension|Tails Export Firefox Extension]]

=== Ryan King ===
* [[implementations#hCalendar_creator|hCalendar Creator]]
* [[implementations#hReview_creator|hReview Creator]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Scott Allan Wallick ===
* [[implementations#WP_Themes|Sandbox Wordpress Theme w/hAtom Support]]

=== Scott Reynen ===
* [[implementations#Microformat_Base|Microformat Base]]

=== Steffen Voß ===

* [[implementations#PostNuke|PostNuke hCards]]
* [[implementations#PostNuke|PostNuke hCalendar]]
* [[implementations#PostNuke|PostNuke hReview]]

=== Steve Ivy ===
* [[implementations#hCard_About_Box|Wordpress hCard About Box widget]]
* [[implementations#VoteBack_Plugin|Wordpress VoteBack Plugin]]

=== Tantek Çelik ===
* [[implementations#hCard_creator|hCard Creator]]
* [[implementations#iChat_buddy_list_to_hCards|iChat Buddy List to hCard]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

== Needs Fixing ==

* Re-format author names and links to display Surname Firstname - for better indexing, and complete cross-linking [[User:Phae|Frances Berriman]]
*Move simple examples to relevant examples page(s). [[User:AndyMabbett|Andy Mabbett]] 10:52, 13 Oct 2007 (PDT)
==See also==
* [[implementations]]
* [[examples-in-wild]]

social-network-portability

2007-11-20T14:27:33Z

SteveIvy: /* Open Source */

<h1> Social Network Portability </h1>
{{TOC-right}}
Social network portability is one of several [[user-interface]] ideas and suggestions for working with microformats in the area of [[data-portability]].

== The Problem ==
Why is it that every single social network community site makes you:
* re-enter all your [[hcard-supporting-user-profiles|personal profile info]] (name, email, birthday, URL etc.)?
* re-add all your [[hcard-xfn-supporting-friends-lists|friends]]?

In addition, why do you have to:
* re-turn off notifications?
* re-specify privacy preferences?
* re-[[block]] [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html negative people]?

AKA "social network fatigue problem" and "social network update/maintenance problem".

== The Goals ==
When you join a new site, you should be able to ''import'' or preferably ''subscribe'' to
* your profile information
* your social network
from any existing profile of yours.

In addition it would be nice if preferences around:
* notifications
* [[privacy]]
also transferred between profiles.

AKA a social internetwork, a network of social networks.

== Design Patterns and Recipes ==

The "How To" for social network profile sites that want to solve the above problems and achieve the above goals.

# Publish microformats in your user profiles:
## implement [[hcard|hCard]] on user profile pages, including [[xfn]] rel="me" on hyperlinks to users' blogs or home pages that they specify. See [[hcard-supporting-profiles]] for sites that have already done this.
## implement [[hcard|hCard]]+[[xfn|XFN]] on the list of friends on your user profile pages. Use [[xfn]] rel="me" to link to friends list pages and friends list pagination links too. See [[hcard-xfn-supporting-friends-lists]] for sites that already do this. (e.g. [[http://twitter.com/ Twitter]]).
# Subscribe to microformats for your user profiles:
## when signing up a new user:
### let a user fill out and "auto-sync" from one of their existing [[hcard-supporting-profiles]], their name, their icon etc. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Satisfaction Inc already supports this] ([http://staging.getsatisfaction.com/people/new sign up page]).
### let a user fill out and "auto-sync" their list of friends from one of their existing [[hcard-xfn-supporting-friends-lists|hCard+XFN supporting friends lists]]. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Dopplr.com already supports this] ([http://www.flickr.com/photo_zoom.gne?id=576635008&size=o screenshot]).

== Resources ==
=== Groups ===
* [http://ma.gnolia.com/groups/PSN Ma.gnolia Portable Social Networks group] for aggregated bookmarks around the subject and join the group to share links.
* [http://upcoming.yahoo.com/group/3601/ Upcoming Social Network Portability group] for events to discuss and implement social network portability.
=== Open Source ===
* [[hKit]] - web service and open source PHP for parsing/importing/subscribing to [[hcard-supporting-profiles|hCard open user profiles]].
* "[http://opensocialgraph.plaxo.com/ Online Identity Consolidator]" rel="me" web parser/crawler web service and open source Python.
* "[http://django-psn.googlecode.com/svn/trunk/readme.html Django-PSN (portable social networks)]" open source for a user interface to create links on a social network profile to "other profiles" marked up with rel="me" naturally. The code can be seen in action on the [http://pownce.com Pownce] website, e.g. on [http://pownce.com/t/ a Pownce profile page that links to other profiles of the same user]. This is a great complement to the above Plaxo Online Identity Consolidator. What Django-PSN publishes, Plaxo Online Identity Consolidator parses.
* [http://code.google.com/p/identity-matcher/ identity-matcher] - Rails plugin to match identities and social network information from sites such as GMail, Twitter, Flickr, Facebook and any site supporting appropriate microformats. This code was extracted and contributed from Dopplr.
* [http://redmonk.net/projects/portable-social-network-lib/ Portable Social Network Lib] is a Ruby library for consuming/providing Portable Social Network services in social web apps, written by Steve Ivy. ([http://redmonk.net/archives/2007/11/07/if-you-love-your-users-set-them-free-portable-social-networks/ More])

=== User Interfaces ===
* "[http://gerardramos.com/mf/ Social Network Portability with Microformats]" - a user interface that lets you check how portable your social network is across various sites.

== Social Network Portability FAQ ==
See [[social-network-portability-faq]].

== Events ==
*[[events/2007-07-28-portable-social-networks-meetup|2007-07-28 portable social networks initial meeting]] between Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch at Ritual Coffee Roasters, San Francisco, CA. Discussed portable social networks, simplified and crystalized problem statement (with progressive problems to solve), goals, design patterns, recipes. Created [[social-network-portability]] page.
* [[events/2007-08-19-social-network-portability-today|2007-08-19 BarCampBlock session on social network portability TODAY]] at Princeton Review offices, High Street, Palo Alto, CA. Reviewed problem statement, how sites can use the [[hcard|hCard]] and [[xfn|XFN]] microformats *today* to become a node on the "open social web" (phrase introduced).
* [[events/2007-08-28-social-network-portability-today|2007-08-28 Social Network Portability Today]] lunchtime meetup
* [[events/2007-09-05-dconstruct-microformats-workshop|2007-09-05 d.Construct workshop on microformats]] which covered both [[data-portability]] and [[social-network-portability]].
* [[events/2007-09-08-social-network-portability|2007-09-08 BarCampBrighton session on social network portability]] at Madgex offices, North Street, Brighton, England.
* [[events/2007-09-25-social-network-portability|2007-09-25 Portable Social Network Micro Meetup]] at Citizen Space, San Francisco, CA, USA.
*[[events/2007-09-28-portable-social-networks-meetup-amsterdam|2007-09-28 Portable Social Network Panel]] at PICNIC in Amsterdam, Netherlands
* 2007-10-04 [[events/2007-10-04-fundamentos-web-social-network-portability|Fundamentos Web: Social Network Portability]] by Tantek Çelik — Gijón, Spain
* ...

See the microformats [[events]] page for upcoming events related to social network portability.

== Articles and blog posts ==
Note: if you know of or can find earlier mentions on the web of the phrases "portable social network" or "social network portability", please add the earliest reference elsewhere on the web to this chronology. [[User:Tantek|Tantek]] 08:25, 22 Aug 2007 (PDT).

* 2006-11-15 Jon Hicks: [http://www.flickr.com/photos/hicksdesign/298271647/ The straw that broke this camels back]: <blockquote>Thats the last social service that involves me adding all my friends in all over again. Life is too chuffing short.Please, can someone come up with some way of avoiding this repetition of 'buddies'?!</blockquote>
* 2006-11-15 [http://twitter.com/drewm/statuses/68199 Drew McLellan on Twitter]: (Perhaps the earliest mention of the concept of social network portability.) <blockquote>Thinking that we really need to join the dots with XFN and make social networks portable.</blockquote>
* 2006-11-15 [http://twitter.com/adactio/statuses/68412 Jeremy Keith on Twitter]: (first known reference to "portable social networks") <blockquote> Agreeing with Drew about using XFN to create portable social networks. If we don't, Jon is going to go postal.</blockquote> The mention of Jon is likely a reference to the [http://www.flickr.com/photos/hicksdesign/298271647/ above-mentioned Flickr photo].
* 2006-11-19 Phil Gyford: [http://www.gyford.com/phil/writing/2006/11/19/your_single_soci.php Your single social network] <blockquote>I really, really want a single service where I can say “these people are my friends” and then when I sign up to any new website I can sync it with my previously-defined social network.</blockquote>
* 2006-11-21 Jeremy Keith: [http://adactio.com/journal/1209/ Twittering]: <blockquote>Here’s what I want: when I go to the latest social networking fadsite, I want it to ask for my URL. Then it can go off and fetch my [[hcard|hCard]] and [[xfn|XFN]] list. A pre-filled form for my details and a pre-filled list of potential contacts can then be presented to me.</blockquote>
* 2006-11-21 Derek Featherstone: [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* 2006-11-22 Thomas Vander Wal: [http://www.personalinfocloud.com/2006/11/following_frien.html Following Friends Across Walled Gardens] - first mention of "portable social network" but in reference to quoting Jeremy Keith
* 2006-11-23 Jeremy Keith: [http://adactio.com/journal/1212/ More thoughts on portable social networks] - describes the process of portability
* 2006-11-23 Glenn Jones: [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network] - talks about portable social networks in the backnetwork
* 2006-11-23 Velvetsarah has [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posted a screenshot and brainstorm] about how a site could handle importing XFN enabled contacts. See [[social-network-portability-interfaces]] for more.
* 2006-11-24 [http://microformats.org/wiki?title=user-interface&diff=10524&oldid=10523 "social network portability" phrase and problem statement introduced to microformats wiki] by [[User:Tantek|Tantek Çelik]]
* 2007-03-11 Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - An abstract attempt to create one dashboard, to be used as a starting point for all social networks. It contains four elements: identity, ownership, presence and contacts (see comments also)
* 2007-05-16 [http://2007.xtech.org/public/schedule/paper/69 What is your provenance?] by Gavin Bell for Xtech 2007. Also available on [http://video.google.com/videoplay?docid=-8663100900373306094 Google Video]
* 2007-06-20 Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]
* 2007-07-17 Kevin Lawver: [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - A simple Ruby on Rails app that uses OpenID + XFN to look for users of the site w/ the same homepage as the href value and allows you to add them as contacts.
*[http://www.plaxo.com/about/releases/release-20070718 2007-07-17 Plaxo Pushes For "Open Social Web": Endorses and implements key open standards, OpenID and microformats]
* 2007-07-18 Jeremiah Owyang: [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote>What if we could port all our friends and family from one social network to another. Why do we have to continue to add people = annoying</blockquote>
* 2007-07-18 Brian Oberkirch: [http://www.brianoberkirch.com/2007/07/18/highrise-microformats-and-portable-social-networks/ Highrise, microformats and portable social networks]
* 2007-07-24 Thomas Vander Wal: [http://vanderwal.net/random/entrysel.php?blog=1937 Sharing and Following/Listening in the Social Web]
* See [[events/2007-07-28-portable-social-networks-meetup#blog_posts|blog posts following up]] from the [[events/2007-07-28-portable-social-networks-meetup|2007-07-28-portable social networks meetup]].
* 2007-08-01 Jeffrey Zeldman: [http://www.zeldman.com/2007/08/01/social-network-portability/ "InterNetwork" regarding social network portability]
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote>We need to put the ownership of how we define relationships online in the hands of the individual, not the services that utilize them.My theory on how this should be accomplished is based on a marriage of OpenID and an open standard for defining relationships such as the [[XFN]] [http://microformats.org/ Microformat]. </blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote>Why not make it simple for them to jumpstart a profile by reusing information they already have on the [[hcard|Web? Some forward thinking Web services are marking up user profile data with hCard, a microformat that]] signifies a person, place or organization is being described.</blockquote>
* 2007-08-08 Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
* 2007-08-15 [http://news.bbc.co.uk/1/hi/technology/6944653.stm Pull down the walled gardens] Internet law professor Michael Geist says the walled gardens of social networks should be pulled down.
* 2007-08-16 Stephanie Booth: [http://climbtothestars.org/archives/2007/08/16/we-need-structured-portable-social-networks-spsn/ We Need Structured Portable Social Networks (SPSN)] (links to two more posts on the subject, but not certain they're relevant enough for a separate listing; edit as you see fit)
* 2007-08-17 [http://bradfitz.com/social-graph-problem/ Thoughts on the Social Graph] by Brad Fitzpatrick.
* 2007-08-25 [http://www.ignitesocialmedia.com/linking-it-all-%e2%80%93-social-network-portability/ Linking It All-Social Network Portability] by Mike Lotz for Ignite Social Media
* 2007-09-03 [http://themaninblue.com/writing/perspective/2007/09/03/ There are no social networks] by Cameron Adams
<blockquote>If you can't see my friends and let my friends be seen, you'll be washed up and hung out to dry.</blockquote>
* 2007-09-07 [[User:LynX|Carlo v. Loesch]]: [http://about.psyc.eu/Social_network#But.._why_microformats.3F Privacy and the web? Notification and HTTP? Are you looking at the right technologies!?]

See [http://ma.gnolia.com/groups/PSN ma.gnolia Portable Social Network Group] for aggregated bookmarks around the subject and join the group to share links.

[http://technorati.com/search/microformats.org/wiki/social-network-portability View blog reactions] to this page.

== Issues ==
* Beware of and avoid [[social-network-anti-patterns]]!
* See and add to [[social-network-portability-issues]].

== Alternative Approaches ==
Non-web based:
* [http://about.psyc.eu psyc] and [http://www.psyced.org psyced], a decentralized multi-protocol chat and event notification system with [http://about.psyc.eu/Social_Network friendship] and [http://about.psyc.eu/Trust trust] modeling.

== See also ==
* [[social-network-portability-interfaces]]
* [[social-network-portability-faq]]
* [[social-network-portability-issues]]
* [[social-network-anti-patterns]]
* [[hcard|hCard]]
* [[xfn]]
* [[user-interface]]
* [[data-portability]]

social-network-portability

2007-11-20T14:27:22Z

SteveIvy: /* Open Source */ add more info link for Steve's Portable Social Network library

<h1> Social Network Portability </h1>
{{TOC-right}}
Social network portability is one of several [[user-interface]] ideas and suggestions for working with microformats in the area of [[data-portability]].

== The Problem ==
Why is it that every single social network community site makes you:
* re-enter all your [[hcard-supporting-user-profiles|personal profile info]] (name, email, birthday, URL etc.)?
* re-add all your [[hcard-xfn-supporting-friends-lists|friends]]?

In addition, why do you have to:
* re-turn off notifications?
* re-specify privacy preferences?
* re-[[block]] [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html negative people]?

AKA "social network fatigue problem" and "social network update/maintenance problem".

== The Goals ==
When you join a new site, you should be able to ''import'' or preferably ''subscribe'' to
* your profile information
* your social network
from any existing profile of yours.

In addition it would be nice if preferences around:
* notifications
* [[privacy]]
also transferred between profiles.

AKA a social internetwork, a network of social networks.

== Design Patterns and Recipes ==

The "How To" for social network profile sites that want to solve the above problems and achieve the above goals.

# Publish microformats in your user profiles:
## implement [[hcard|hCard]] on user profile pages, including [[xfn]] rel="me" on hyperlinks to users' blogs or home pages that they specify. See [[hcard-supporting-profiles]] for sites that have already done this.
## implement [[hcard|hCard]]+[[xfn|XFN]] on the list of friends on your user profile pages. Use [[xfn]] rel="me" to link to friends list pages and friends list pagination links too. See [[hcard-xfn-supporting-friends-lists]] for sites that already do this. (e.g. [[http://twitter.com/ Twitter]]).
# Subscribe to microformats for your user profiles:
## when signing up a new user:
### let a user fill out and "auto-sync" from one of their existing [[hcard-supporting-profiles]], their name, their icon etc. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Satisfaction Inc already supports this] ([http://staging.getsatisfaction.com/people/new sign up page]).
### let a user fill out and "auto-sync" their list of friends from one of their existing [[hcard-xfn-supporting-friends-lists|hCard+XFN supporting friends lists]]. [http://microformats.org/blog/2007/06/21/microformatsorg-turns-2/ Dopplr.com already supports this] ([http://www.flickr.com/photo_zoom.gne?id=576635008&size=o screenshot]).

== Resources ==
=== Groups ===
* [http://ma.gnolia.com/groups/PSN Ma.gnolia Portable Social Networks group] for aggregated bookmarks around the subject and join the group to share links.
* [http://upcoming.yahoo.com/group/3601/ Upcoming Social Network Portability group] for events to discuss and implement social network portability.
=== Open Source ===
* [[hKit]] - web service and open source PHP for parsing/importing/subscribing to [[hcard-supporting-profiles|hCard open user profiles]].
* "[http://opensocialgraph.plaxo.com/ Online Identity Consolidator]" rel="me" web parser/crawler web service and open source Python.
* "[http://django-psn.googlecode.com/svn/trunk/readme.html Django-PSN (portable social networks)]" open source for a user interface to create links on a social network profile to "other profiles" marked up with rel="me" naturally. The code can be seen in action on the [http://pownce.com Pownce] website, e.g. on [http://pownce.com/t/ a Pownce profile page that links to other profiles of the same user]. This is a great complement to the above Plaxo Online Identity Consolidator. What Django-PSN publishes, Plaxo Online Identity Consolidator parses.
* [http://code.google.com/p/identity-matcher/ identity-matcher] - Rails plugin to match identities and social network information from sites such as GMail, Twitter, Flickr, Facebook and any site supporting appropriate microformats. This code was extracted and contributed from Dopplr.
* [http://redmonk.net/projects/portable-social-network-lib/ Portable Social Network Lib] is a Ruby library for consuming/providing Portable Social Network services in social web apps, written by Steve Ivy. ([http://redmonk.net/archives/2007/11/07/if-you-love-your-users-set-them-free-portable-social-networks/ More]

=== User Interfaces ===
* "[http://gerardramos.com/mf/ Social Network Portability with Microformats]" - a user interface that lets you check how portable your social network is across various sites.

== Social Network Portability FAQ ==
See [[social-network-portability-faq]].

== Events ==
*[[events/2007-07-28-portable-social-networks-meetup|2007-07-28 portable social networks initial meeting]] between Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch at Ritual Coffee Roasters, San Francisco, CA. Discussed portable social networks, simplified and crystalized problem statement (with progressive problems to solve), goals, design patterns, recipes. Created [[social-network-portability]] page.
* [[events/2007-08-19-social-network-portability-today|2007-08-19 BarCampBlock session on social network portability TODAY]] at Princeton Review offices, High Street, Palo Alto, CA. Reviewed problem statement, how sites can use the [[hcard|hCard]] and [[xfn|XFN]] microformats *today* to become a node on the "open social web" (phrase introduced).
* [[events/2007-08-28-social-network-portability-today|2007-08-28 Social Network Portability Today]] lunchtime meetup
* [[events/2007-09-05-dconstruct-microformats-workshop|2007-09-05 d.Construct workshop on microformats]] which covered both [[data-portability]] and [[social-network-portability]].
* [[events/2007-09-08-social-network-portability|2007-09-08 BarCampBrighton session on social network portability]] at Madgex offices, North Street, Brighton, England.
* [[events/2007-09-25-social-network-portability|2007-09-25 Portable Social Network Micro Meetup]] at Citizen Space, San Francisco, CA, USA.
*[[events/2007-09-28-portable-social-networks-meetup-amsterdam|2007-09-28 Portable Social Network Panel]] at PICNIC in Amsterdam, Netherlands
* 2007-10-04 [[events/2007-10-04-fundamentos-web-social-network-portability|Fundamentos Web: Social Network Portability]] by Tantek Çelik — Gijón, Spain
* ...

See the microformats [[events]] page for upcoming events related to social network portability.

== Articles and blog posts ==
Note: if you know of or can find earlier mentions on the web of the phrases "portable social network" or "social network portability", please add the earliest reference elsewhere on the web to this chronology. [[User:Tantek|Tantek]] 08:25, 22 Aug 2007 (PDT).

* 2006-11-15 Jon Hicks: [http://www.flickr.com/photos/hicksdesign/298271647/ The straw that broke this camels back]: <blockquote>Thats the last social service that involves me adding all my friends in all over again. Life is too chuffing short.Please, can someone come up with some way of avoiding this repetition of 'buddies'?!</blockquote>
* 2006-11-15 [http://twitter.com/drewm/statuses/68199 Drew McLellan on Twitter]: (Perhaps the earliest mention of the concept of social network portability.) <blockquote>Thinking that we really need to join the dots with XFN and make social networks portable.</blockquote>
* 2006-11-15 [http://twitter.com/adactio/statuses/68412 Jeremy Keith on Twitter]: (first known reference to "portable social networks") <blockquote> Agreeing with Drew about using XFN to create portable social networks. If we don't, Jon is going to go postal.</blockquote> The mention of Jon is likely a reference to the [http://www.flickr.com/photos/hicksdesign/298271647/ above-mentioned Flickr photo].
* 2006-11-19 Phil Gyford: [http://www.gyford.com/phil/writing/2006/11/19/your_single_soci.php Your single social network] <blockquote>I really, really want a single service where I can say “these people are my friends” and then when I sign up to any new website I can sync it with my previously-defined social network.</blockquote>
* 2006-11-21 Jeremy Keith: [http://adactio.com/journal/1209/ Twittering]: <blockquote>Here’s what I want: when I go to the latest social networking fadsite, I want it to ask for my URL. Then it can go off and fetch my [[hcard|hCard]] and [[xfn|XFN]] list. A pre-filled form for my details and a pre-filled list of potential contacts can then be presented to me.</blockquote>
* 2006-11-21 Derek Featherstone: [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* 2006-11-22 Thomas Vander Wal: [http://www.personalinfocloud.com/2006/11/following_frien.html Following Friends Across Walled Gardens] - first mention of "portable social network" but in reference to quoting Jeremy Keith
* 2006-11-23 Jeremy Keith: [http://adactio.com/journal/1212/ More thoughts on portable social networks] - describes the process of portability
* 2006-11-23 Glenn Jones: [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network] - talks about portable social networks in the backnetwork
* 2006-11-23 Velvetsarah has [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posted a screenshot and brainstorm] about how a site could handle importing XFN enabled contacts. See [[social-network-portability-interfaces]] for more.
* 2006-11-24 [http://microformats.org/wiki?title=user-interface&diff=10524&oldid=10523 "social network portability" phrase and problem statement introduced to microformats wiki] by [[User:Tantek|Tantek Çelik]]
* 2007-03-11 Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - An abstract attempt to create one dashboard, to be used as a starting point for all social networks. It contains four elements: identity, ownership, presence and contacts (see comments also)
* 2007-05-16 [http://2007.xtech.org/public/schedule/paper/69 What is your provenance?] by Gavin Bell for Xtech 2007. Also available on [http://video.google.com/videoplay?docid=-8663100900373306094 Google Video]
* 2007-06-20 Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]
* 2007-07-17 Kevin Lawver: [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - A simple Ruby on Rails app that uses OpenID + XFN to look for users of the site w/ the same homepage as the href value and allows you to add them as contacts.
*[http://www.plaxo.com/about/releases/release-20070718 2007-07-17 Plaxo Pushes For "Open Social Web": Endorses and implements key open standards, OpenID and microformats]
* 2007-07-18 Jeremiah Owyang: [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote>What if we could port all our friends and family from one social network to another. Why do we have to continue to add people = annoying</blockquote>
* 2007-07-18 Brian Oberkirch: [http://www.brianoberkirch.com/2007/07/18/highrise-microformats-and-portable-social-networks/ Highrise, microformats and portable social networks]
* 2007-07-24 Thomas Vander Wal: [http://vanderwal.net/random/entrysel.php?blog=1937 Sharing and Following/Listening in the Social Web]
* See [[events/2007-07-28-portable-social-networks-meetup#blog_posts|blog posts following up]] from the [[events/2007-07-28-portable-social-networks-meetup|2007-07-28-portable social networks meetup]].
* 2007-08-01 Jeffrey Zeldman: [http://www.zeldman.com/2007/08/01/social-network-portability/ "InterNetwork" regarding social network portability]
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote>We need to put the ownership of how we define relationships online in the hands of the individual, not the services that utilize them.My theory on how this should be accomplished is based on a marriage of OpenID and an open standard for defining relationships such as the [[XFN]] [http://microformats.org/ Microformat]. </blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote>Why not make it simple for them to jumpstart a profile by reusing information they already have on the [[hcard|Web? Some forward thinking Web services are marking up user profile data with hCard, a microformat that]] signifies a person, place or organization is being described.</blockquote>
* 2007-08-08 Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
* 2007-08-15 [http://news.bbc.co.uk/1/hi/technology/6944653.stm Pull down the walled gardens] Internet law professor Michael Geist says the walled gardens of social networks should be pulled down.
* 2007-08-16 Stephanie Booth: [http://climbtothestars.org/archives/2007/08/16/we-need-structured-portable-social-networks-spsn/ We Need Structured Portable Social Networks (SPSN)] (links to two more posts on the subject, but not certain they're relevant enough for a separate listing; edit as you see fit)
* 2007-08-17 [http://bradfitz.com/social-graph-problem/ Thoughts on the Social Graph] by Brad Fitzpatrick.
* 2007-08-25 [http://www.ignitesocialmedia.com/linking-it-all-%e2%80%93-social-network-portability/ Linking It All-Social Network Portability] by Mike Lotz for Ignite Social Media
* 2007-09-03 [http://themaninblue.com/writing/perspective/2007/09/03/ There are no social networks] by Cameron Adams
<blockquote>If you can't see my friends and let my friends be seen, you'll be washed up and hung out to dry.</blockquote>
* 2007-09-07 [[User:LynX|Carlo v. Loesch]]: [http://about.psyc.eu/Social_network#But.._why_microformats.3F Privacy and the web? Notification and HTTP? Are you looking at the right technologies!?]

See [http://ma.gnolia.com/groups/PSN ma.gnolia Portable Social Network Group] for aggregated bookmarks around the subject and join the group to share links.

[http://technorati.com/search/microformats.org/wiki/social-network-portability View blog reactions] to this page.

== Issues ==
* Beware of and avoid [[social-network-anti-patterns]]!
* See and add to [[social-network-portability-issues]].

== Alternative Approaches ==
Non-web based:
* [http://about.psyc.eu psyc] and [http://www.psyced.org psyced], a decentralized multi-protocol chat and event notification system with [http://about.psyc.eu/Social_Network friendship] and [http://about.psyc.eu/Trust trust] modeling.

== See also ==
* [[social-network-portability-interfaces]]
* [[social-network-portability-faq]]
* [[social-network-portability-issues]]
* [[social-network-anti-patterns]]
* [[hcard|hCard]]
* [[xfn]]
* [[user-interface]]
* [[data-portability]]

xfn-brainstorming

2007-11-18T16:40:21Z

SteveIvy: /* Fans and followers */ add suggestion: rel-read rel-reader

<h1> XFN Brainstorming </h1>
This page is for brainstorming about various uses and details of [[XFN]], as well as collecting input for potential extensions.

__TOC__

== Required Reading ==

Before participating in any XFN brainstorming please read and understand the following:
* [http://gmpg.org/xfn/intro XFN intro]
* [http://gmpg.org/xfn/background XFN background]
* [[xfn-faq|XFN FAQ]]
* [http://gmpg.org/xfn/and XFN and other services]

== Contributors ==
* [http://tantek.com/ Tantek Çelik]
* [[User:CiaranMc |CiaranMc ]]
* [http://factoryjoe.com/ Chris Messina]

== Identity Consolidation ==

First, read http://gmpg.org/xfn/and/

Capturing some Q&A and thoughts here before I clean it up for the FAQ and/or a separate [[identity-consolidation]] page (or perhaps a [[rel-me]] page that discusses identity consolidation).

2007-08-17 Q's are paraphrased from [[User:JosephSmarr]] of Plaxo, and A's are written/edited by [[User:Tantek]].

'''Q:''' do the rel="me" links need to be in both directions to verify the link? seems like they do, since otherwise someone could find anything that links to them and "claim" it just by linking to back to it with rel="me".

A: Yes, in general rel="me" links need to be in both directions for exactly that reason.

'''Q:''' But some sites that let you list your homepage on the profile don't use rel="me", so do we have to just get them all to use it before bi-directional claims will work right?

A: Not necessarily. Of course we prefer the [[advocacy]] path to get them to implement rel="me", but for old sites, as documented on http://gmpg.org/xfn/and/ we can check that specific fields on the the profile page are filled in accordingly, with site specific heurstics.

'''Q:''' So either they need to use rel="me" or we can scrape known sites and trust the link anyway?

A: rel="me" is the standard that scales (so new players "just work") and for "old players" we write a white-list with compat rules to make it work.

'''Q:''' So i guess the idea is i can't insert a rel="me" link into any user-generated content, like comments on someone else's blog?

A: Right, and [[rel-nofollow]] (and [[vote-links]] "vote-against" or "vote-abstain" for that matter) should nullify the rel="me".

'''Q:''' What about Yelp which uses rel="nofollow" to your home page link?

A: Well the way around it is to *only* look for that specific "home page" link, not any link on the page, that's the key for old players, with the assumption being that *only* the user/owner of that profile could change that URL. In addition Yelp is actually violating the [[rel-nofollow]] spec because that's not a third party link, that's a first party link, by the owner of that user profile, and therefore it MUST NOT have rel="nofollow" on it. This bug should be reported to them.

'''Q:''' Is two-way links plus transitive closure sufficient? Because many sites may only link to your homepage which then links out to many other sites and you'd like to be able to "reel those in"?

A: 2-way links plus transitive closure is a good start. But there are common cases where you'll have 3-step triangle circuits you need to detect. For instance, say my Plaxo profile page is joseph.myplaxo.com and I want to add my twitter page twitter.com/jsmarr. My twitter page only links to my home page josephsmarr.com, but that page links back to twitter and also to my plaxo profile. So you can prove I'm authoritative for twitter.com/jsmarr even though it doesn't have a two-way link with joseph.myplaxo.com. There may be even more complex cases, but I think the 3-way is common because many sites only let you have one URL link, which will usually be to your home page, so unless you start by telling a site your home page, you will have to crawl from a "spoke" into the "hub" and then back out again. So in general, you'll need to keep all the rel="me" links on all the pages you crawl, then assemble the graph, then detect all the circuits, and then all the nodes in circuits that are connected to the root page you're starting with are verified. I think. :)

'''Q:''' How should I crawl rel="me" links then?

A: Do each 2-way one at a time. e.g. go to a rel="me" destination, look for rel="me" link back to the same page in that source, and *then* enqueue all the remaining rel="me" links for crawling. Enqueue rel="me" relations as you crawl, e.g. you crawl a, you don't enqueue just the destinations of links b and c, but rather, enqueue the relations a-me->b, a-me->c. And then you crawl the destinations in the queue, and for confirmed rel="me" 2ways, just move those to another list, e.g. when you see b-me->a you just remove a-me->b from the queue and put a<->b into the "me" file, and when you see b-me->d you just add it to the queue. Repeat until you have crawled all the destinations in the queue and you're done.

'''Q:''' There are often multiple equivalent pages, like http://flickr.com/photos/jsmarr , http://www.flickr.com/photos/jsmarr , http://flickr.com/people/jsmarr , http://flickr.com/people/jsmarr/profile . Do we need to write equivalence rules or just make people use the same form?

A: Such pages should a) rel="me" link to both "www." and non "www." versions themselves either via the links already on the page (as they often already have), OR add equivalent <link rel="me" href="..." /> tags to the <head> of the document.

'''Q:''' So when crawling a page for rel="me" links, should I look for BOTH <a rel="me" links in the body AND <link rel="me" links in the head?

A: Yes, they're equivalent, so look for both.

Related: [[hcard-supporting-user-profiles]], [[hcard-xfn-supporting-friends-lists]].

=== Frames ===

Strangely the new [http://www.google.com/s2/sharing/stuff Google Share] site supports [[hcard|hCard]] but in a frame. In order to parse this page, crawlers need some hook to identify the source for the hcard. It is reasonable to consider using <code><frame src="http://example.com/framesrc.html" rel="me" /></code> (as well as the same for <code><iframe></code> and <code><object></code>) in order to accommodate this unconventional source of profile data. Likewise linking back to the page containing the frame using rel-me would be necessary to produce a valid claim.

Unfortunatly none of <code><frame></code>, <code><iframe></code>, <code><object></code> have a <code>rel</code> attribute in HTML4, and thus we must make use of an alternate solution.

HTML4 does have a <code>[http://www.w3.org/TR/html4/present/frames.html#h-16.4.1 <noframes>]</code> element which web authors often use to hyperlink to the frame contents so they are accessible in browsers that don't support frames (like most of those on mobile phones for example).

That hyperlink inside the <code><noframes></code> element should have <code>rel="me"</code> on it in order to consolidate the framed portion of the profile with the profile page itself. Similarly, on the framed portion, there should be a <code><noframes></code> element that links back to the parent frame/document with <code>rel="me"</code> in order to establish the bidirectional identity consolidation relationship.

For <code><object></code> embeds, one can simply put an inline hyperlink inside the <code><object>...</object></code> contents as fallback content for browsers that don't render embedded objects, thus providing both a visible method to browse to the embed, and a hyperlink on which to place the <code>rel="me"</code>.

== Extending family relationships ==
<cite>[http://www.gmpg.org/xfn/background The XFN: Background page]</cite> says:
<blockquote>
We considered adding "grandparent," but in the end dropped the term because it seemed unlikely to be used in the near future. It may appear in future versions of XFN.
</blockquote>

Presumably the assumption is that a grandparent won't have a website, but:

* I think it's important in some situations to capture the age difference in a relationship in a way that @rel="kin" doesn't seem to.
** ''follow-up'': XFN is the wrong place to represent age information (even relative). Instead, mark up each person's page with an hCard for them that has a <code>bday</code> property, with even just the year if you want - that could then be used to determine an approximate age difference, which is presumably all that is desired.
* Even if they don't maintain it themselves (or are deceased) there might be a URL that does a good job of representing a person.

Consider a site about one's family tree. It might have something like:

I can trace my family back to
<a href="http://en.wikipedia.org/wiki/William_I_of_England">
William the conqueror.
</a>

In these cases it would be useful to have @rel="ancestor", and perhaps a corresponding @rel="descendant".
-CiaranMc

See also: [[genealogy-brainstorming#Relationships]]

== Simple Groups and Members ==

A very simple extension to XFN could enable decentralized group membership. E.g.
* rel="group". A person could link from their page to the page of a group that they belong to (e.g. their company, school, DJ collective etc.) and thus assert that they belong to that group.
* rel="member". The web pages of groups could link to who they consider members and thus assert that person's membership.

The relationships could be required bi-directional in order to confirm group membership, that is, both the individual must link to the group with rel="group" and the group must link to the individiual with rel="member" in order for the membership to be considered "true".

See also [[group-brainstorming]].

-Tantek

== Fans and followers ==

It's becoming a common aspect of many social networks that you have unreciprocated and non-friend-based connections to people. These connections are particularly noteworthy where you don't really ever expect to have your connections reciprocated, but instead are similar to the idea of "rel-muse".

I would propose adding "rel-fan" or "rel-follower" to the collection of XFN values -- as being something like a "contact" or a "muse" but having a different purpose within the realm of social networking. Again, given that this is showing up in social networks like Pownce (fan), Twitter (follower), and that these words are becoming common, I wonder if it wouldn't make sense to even ditch rel-muse in favor of rel-follower and rel-fan (the former implying some kind of positive social stalking and the latter a kind of amiable appreciation for someone's work).

This fan/follower designation seems sorely lacking from Flickr where not everyone falls into either contact, friend or family... but in many cases, you just like someone's photos and want to be able to check in on them every now and again, similar to the way that people "follow" or "subscribe" to blog feeds... Someone who reads my blog feed could be considered a "follower" -- as in, "someone who follows my blog".

- Chris Messina

Examples (sites that have the semantic / implied-schema of "fan" or "follower")
* http://twitter.com/ (has followers vs friends)
* http://upcoming.org/ (has fans vs friends)
* http://pownce.com/ (has fans vs friends)
[[User:Tantek|Tantek]] 02:34, 8 Jul 2007 (PDT)

Chris, rel-fan or re-follower would work for you to point to people who follow you, but the converse case is probably more useful, saying who you follow (eg blogroll case too). We need a good noun for that relationship that describes how you view them, that is less coloured than 'muse' currently is by being classified as romantic. rel-source or rel-influence maybe? Very hard to come up with a good noun. [[User:Kevin Marks|Kevin Marks]] 12:57, 17 Aug 2007 (PDT)

For blogrolls at least, what about rel-read / rel-reader? -- [[User:SteveIvy|Steve Ivy]]

== Favorites ==
Another possibility is perhaps 'favorite', that is, people do link to favorite bands for example, which is similar to saying they are a fan of the band. Thus you could add <code>rel="favorite"</code> to such hyperlinks to indicate that that music band over there is a favorite of yours. [[User:Tantek|Tantek]] 17:57, 2 Oct 2007 (PDT) based on a question raised by DanBri.

== Mentors and Mentees ==
Though seemingly rare, I personally have found use for <code>rel="mentor"</code> and inverse <code>rel="mentee"</code> (see Wiktionary definitions: [http://en.wiktionary.org/wiki/mentor mentor], [http://en.wiktionary.org/wiki/mentee mentee]). I don't have sufficient evidence to even consider proposing adding these to XFN, but I wanted to capture them here as a brainstorm while I look into using them personally and research examples in the wild.

[[User:Tantek|Tantek]] 02:34, 8 Jul 2007 (PDT)

== See Also ==
* [[xfn]]
* [[hcard|hCard]]
* [[hcard-brainstorming|hCard brainstorming]]

posh

2007-04-26T15:06:21Z

SteveIvy: /* Spread POSH */

<h1>Plain Old Semantic HTML (POSH)</h1>

Welcome to the <abbr title="Plain Old Semantic HTML">POSH</abbr> home page.

__TOC__

== Origins ==

The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, which microformats are built from and are a proper subset of. For more see [[posh#History|History]].

== Why ==

The term [[semantic-html]] is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

== What ==

POSH encapsulates the best practices of using [[semantic-html|semantic HTML]] to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are ''[[semantic]]'' rather than ''[[presentational]]''. The best way to learn and understand POSH is to do it. Pick a page on your web site to begin with, and apply the [[posh#The_POSH_Process|POSH Checklist]] to it. Continue with the [[posh#The_POSH_Process|POSH Process]]. Read [[posh#Resources|POSH Resources]] to learn more about POSH.

== The POSH Process ==

What can you do to be POSH and to make your websites POSH?

# Publish POSH content. Read POSH [[posh#Resources|resources]] and make sure your website publishes valid [[semantic-html|semantic (X)HTML]], and uses [[semantic-class-names]] accordingly.
# Spread POSH. Encourage others to be POSH and POSHify their websites by linking to this page.
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.

== The POSH Checklist ==

* The first rule of POSH is that you must [http://validator.w3.org validate] your POSH.
* Second, drop the use of TABLEs for purely presentational purposes, spacer GIFs, and [[presentational-html]] in general.
* Next, fix your [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and Breakfast] markup.
* Eliminate [http://tantek.com/log/2002/11.html#L20021128t1352 Anorexic Anchors].
* Use good [[semantic-class-names]].
* ...

== Resources ==

=== POSH Tutorials ===

Step by step tutorials to create POSH content or upgrade existing content to POSH.

* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Validating your css and html] A simple step by step guide to how and why you should validate your markup
* ...

=== POSH Bookmarks ===
* Check out the Ma.gnolia [http://ma.gnolia.com/groups/posh POSH Group]

=== POSH Presentations ===
Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to [[posh-presentations]].
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], specifically, see slides 3-4,6 starting with "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 ed & eakfast]", and slide 9 "CSS & the Semantic Spectrum" which provides an overview of the semantic spectrum of (X)HTML tags.
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] (2004-02-11)
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean] (2004-09-28)
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (2005-09-29, first version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* ...
* See also more microformats [[presentations]] in general.

=== POSH Books ===
Modern web design books which document good semantic HTML practices.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, Third Edition]</cite> by Jennifer Niederst Robbins See [http://jenville.com/ Jenville].
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> by John Allsopp. Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.
* ...

=== POSH Magazines ===
Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to [[posh-magazines]].

* [http://alistapart.com/ A List Apart: For People Making Websites]
* [http://www.digital-web.com/ Digital Web Magazine] (see in particular [http://www.alistapart.com/topics/code/htmlxhtml/ HTML and XHTML Articles])

=== POSH Blogs ===
Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to [[posh-blogs]].

* [http://dbaron.org/log/current David Baron's weblog]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://microformatique.com/ Microformatique - John Allsopp]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* ...

=== POSH Blog posts ===
Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. This list is ''incomplete''. We know there are lots more blog posts out there that fit the aforementioned description - please add them! If/when this section gets too big, we can move it to [[posh-blog-posts]].

* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki>old and eak</nowiki> tags and using <nowiki><h3>adings and aragraphs</nowiki> instead.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)
* ...

See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].

=== POSH Bling for your Blog ===

If you want to improve your existing blog, there are some pretty simple things you can do:

==== WordPress ====

* Use the [http://www.plaintxt.org/themes/sandbox/ Sandbox] or [http://getk2.com K2] themes that already support hAtom and hCard
* Add the [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ hCard About Widget] to your site

== Spread POSH ==

Now that you've poshified your website(s), what next? Well, help spread POSH to other websites!

* Promote POSH. Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc. Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.) Like these:
** http://www.brewerdesigngroup.com/posh.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a [[posh-testimonial]]!
* Come up with more ideas to help spread POSH. Here are a few.
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
** ...

== Improve POSH ==

As you read the [[posh#Resources|POSH resources]] documented here, what other POSH resources did you find? Add them to this page.

With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?

== History ==

A brief history of references to "POSH" in this context and "plain old semantic HTML".

=== plain old semantic HTML ===

The earliest references to "plain old semantic HTML" that have been found so far are:
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just plain old semantic HTML. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use plain old semantic HTML to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
If you can find earlier references, please ''add'' them and include a brief quotation of the context of the reference to "plain old semantic HTML".

posh

2007-04-25T15:21:24Z

SteveIvy: /* Spread POSH */

<h1>Plain Old Semantic HTML (POSH)</h1>

Welcome to the <abbr title="Plain Old Semantic HTML">POSH</abbr> home page.

__TOC__

== Origins ==

The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, which microformats are built from and are a proper subset of. For more see [[posh#History|History]].

== Why ==

The term [[semantic-html]] is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

== What ==

POSH encapsulates the best practices of using [[semantic-html|semantic HTML]] to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are ''[[semantic]]'' rather than ''[[presentational]]''. The best way to learn and understand POSH is to do it. Pick a page on your web site to begin with, and apply the [[posh#The_POSH_Process|POSH Checklist]] to it. Continue with the [[posh#The_POSH_Process|POSH Process]]. Read [[posh#Resources|POSH Resources]] to learn more about POSH.

== The POSH Process ==

What can you do to be POSH and to make your websites POSH?

# Publish POSH content. Read POSH [[posh#Resources|resources]] and make sure your website publishes valid [[semantic-html|semantic (X)HTML]], and uses [[semantic-class-names]] accordingly.
# Spread POSH. Encourage others to be POSH and POSHify their websites by linking to this page.
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.

== The POSH Checklist ==

* The first rule of POSH is that you must [http://validator.w3.org validate] your POSH.
* Second, drop the use of TABLEs for purely presentational purposes, spacer GIFs, and [[presentational-html]] in general.
* Next, fix your [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and Breakfast] markup.
* Eliminate [http://tantek.com/log/2002/11.html#L20021128t1352 Anorexic Anchors].
* Use good [[semantic-class-names]].
* ...

== Resources ==

=== POSH Tutorials ===

Step by step tutorials to create POSH content or upgrade existing content to POSH.

* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Validating your css and html] A simple step by step guide to how and why you should validate your markup
* ...

=== POSH Bookmarks ===
* Check out the Ma.gnolia [http://ma.gnolia.com/groups/posh POSH Group]

=== POSH Presentations ===
Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to [[posh-presentations]].
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], specifically, see slides 3-4,6 starting with "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 ed & eakfast]", and slide 9 "CSS & the Semantic Spectrum" which provides an overview of the semantic spectrum of (X)HTML tags.
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] (2004-02-11)
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean] (2004-09-28)
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (2005-09-29, first version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* ...
* See also more microformats [[presentations]] in general.

=== POSH Books ===
Modern web design books which document good semantic HTML practices.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, Third Edition]</cite> by Jennifer Niederst Robbins See [http://jenville.com/ Jenville].
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> by John Allsopp. Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.
* ...

=== POSH Magazines ===
Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to [[posh-magazines]].

* [http://alistapart.com/ A List Apart: For People Making Websites]
* [http://www.digital-web.com/ Digital Web Magazine] (see in particular [http://www.alistapart.com/topics/code/htmlxhtml/ HTML and XHTML Articles])

=== POSH Blogs ===
Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to [[posh-blogs]].

* [http://dbaron.org/log/current David Baron's weblog]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://microformatique.com/ Microformatique - John Allsopp]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* ...

=== POSH Blog posts ===
Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. If/when this section gets too big, we can move it to [[posh-blog-posts]].

* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki>old and eak</nowiki> tags and using <nowiki><h3>adings and aragraphs</nowiki> instead.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)
* ...

See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].

=== POSH Bling for your Blog ===

If you want to improve your existing blog, there are some pretty simple things you can do:

==== WordPress ====

* Use the [http://www.plaintxt.org/themes/sandbox/ Sandbox] or [http://getk2.com K2] themes that already support hAtom and hCard
* Add the [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ hCard About Widget] to your site

== Spread POSH ==

Now that you've poshified your website(s), what next? Well, help spread POSH to other websites!

* Promote POSH. Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc. Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.) Like this one: http://www.brewerdesigngroup.com/posh.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Another button:
**http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png
**[http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a [[posh-testimonial]]!
* Come up with more ideas to help spread POSH. Here are a few.
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
** ...

== Improve POSH ==

As you read the [[posh#Resources|POSH resources]] documented here, what other POSH resources did you find? Add them to this page.

With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?

== History ==

A brief history of references to "POSH" in this context and "plain old semantic HTML".

=== plain old semantic HTML ===

The earliest references to "plain old semantic HTML" that have been found so far are:
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just plain old semantic HTML. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use plain old semantic HTML to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
If you can find earlier references, please ''add'' them and include a brief quotation of the context of the reference to "plain old semantic HTML".

hcard-examples-in-wild

2007-02-07T21:46:29Z

SteveIvy: /* New Examples */ Add Steve Ivy hCard, redmonk.net

=hCard Examples in the wild=

This page is an '''informative''' section of the [[hcard|hCard specification]].

The following sites have published [[hcard|hCards]], and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc.

If people or organizations on your site are marked up with hCard (even just your own contact information), feel free to add it to the top of this list. Please be sure to include at least one URL to a page on your site that includes actual [[hcard|hCard]] markup. Examples added without a URL to a page with hCard markup may be removed.

Want to get started with writing an [[hcard|hCard]]? Use the [http://microformats.org/code/hcard/creator hCard creator] to write up some contact information and publish it, or follow the [[hcard-authoring|hCard authoring tips]] to add hCard markup to your current contact page.

==New Examples==

Please add new examples to the '''top''' of this section.
* [http://redmonk.net/about-this-site Steve Ivy] - hcard about page, includes the usual suspects + XFN on 'url's, photo, amd geo.
* [http://seattleu.edu Seattle University] uses hCard on it's front page and most pages that share an official template.
* [http://www.josemarti.waw.pl Jose Marti XXII Secondary School in Warsaw] includes hCard on Contact and About Author sections
* [http://www.jaama.co.uk Jaama] has their company details as a vCard download on their [http://www.jaama.co.uk/Contact.aspx contact] page.
* [http://3amproductions.net 3AM Productions] has company details marked up as hCard all across the site and particularly for [http://3amproductions.net/jason.php Jason] and [http://3amproductions.net/gilbert.php Gilbert]
* [http://jc-development.co.uk/ JC's Development] has company contact details as hCard.
* [http://berlin.barwick.de/index.html Berlin Guide] is converting their address markup to hcard, e.g. [http://berlin.barwick.de/shopping/kadewe-kaufhaus-des-westens.html KaDeWe]
* [http://www.xlntads.com XLNTads] has their contact information marked up in hCard, as well as their development schedule/timeline in hCalendar
* [http://derrick.pallas.us Derrick Pallas] tells people to look for him here.
* [http://bluemonkcreative.com/contact/ Bill Turner] adds an hCard to the contact page of his freelance business' website.
* [http://www.oppenheim.com.au/ James Oppenheim's blog] includes an inline author hCard in the footer of each page and also on the contact page.
* [http://steinhardt.nyu.edu/ NYU Steinhardt] has [http://steinhardt.nyu.edu/faculty_bios/list/Faculty 240+ faculty bios marked up], e.g. [http://steinhardt.nyu.edu/faculty_bios/view/Susan_Murray].
* [http://www.boogdesign.com/aboutus.html boogdesign.com] has added hCard markup on the contact page.
* [http://www.gptg.org/ Great Places To Golf], hCards for golf clubs around the world, e.g. [http://www.gptg.org/club/12/]
*[http://www.travellerspoint.com/ The Travellerspoint Travel Community] has added hCards to all of their member profiles (e.g. [http://www.travellerspoint.com/member_profile.cfm?user=jax_07]). Details include name, photo, location, notes and url.
* The [http://www.westmidlandbirdclub.com/ West Midland Bird Club] in the English Midlands uses hCard on its [http://www.westmidlandbirdclub.com/ home page], [http://www.westmidlandbirdclub.com/diary/ events diary], [http://www.westmidlandbirdclub.com/club/contact.htm contact pages], [http://www.westmidlandbirdclub.com/site/links.htm links page], [http://www.westmidlandbirdclub.com/club/older.htm list of the world's oldest bird clubs] and in a page footer which is gradually being rolled out across the whole site. {{UpdateMarker}} Page-footer's hCard now has logo, using [[include-pattern]].
*[http://wizardishungry.com/blog/ wizardishungry/blog] has the author's hCard in the footer of every page with a link to X2V.
* [http://www.walkerfineart.com Walker Fine Art Gallery] Most pages contain an hCard in the footer.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] is an organisation hCard. We have also used the technorati tool to download as a vCard, which I think is useful for a business.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] is an organization hCard. It's got abbr's in there, and a duplicate telephone field, and some hidden things. I'm really pushing things to the limit here. This should be a great test for your parser.
* [[User:Steve Ivy|Steve Ivy]]'s [http://redmonk.net/about-this-site/ about page] has his hcard, including a link to Technorati's contacts feed to let visitors download his contact information.
* Scott Allan Wallick's hCard is [[User:ScottWallick|his user page]] and on his blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* [[User:Bob_Jonkman|Bob Jonkman's hCard]] '''on this 'wiki''''
* [http://www.last.fm Last FM] has hCards hidden on their profile pages e.g. [http://www.last.fm/user/Crok/?scrobbling=t1].
* [http://thetenwordreview.com The Ten Word Review] simply contains ten word long reviews. All reviews are marked up as [[hreview|hReviews]], and user information is marked up as hCards.
*OffshoreAgile.com, a subsite of Starsoft Development Labs, uses hCard in the [http://www.offshoreagile.com/company/contact/ Starsoft Contacts] and Media Inquiries sections
*T-Mobile uses hCard for the [http://t-mobilepressoffice.co.uk/press/contact-details/ T-Mobile UK Press Contact Details page], as well as for some of the latest press releases
* Psychology Press and Routledge's Behavioral Sciences' publishing division have implemented hCard on their contact pages on 17 of their websites (example on the contact page on their [http://www.clinicalpsychologyarena.com/contact/ Clinical Psychology Arena])
*[http://72ppi.us 72ppi], uses hCard in the footer.
*[http://www.csarven.ca Sarven Capadisli] uses hCard throughout the site (including user comments in articles).
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] uses hCard for business locations and hCalendar for business hours.
* [http://www.iqair.us/ IQAir North America], uses hCard for contact information.
* [http://www.infoiasi.ro/ The website of the Faculty of Computer Science], "A. I. Cuza" University Iaşi, Romania uses hCard for each staff member.
* [http://www.finds.org.uk/ The Portable Antiquities Scheme at the British Museum] hCards added to footer of every page and to contacts section. Working on adding more and getting it right.
* In [http://www.ideasfornet.com/ IdeasForNet.com - the ideas repository] hCards were implemented partially in the footer of each page, and more comprehensively in the contact and about pages.
* The [http://www.cst.ed.ac.uk/ Centre of Canadian Studies] at the University of Edinburgh use hCards for contact information in the footer of their site.
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] at the University of Edinburgh use hCards for contact information on their home page
* [http://www.carolinemockett.com/design/about.aspx Caroline Mockett] has an hCard on her About Me page
* [http://wait-till-i.com Christian Heilmann] has a footer address using hCard
*[http://www.audience-response-rentals.com/ Audience Response System Rentals] uses hcard as a popup in the site accessibility area (lower right) for easy copy and paste of address by customers.
* [http://www.fischsolutions.com/ Fisch Internet Solutions] uses an embedded hCard and a vCard download to provide customers an easy way to contact them on their [http://fischsolutions.com/contactus.html Contact Us] section of the website.
* [http://www.micatholicconference.org/ Michigan Catholic Conference] uses hCard for contact information in the sidebar.
* [http://www.adambunn.co.uk/ Adam Bunn] provides contact details in the sidebar using hCard.
* [http://www.belkin.com/pressroom/releases/uploads/10_10_06NotebookExpansionDock.html Belkin Press Releases] are using hCards for PR contacts and corporate offices.
* [http://mybank.com myBank.com] uses hCard for its listings of every branch of every FDIC-insured bank in the United States.
* [http://leftlogic.com Left Logic] uses hCard for embedded contact information.
* [http://inga-art.co.uk/artist Inga Scholes] uses hCard for contact information in the sidebar.
* [http://www.lussumo.com/ Lussumo] uses hCards on user profile pages in its open-source [http://www.getvanilla.com/ Vanilla] Discussions Forum software.
* [http://www.creative-ways.nl/ Ron Kok] uses hCards to mark-up the names and URLs of commentors on his blog. He also uses hCards in combination with XFN in his blogposts to refer to friends, and has an hCard for himself on every page on his blog.
* [http://tagg.no Tagg Media] uses hCard for [http://heine.tagg.no/contact.php contact information] and provide link to vCard download in the contact section.
* The article about the fictitious Matrix character [http://en.wikipedia.org/wiki/Neo_%28The_Matrix%29 Thomas A Anderson in Wikipedia] is now marked up with hCard.
* [http://dconstruct06.madgex.com/ d.Construct 2006 Backnetwork] uses hCards for conference delegates (and provides the markup so that delegates can copy and paste cards into their own sites).
* [http://www.brown.edu Brown University] now uses hCard on the front page
* [http://www.wideblueyonderweb.co.uk Dunks at Wide Blue Yonder Web Design] has added hCard markup on his [http://www.wideblueyonderweb.co.uk/wbyw/pages/contact.htm contact page] and is looking to implement it on all past & future contact pages for clients.
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] now has hCard markup with a vCard download link on every page.
* [http://barefoot-ceramics.com Barefoot Ceramics paint your own pottery studio] (in Newport, South Wales) has added hCard markup to its [http://barefoot-ceramics.com/find#address "Find"] page and other address instances. They hopes to implement hCalendar event lists as soon as an ics to hCalendar PHP class can be found or written.
* IBM is embracing microformats. The [http://www.ibm.com/contact/employees/ IBM Employee Directory] now returns hCards in its query results. Also see the [http://www.ibm.com/shortcuts/ Shortcuts Podcast].
* [http://dsingleton.co.uk/ David Singleton] has added a hCard to his blog.
* [http://krisswatt.co.uk/ Kriss Watt] has hidden an hCard his blog footer.
* [http://www.thestreet.org.au The Street Theatre (Canberra, Australia)] has added hCard markup to its [http://www.thestreet.org.au/contact.htm Contact Us] page. hCalendar markup will soon be added for all of our performances.
* [http://www.informatik.uni-hamburg.de/SVS/personnel/henrich/index.php Henrich C. Pöhls] has marked up his about page using hcard, including his PGP-Key that is stored in an abbr title, using class=key.
* [http://www.yalf.de Yalf Webentwicklung] has [http://www.yalf.de/kontakt contact information] available as hCard (and vCard).
* [http://www.zeldman.com/about/ Jeffrey Zeldman]. Jeffrey Zeldman has marked up his about page using hcard.
* [http://WhereAreYouCamping.com Where Are You Camping]. hCards for all members and camps, employing the include pattern as well. AFAIK this is the first Burning Man related microformats implementation, not to mention addresses in Black Rock City.
* [http://www.clacksweb.org.uk Clackmannanshire Council ]. hCard is implemented for all contact details across the site, and for specific individuals such as elected members (Councillors).
* [http://www.webdirections.org Web Directions]. hCard is used as contact information for the conference, while speakers are marked up with hCard.
* [http://www.markthisdate.com/contactform.html MarkThisDate.com]. An hCard is implemented on our contact form. For our calendars hCalendars will follow as soon as possible.
* [http://www.msiinet.com/contact/ MSI Systems Integrators] has its "Contact MSI" page encoded with hCards.
* [http://www.coolblue.nl/ Corporate website of Coolblue BV]. hCards were implemented in both the footer of each page, and in the "News" section for press contact information.
* [http://www.besancon.fr/index.php?p=32 Official site of Besançon (France)] uses hCard for each page concerning the small towns surrounding Besançon.
* [http://2006.dconstruct.org/speakers/ d.Construct 2006 conference speakers list] is implemented using hCards.
* [http://local.yahoo.com Yahoo Local] now supports hCards for business and places in the search results
* [http://learningtheworld.eu/imprint/ Learning the World] has hcard information on the imprint, alas we didn't succeed to mark-up the work phone and fax numbers properly.
* The [http://www.fuckparade.org F’parade] website uses hcard, though I didn't find a type to distinguish mobile and landline phone numbers.
**Use <code>cell</code> for mobiles.
* [http://www.miranet.nl/contact.htm Miranet Webdesign] have added a hcard to their [http://www.miranet.nl/contact.htm 'contact' page]
* [http://weblog.200ok.com.au/ Ben Buchanan] has added a vCard to the [http://weblog.200ok.com.au/about/ 'About' page on The 200ok Weblog]
* [http://www.radiantcore.com Radiant Core] has their contact information [http://www.radiantcore.com/contact/ available in hCard].
* [http://www.mikerumble.co.uk/ Mike Rumble] has [http://www.mikerumble.co.uk/contact.html uploaded his hCard].
* [http://www.saumag.edu/ Southern Arkansas University] has its contact footer encoded as hCard
* [http://main.uab.edu/ University of Alabama at Birmingham] has its contact footer encoded as hCard
* [http://www.capital.edu Capital University] has contact footer and bloggers' names encoded as hCard. Also, all page-specific contact information is encoded as hCards (see [http://www.capital.edu/Internet/Default.aspx?pid=67 Admissions] page for an example)
* [http://main.uab.edu/shrp/ UAB School of Health Professions] uses hCard in its contact footer
* [http://green.carisenda.com/ Stephen Stewart] has his hCard on the front page of his weblog ('You are here' section)
* [http://www.fberriman.com/ Frances Berriman] has a hidden vCard in the footers of her website.
* [http://www.candlescience.com/ CandleScience Candle Supply] added a hidden hcard sitewide.
* [http://www.direction.es/ Direction] uses hCard for contact information.
* [http://audiobank.tryphon.org AudioBank] uses hCard to display member informations.
* [http://www.vivabit.com/atmedia2006/speakers/ @media speakers] are marked up with hCard (photos depend on BASE tag support which makes this a good test case)
* [http://www.dougransom.com Doug Ransom] uses hCard for his financial advisory practice.
* [http://rubyandrails.org/usergroups/newcastle/members.html ncl.rb] uses hCard for contact information.
* [http://www.snowinteractive.com/ Snow Interactive] uses hCard for contact information.
* [http://flickr.com Flickr] now supports [[hcard|hCard]] and [http://gmpg.org/xfn XFN] on profile pages. See [http://flickr.com/photos/factoryjoe/113866484/ screenshot of Flickr UI in Flock browser using Flocktails extension - March 17th 2006].
* [http://www.ndiyo.org/contact Contact information for the Ndiyo project]
* [http://www.pixelenvy.co.uk/ Pixel Envy] uses hCard for contact information on every page
* [http://stilbuero.de/contact/ Klaus Hartl] uses hCard in the sidebar for contact information (maybe easier to parse through delivering xhtml as xml).
* [http://charlvn.virafrikaans.com/contact Charl van Niekerk's hCard]
* [http://billy-girlardo.com/WP/ BillyBLOGirlardo] uses hCard for contact information.
* [http://www.hicksdesign.co.uk/ Hicksdesign] uses hCard for contact information.
* http://www.gr0w.com/articles/press/growsearch_launched_press_release/ - hCard in a press release for the press contact info
* http://www.redmonk.com/cote/archives/2006/03/testing_out_mic.html - hCard with explanation
* [http://andy.ciordia.info/ it's my island], personal blog, hcard on the ''[http://andy.ciordia.info/pages/about_me About the Writer]'' page. [[User:Ciordia9|Andy Ciordia]]
* [http://www.windowonwoking.org.uk/ Window on Woking], a local community site in the UK, uses hCard in the homepage of each member organisation and local Councillor.
* [http://ChunkySoup.net/ ChunkySoup.net] has redesigned using hAtom 0.1 and hCards on the entire site -- by [[User:ChrisCasciano|Chris Casciano]]
* [http://www.30boxes.com/ 30 Boxes],a social calendar application and digital lifestyle aggregator, automatically creates an hcard for you with your account. It is found under Settings > Syndication.
* [http://www.nearwhere.com/ Nearwhere.com] allow you to put an hcard on an interactive map.
* [http://www.brentozar.com/ Brent Ozar] added a [http://www.brentozar.com/contact.php contact] page hCard.
* [http://www.kerihenare.com/ Keri Henare] has rewritten his [http://www.kerihenare.com/contact/ contact] page hCard. Now using <code><object></code> instead of <code><img></code> for photo. (Thanks Brian Suda for updating the vCard converter)
* [http://michaelraichelson.com/contact/ Michael Raichelson] had an hCard on his contact page before SXSW, but never thought to add it here until Tantek requested it.
* [http://www.commoner.com/~lsimon/lindsey_simon_hcard.html Lindsey Simon] has added an hCard to his website as per Tantek's SXSW request for folks to try it
* [http://www.davidgagne.net/ David Gagne] has an hCard in his sidebar.
* [http://www.churchzip.com/map/ Churchzip.com/map] and [http://www.skiwhere.com/map/ Skiwhere.com/map], provide churches, hotels, and ski resorts on the same maps. Locations are formatted as hCards.
* All [http://www.iqdir.com/ IQ Directory Solutions] Yellow Pages web portals use [[hcard|hCard]] markup on listings. For example [http://www.yellowpages-cambodia.com/ Cambodia Yellow Pages] and [http://www.superpages.com.my/ Malaysia Super Pages]
* Ning's cloneable Group app uses fuzzy matching to map custom fields to [[hcard|hCard]] markup on its [http://group.ning.com/index.php?controller=person&action=view&content=JonathanAquino profile] pages.
* [http://claimid.com/factoryjoe Chris Messina' ClaimID hCard]
* [http://factoryjoe.com/blog/hcard Chris Messina' hCard]
* [http://flock.com/about Flock About]
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] has [[hcard|hCard]] and [[hcalendar|hCalendar]] markup. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original here]).
* [http://www.gr0w.com/articles/press/growsearch_launched_press_release/ GrowSearch Launched (Press Release)] uses an hCard to provide Press Contact Point.
* The [http://www.arborday.org/ National Arbor Day Foundation] has started using hCards for their [http://arborday.org/programs/conferences/communityforestry/index.cfm upcoming] [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conferences].
* [http://www.multipack.co.uk The Multipack] has numerous hCards, especially on the [http://www.multipack.co.uk/members/ members page], as well as the next meeting information.
* [http://deadringrancor.livejournal.com/ Justin McDowell] used an hCard when [http://deadringrancor.livejournal.com/221332.html referring to a person in his blog post]
* [http://davecardwell.co.uk/cv/ Dave Cardwell] has included his hCard in his Curriculum Vitae.
* [http://blog.usweb.com/ Shaun Shull] has written a great post on [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], and has included his [[hcard|hCard]] as one of the examples.
* [http://www.thefutureoftheweb.com/ Jesse Skinner] has written a simple [http://www.thefutureoftheweb.com/blog/2006/1/hcard tutorial with examples]
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] has marked up the venue, contacts, and program committee members all with hCard.
* [http://www.avf-nexus.co.uk AVF-Nexus] have a hCard on their [http://www.avf-nexus.co.uk/contact/ contact page] - (by [http://creation.uk.com Creation"])
* [http://www.thefantasticos.com/andrew/ Andrew White] posted [http://www.thefantasticos.com/andrew/index.php/my-hcard/ his hCard] and [http://www.thefantasticos.com/andrew/index.php/62/microformats-the-should-have-been-obvious-web-dev-tool/ blogged about it].
* [http://www.2sheds.ru Oleg "2sheds" Kourapov] in his [http://www.2sheds.ru/blog/ blog] ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog X2V]) has turned personal profile into hCard ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/hcard.html X2V]) and his blogroll - into combination XFN/hCards ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/friends.html X2V])
* [http://www.approveddesign.co.uk Approved Design Consultancy] have a hCard on their [http://www.approveddesign.co.uk/about/contact/ contact page] as well as on their [http://www.approveddesign.co.uk/about/people/ people section] - (by [http://creation.uk.com Creation"])
* [http://weblog.200ok.com.au/ Ben Buchanan] and [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin Morris] have [http://weblog.200ok.com.au/2006/01/griffith-phonebook-adds-hcard-and.html implemented hCards and vCards] for the [http://www.griffith.edu.au Griffith University] [http://www.griffith.edu.au/find/content_phonebook.html online phone book]. Eg. [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=ben+buchanan&format=search Ben's vCard] and [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin's vCard]
* WWF-Australia [http://wwf.org.au/about/contactdetails/ contact details page]
* [http://rasterweb.net/raster/ Pete Prodoehl] used the hCard format on his [http://rasterweb.net/raster/contact.html Contact page] and his [http://rasterweb.net/portfolio/ Portfolio]
* [http://alexander-mette.de amette] uses the hCard format in a module of his TikiWiki powered blog
* [http://staff.washington.edu/oren/weblog2/ Oren Sreebny] has an hcard on his blog main index template
* [http://www.cs.brandeis.edu/~zippy/ Patrick Tufts] has an hCard on his homepage.
* [http://ascii20.blogspot.com/ Mathias Kolehmainen and Jamie Taylor] have hCards on their weblog.
* [http://www.hoppsan.org/jamesb/blogger/ Barnaby James] has a hCard on his weblog.
* [http://esa-education.com/schools/map ESA Education] Uses hCards for their 100+ schools and each of the individual school sites.
* [http://www.thereisnocat.com/#vcard Ralph Brandi] has added an hCard to the sidebar of his weblog as a result of Tantek Çelik's portion of the Microformats presentation at SXSW 2006.
* [http://www.pierce.ctc.edu/ephone/ Pierce College] -- community college directory uses hCard on all individual directory entries.
* [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ the Institutional Web Management Workshop 2006] have marked up all their [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/committee/ speakers with hCard].
* http://wikitravel.org/en/Singapore/Sentosa. Wikitravel is experimenting with hcard on its travel guides. This guide uses hcard for all its business listings. More info on http://wikitravel.org/en/Wikitravel_talk:Listings.
* [http://www.musik-erber.de/ Musik-Erber] uses to present contact information at the sidebar
* [http://cdevroe.com/about/#contact Colin D. Devroe] uses hCard to display his contact information on his about page
* The ECS (Scool of Electronics and Computer Science at the University of Southampton) [http://www.ecs.soton.ac.uk/people People Pages] use vCard. Contact cjg@ecs.soton.ac.uk if there's any bugs.
* [http://www.southwestern.edu/~ramseyp Pat Ramsey] has his contact information on his blog marked up with hCard. Contact [mailto:ramsey.pat@gmail.com ramsey.pat@gmail.com] if there are any bugs there.
* [http://www.meryl.net/ Meryl K. Evans] has a hidden hCard on her homepage.
* [http://www.vyre.com/company/contact-us/ VYRE] is a CMS development company with a "contact us" hCard
* [http://www.lefdal.cc/info.php Alf Kåre Lefdal] uses hCard in the markup of his contact information
* [http://www.pignwhistle.com.au/ Pig N Whistle, a chain of pubs in Brisbane, Australia] is using hcard to mark up all the contact pages for its outlets and head office
* [http://kollitsch.de/ Patrick Kollitsch] has built his personal Profil as hCard
* [http://www.hbs.edu/faculty/dspar/ Harvard Business School] has hCards on their faculty pages
* [http://openmikes.org/ openmikes.org] uses hCards for open mike venue addresses in its listing detail pages.
* [http://www.intertecnollc.com/ InterTecno, LCC] publishes an hCard on the home page and contact page.
* [http://canaltcm.com/ver/sobre-tcm Turner Classic Movies TCM Spanish website] has published contact details as a hCard
* [http://rejuvenation.com/ Rejuvenation] is now using hCard for contact information.
* [http://www.mattash.com/contact/ Matthew Ash] uses the hCard in his contacts section.
* [http://yarmouthguide.com/business.php Yarmouth Guide] uses hCard for each business details page.
* [http://www.merchantcircle.com MerchantCircle] has embedded an hCard in every one of their 15+ million US business listings.

== Examples ==
* [http://vcardplus.info/show.asp?uid=Z9959-06323 Greg Bays], the author of vCardPlus! has made his sites vCard display page hCard complaint.
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] uses hCard on their front page along with a link pointing to Brian Suda's [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V].
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] has published an hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] hasn't published his hCard yet, but he has [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html published his hCard icon]: http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] uses hCards to mark-up the names and URLs of commentors on his blog, e.g. his [http://thedredge.org/2005/06/using-hcards-in-your-blog/ blog post on "Using hCards in your blog"].
* [http://www.bidclix.com/ BidClix]'s [http://www.bidclix.com/AboutContact.html Contact BidClix] page has it's ''contact info'' marked up with an hCard.
* [http://suda.co.uk/ Brian Suda] has managed to embed a photo in [http://suda.co.uk/contact/ his hCard] through the [http://www.ietf.org/rfc/rfc2397.txt data URI scheme] by converting the image to BASE64 code. View the Source to see how this is accomplished. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ The X2V link] will extract the image and encode it for a vCard which will be displayed in some address book applications.
** Inspired by this I thought to try the same for SVG at [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Does it work?? Well it parses OK. Some automated tools replace the < with %3C (etc., e.g. Brian Suda's vCard form). Unfortunately Kontact (KDE contacts tool) doesn't handle SVG as a vCard photo or logo format - I don't know if this is a standard. It seems it could work and maybe even does somewhere. Maybe the text field needs to be Base64 encoded? ... see [http://slashdot.org/~pbhj/journal/142382 pbhj's slashdot journal] for a bit more on this.
* [http://cinematreasures.org Cinema Treasures] uses hCard to markup venue information for 10,000+ movie theaters.
* [http://www.w3.org/People/Connolly/events/ Dan Connolly's index of events and talks] has hCards for many of the people he has met at those events. In Mar 2006, he moved a bunch of hotel contact info from his PDA to this page; it's now up to 32 hCards.
* [http://doncrowley.blogspot.com/ Don Crowley] has published [http://www.crowley.nl/hcard.html his hCard] as well as a nifty hCard button: http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] added all types of contact information
* [http://eventful.com Eventful] publishes all of its venue information pages with embedded hCards.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ marked up by Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] has [http://jack.randomata.com/resume/ converted the addresses in his resume to hCards].
* [http://www.efas.fupl.asso.fr/efas/_Mathieu-Drouet_.html Mathieu Drouet] and [http://www.efas.fupl.asso.fr/efas/_Annie-Leger_.html Annie Leger] both have hCards
* [http://www.oliverbrown.me.uk/ Oliver Brown] has published his hCard.
* [http://www.paradigmproductions.org/contact/ Paradigm Productions] published a vCard as a <code>ul</code> (marked up by [http://www.linkingarts.com/ Peter Jacobson])
* [http://www.splintered.co.uk/ Patrick H. Lauke] has marked up [http://www.splintered.co.uk/about/ his contact info with hCard].
* [http://blah Paul Schreiber has published his hCard on [http://paulschreiber.com/about/?contact his about page].
* [http://paulschreiber.com/blog/ Paul Schreiber]'s [http://concerts.shrub.ca/ Sunnyvale House Concerts] site publishes hCards for upcoming artists, as well as an hCard for the page itself. In addition the [http://concerts.shrub.ca/shows Past Shows] page contains hCards for all past artists.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] has created an hCard page which is Human Readable, and a link to X2V passing the same hCard page to generate a vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley has published] [http://phil.windley.org/hcard.html his hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] has published an hCard.
* [http://zooibaai.nl/ Rob Mientjes] has published his hCard on [http://zooibaai.nl/about/ his about page].
* [http://rbach.priv.at/Contact Robert Bachmann] has published his hCard and [http://rbach.priv.at/Images/hcard a button].
* [http://blah Scott Reynen has published his hCard on [http://www.randomchaos.com/document.php?source=scott_reynen his profile page].
* [http://www.stackframe.com/ StackFrame, LLC] has published [http://www.stackframe.com/people/ employee] and [http://www.stackframe.com/contact/ general] contact information as hCards.
* [http://www.wolfsreign.com Steven Ametjan] has published his hCard on [http://www.wolfsreign.com/about/ his about page].
* [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - Speaker List] as a set of hCards
* [http://tagcamp.org/index.cgi?ContactList TagCamp contact list]
* [http://tantek.com/ Tantek's Thoughts] includes an inline author hCard at the bottom of the page.
* [http://technorati.com/ Technorati]'s [http://www.technorati.com/about/ About page] lists their '''Media Contact'''
* [http://www.deadringerart.com/ The Brothers McDowell] have hCards at their Contact page.
* [http://twinsparc.com/ Twinsparc] put an hCard in the header and footer of all their pages.
* [http://tantek.com/microformats/2005/web2/speakers.html Web 2.0 Conference speakers page marked up with hCard]
* [http://we05.com/ Web Essentials 05] marked up all their [http://we05.com/presenters.cfm presenters with hCard].
* [http://www.uoguelph.ca/directory/ The University of Guelph] includes hCard info in its directory.
* [http://www.echildcare.com.au/ The Australian Child Care Index] has over 3000 entries listing child care services across Australia - and every single one is marked up with an hCard!
* [http://www.cadforless.com/partners/ CADforless, Inc.] we listed our partners using hCard
* [http://avon.com/ Avon] - publishes all 40,000+ Avon representatives' contact info with hCard.
* [http://flock.com/about Flock About] page supports hCard microformat.
** by [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* [http://www.nature.com/ Nature homepage], uses [[XOXO]].
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supports hCard and [[hcalendar|hCalendar]].
* The [http://technorati.com/about/ Technorati About page] has contact information marked up with hCard. By [[implementations#Technorati|Technorati]]
* The [http://technorati.com/press/ Technorati Press page] also has an hCard. By [[implementations#Technorati|Technorati]]
* The [http://technorati.com/about/staff.html Technorati Staff page] has many hCard. By [[implementations#Technorati|Technorati]]
* [http://www.bath.ac.uk/ University of Bath] [http://www.bath.ac.uk/contact/ Person Finder] supports hCard, e.g. see [http://www.bath.ac.uk/person/760874 Mrs A Smith] page.
* [http://www.monster-prague.cz/ Monster Prague Openings] supports hCard, e.g. home page, contact list to come.

===UTF8 Examples===

These examples all contain one or more characters in UTF8 that are outside the ASCII7 range and make for excellent test cases to make sure you are handling UTF8 properly throughout your hCard parsing and transforming. And especially if you are generating vCards, these test cases will help you make sure you are generating UTF8 vCards in such a way that can be recognized by UTF8 supporting vCard applications.
* [http://tantek.com/ Tantek's Thoughts] encodes Çelik as inline UTF8.

==Examples with some problems==

Entries may be moved here if there's a problem with the way hCards are used on the page concerned. If the page is yours, and you want to improve it, see the [[hcard-faq|hCard FAQ]], or raise any queries on [[hcard-issues|hCard Issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.

* [http://www.alexa.com Alexa Internet] marked up its [http://www.alexa.com/site/company/managers managers' page] with hCard.
**Person's job title within "fn". [[User:AndyMabbett|Andy Mabbett]]
* [http://www.naturalengland.org.uk/press/default.htm Natural England] (new UK government agency, formed 2006-10-01).
** No "fn" - which makes it invalid.
* [http://www.matthewwest.co.uk Matthew West] has an hCard on his [http://www.matthewwest.co.uk/email contact] page.
**Flat- and building- number run on.
*[http://drop-off.co.uk G3:2] uses hCard with geo tags in the copyright and on the about me page
** Address data is hidden using CSS.
* [http://zdnet.co.uk/misc/contact/ ZDnet Contact Us Page] supports [[hcard|hCard]].
** by [http://www.subtleasafish.com/ James Myers] and [http://www.fromthefrontend.co.uk/2006/11/23/zdnet-uses-microformats/ David Long]
**Images and e-mail addresses are hidden; telephone numbers do not comply with [http://en.wikipedia.org/wiki/E.123 E.123]
* [http://gbraad.nl/ Gerard Braad] has published an example on his [http://gbraad.nl/site/?p=profile profile] page that is almost consistent with his original [http://gbraad.nl/files/gbraad.vcf vCard] file. Also progress is made for transforming his [http://files.gbraad.nl/foaf.rdf FoaF] file to a hCard encoded representation (also done for my spouse:[http://spouse.gbraad.nl/site/?p=profile Yong Yuan])
** (2005-09-27) PASSED, PASSED
** WARNINGS
*** uses 'n given-name' and 'n family-name' instead of nesting the given- and family- names inside the 'n'
*** has one 'tel' value with a bunch of values stuffed in
*** probably more problems --[[User:RyanKing|RyanKing]] 17:19, 5 Jan 2006 (PST)
* [http://kinrowan.net/ Cori Schlegel] [http://kinrowan.net/blog/wp/archives/2005/07/08/a-problem-with-the-structured-blogging-plug-in-for-wordpress/ discusses how he has updated] [http://kinrowan.net/blog/contact his contact page with hCard]
** INVALID - using 'prefix' instead of 'honorific-prefix' and type's in classnames (in both adr and tel) and has two photo's (the second could be 'logo') --[[User:RyanKing|RyanKing]] 15:15, 5 Jan 2006 (PST)
* The good ship [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] spotted in the North Atlantic
** INVALID --[[User:RyanKing|RyanKing]] 00:50, 27 Oct 2005 (PDT)
*** class="family" should probably be family-name
*** the "n" property is missing and the "n" optimization can't be applied
*** the first geo propery is empty, the second one is invalid (i.e., it doesn't contain lat/long)
* [http://landsbank.fo/#hCard Landsbanki Føroya]
** INVALID - using embedded RDF/XML invalidly
* [http://chrischerry.name/ Chris Cherry's contact page with his hCard]
** <strike>WARNING - uses class="cell" instead of cell</strike> Fixed -- [[User:Seriph|Chris Cherry]] 19:54, 15 Sep 2006 (PST)
* [http://www.bath.ac.uk/contact/ University of Bath] Person Finder results are encoded with hCards so you can easily create a vCard from any result.
** ERROR - attempt to use Implied-N optimization where that's not possible. --[[User:RyanKing|RyanKing]] 14:29, 5 Jan 2006 (PST)
** Error appears for external users only. Won't be fixed any time soon. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT)
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] has put up his attempt
** INVALID, missing "fn"--[[User:RyanKing|RyanKing]] 12:47, 5 Jan 2006 (PST)
* [http://www.yellowpencil.com/contact/ Yellow Pencil] Using microformats to present company contact information
** First hcard has empty "fn" and no "n". "fn" should be with "org" -- [[User: ScottReynen |ScottReynen]] 21:29, 19 Jun 2006 (CST)

== Related Pages ==
{{hcard-related-pages}}

advocacy

2007-01-09T16:11:23Z

SteveIvy: /* Adding Microformats to Existing Sites */ add note about vote-links in ma.gnolia ratings

= Advocacy =

A lot can be done to help advocate the use of microformats. Often, simply by taking an existing site, and adding the suggested microformatting to a few of its pages as examples is all that is necessary to help the developers of the site add the microformats to the site itself. Applications, such as browsers, could also use some guidance on how to best support microformats.

Sometimes advocacy requires comparison and analysis of alternative technologies or approaches. As [[User:MikeSchinkel|Mike Schinkel]] pointed out, we need good answers to comments like "No, we're going to use XXX instead...".

The goal for this page is to include pointers for how to advocate microformats on new sites and on existing sites that are considering or using alternative approaches, as well as applications that can benefit from supporting microformats.

For general resources for marketing microformats, see [[spread-microformats]].

== Adding Microformats to Existing Sites ==

Add sites here that you think would benefit from the addition of microformats. For now they are grouped by the microformat which would primarily benefit the site. Feel free to take a look at some of the sites on this list, document sample pages to be microformatted, add microformats to them, and then add the before/after of the key sections of mark-up to another wiki page for that site.

=== hCard ===
Adding [[hcard|hCard]] to these sites would make them quite handy for their users and for being indexed:

==== Online Profiles ====
Nearly every website that has a login has a page representing the public profile of the user that other users can see and interact with. Many such sites already [[hcard-implementations|support hCard]] (e.g. ClaimID.com, Flickr.com, Technorati.com, Zooomr.com). Here are some that I think would benefit from the addition of hCard to their profile / user pages. Feel free to add more such sites that have a social network profile-like component and I'll see what I can do. [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Twitter.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Consumating.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Wikimedia - including this site, Wikipedia, Wikitravel, etc.
**It would be nice if <nowiki>[[User:YOURNAME]]</nowiki> links generated proper (mini)hCards. ([http://microformats.org/wiki?title=to-do&diff=12177&oldid=12173#Lazyweb per SteveIvy]; moved from 'to-do')

==== Online Venues ====
There are many sites that offer pages that represent organizations and venues that could benefit from being marked up with hCard. [http://local.yahoo.com/ Yahoo Local] venues are marked up with hCards for example. Here are some more sites that have venues that would benefit from hCard markup.
* [http://dodgeball.com/ Dodgeball] venues.
* Yelp.com

====Wikpedia hCard====
*Infobox Templates for people to add [[hcard|hCard]] to their generated markup
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_Biography&action=edit Infobox_Biography]
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_actor&action=edit Infobox_actor] which should result in actor pages, e.g. [http://en.wikipedia.org/wiki/Humphrey_Bogart Humphrey Bogart]'s page, being properly hCarded.
*Addressable buildings e.g. [http://en.wikipedia.org/wiki/The_Old_Crown%2C_Birmingham The Old Crown, Birmingham]
*Tourist attractions, e.g. [http://en.wikipedia.org/wiki/Cadbury_World Cadbury World]
*Companies, e.g. [http://en.wikipedia.org/wiki/Tesco Tesco] (note headquarters address in infobox)
*Motorway service stations, e.g. [http://en.wikipedia.org/wiki/Watford_Gap_service_station Watford Gap]
*Railway Stations, e.g. [http://en.wikipedia.org/wiki/Perry_Barr_railway_station Perry Barr]
*etc.

====Telephone Directory Listings====
Telephone Directory Listings could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 03:10, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://www.thephonebook.bt.com/ BT]
**Requested via [http://tinyurl.com/yhtdjy BT feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
**BT confirm that they will consider this at their next re-build. 2006-12 [[User:AndyMabbett|Andy Mabbett]]
*[http://118118.com 118118.com]
**Requested via e-mail, 2006-11-13. [[User:AndyMabbett|Andy Mabbett]]

====Postal (ZIP) code Finders====
Postal code Finders could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 12:09, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://pol.royalmail.com/dda/txt/pf.asp Royal Mail] (UK)
**Requested via [http://tinyurl.com/ya4hzu Royal Mail feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
**Acknowledged 2006-11-30. [[User:AndyMabbett|Andy Mabbett]]

====Government hCard====
=====UK Gov. hCard=====
* Parliament: [http://www.parliament.uk/directories/hciolists/alms.cfm Alphabetical List of Members of Parliament] (see also [http://www.parliament.uk/directories/directories.cfm other lists of MPs and Lords]). [[User:AndyMabbett|Andy Mabbett]]

=====Europe Gov. hCard=====
* e.g. [http://www.europarl.org.uk/uk_meps/westmidlands.asp UK MEPs]

==== Organization Contacts ====
Many companies and organizations have about or contact pages that could benefit from being marked up with hCard. [http://technorati.com/about/contact.html Technorati's contact page] for example is both marked up with hCard and has a convenient "Add to Address Book" hCard to vCard converter link. The following company sites could benefit from similar markup (and, until user agents support hCards natively, "Add to Address Book" links). [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
*Adobe
**[http://www.adobe.com/aboutadobe/offices.html Adobe offices]
***Requested using contact form, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*Google
**Contacts, e.g. [http://www.google.com/intl/en/contact/index.html Google USA], [http://www.google.co.uk/intl/en/contact/index.html Google UK], etc.
*[http://www.mozilla.com/ Mozilla]
**[http://www.mozilla.com/en-US/about/legal.html Mozilla legal notices]
*Opera
**People, e.g. [http://people.opera.com/howcome/ Håkon Wium Lie]; could also be hResume
*W3C
**[http://www.w3.org/Consortium/contact W3C contact]
**[http://www.w3.org/People/all W3C Staff listing] and individual pages, e.g. [http://www.w3.org/People/Berners-Lee/ Tim Berners-Lee]
***Requested by e-mail. [[User:AndyMabbett|Andy Mabbett]]

====Other hCard====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for people (real, not characters), e.g. [http://www.imdb.com/name/nm0000007/ Humphrey Bogart]. [[User:AndyMabbett|Andy Mabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]
*Wikitravel
**e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel - Birmingham]
***[http://microformats.org/wiki?title=User_talk:MarkJaroski&curid=2699&diff=0&oldid=10663&rcid=19955 Wikitravel is about to hugely roll out hCard] Mark Jaroski
***See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]

===hCalendar===

[[hcalendar|hCalendar]] could be used on these sites:

==== W3C track at WWW2006 ====
* DanC offers a 150 point bounty to anybody who takes [http://www.w3.org/2006/05/w3c-track the W3C track at WWW2006] and adds hCalendar markup and sends it to connolly@w3.org,www-archive@w3.org

====Television listings====
*A major coup would be to get one of the major players (the BBC, Sky, or PBS, say), to mark up their TV or radio listings with hCalendar - does anyone have contacts in such an organisation? [[User:AndyMabbett|Andy Mabbett]] 10:53, 21 Oct 2006 (PDT)
**Does anyone have URLs to the TV or radio listings of the major players? Getting those URLs would be the next step, and then doing the markup ourselves would be the next step after that. [[User:Tantek|Tantek]] 13:02, 21 Oct 2006 (PDT)

e.g. (please add other examples!):
*[http://www.radiotimes.com/ Radio Times] (BBC, UK)
** Requested by e-mail [[User:AndyMabbett|Andy Mabbett]]
*[http://www.tvtimes.co.uk/ TV Times] (UK)
** Requested by e-mail 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
*BBC main listings (e.g. [http://www.bbc.co.uk/bbcone/listings/index.shtml?service_id=4223 BBC One])
** Requested by [http://www.bbc.co.uk/feedback/bbci_comment.shtml BBC Feedback Form] 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Government hCalendar====
=====UK Gov. hCalendar=====
*[http://www.dti.gov.uk/employment/bank-public-holidays/index.html DTI: Bank Holidays] (not Scotland)
** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
***Response: "At the moment we have no plans to use hCalendar or hCard coding due to unresolved concerns about accessibility issues (especially text-to-speech readers), however, we thank you for your suggestion."
***Request for clarification of concerns unanswered.
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:47, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)
*[http://www.scotland.gov.uk/Publications/2005/01/bankholidays Scottish Executive Bank Holidays]
** Requested by [http://www.scotland.gov.uk/About/HaveYourSay/WebsiteFdbck Scottish Executive feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Sports Fixtures====
e.g. (please add other examples!):
*PremiumTV (UK, Soccer, has a page for each team)
**[http://www.avfc.premiumtv.co.uk/page/Fixtures/ Aston Villa]
**[http://www.wba.premiumtv.co.uk/page/Fixtures/ West Bromwich Albion]
*** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
****"webmaster@" bounced. [[User:AndyMabbett|Andy Mabbett]]

====Concert/ Theatre Listings====
e.g. (please add other examples!):
*[http://www.birmingham-alive.com/ Birmingham Alive!] (UK)
**Requested in person; now on "to do" list

=== hReview ===
[[hreview|hReview]] could be used on these sites:

====Government hReview====
=====UK Gov. hReview=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:48, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:08, 4 Dec 2006 (PST)

====Other hReview====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for film reviews, e.g. [http://www.imdb.com/title/tt0049291/ The Harder They Fall ]. [[User:AndyMabbett|AndyMabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]

===hAtom===
[[hatom|hAtom]] could be used on these sites:

====Government hAtom====
=====UK Gov. hAtom=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:49, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)

====Other hAtom====
* TV Listings (see hCalendar, above)
*[http://www.mediawiki.org/wiki/MediaWiki *MediaWiki] (Wikipedia and other users, including this 'Wiki') - article histories
**[http://bugzilla.wikimedia.org/show_bug.cgi?id=7913 Bug 7913] raised 2006-11-13. '''[http://bugzilla.wikimedia.org/votes.cgi?action=show_user&bug_id=7913 vote to add hAtom to the change log of media wiki pages]''' [[User:AndyMabbett|Andy Mabbett]]
*[http://rbach.priv.at/Microformats-IRC/2006-11-13 IRC logs]
**E-mailed. [[User:AndyMabbett|Andy Mabbett]] 10:29, 5 Dec 2006 (PST)

=== Geo ===
Adding "[[geo|Geo]]" markup to these sites would make them even more useful:
*Wikipedia
**All articles on places, e.g. [http://en.wikipedia.org/wiki/Birmingham Wikipedia - Birmingham] (note co-ordinates already present in infobox)

===rel-tag===
====Google as rel-tag namespace====
A Google search for 'sparrow' resolves to http://www.google.com/search?&q=sparrow, if not the unwieldy http://www.google.com/search?hs=TUz&hl=en&lr=&client=firefox-a&rls=org.mozilla%3Aen-GB%3Aofficial&q=sparrow&btnG=Search - likewise http://www.google.com/search?&q=%22black+redstart%22 for ' "black redstart" '. If Google can be persuaded to also accept, say, '''<nowiki>http://www.google.com/search/sparrow</nowiki>''' and '''<nowiki>http://www.google.com/search/black_redstart</nowiki>''' as being equivalent (and assuming that the latter term searches for ' "black redstart" ', with the quote marks), then Google would become a namespace for rel-tag. [[User:AndyMabbett|Andy Mabbett]] 00:15, 29 Nov 2006 (PST)

=== VoteLinks ===
* I've added a request for vote-link support in [http://ma.gnolia.com Ma.gnolia]'s link rating system: [http://wiki.ma.gnolia.com/Feature_Suggestions Feature Suggestions on wiki.ma.gnolia.com]

===Various===
*eBay (.com and localised versions)
** '''hCard''' - Buyer and seller address details.
** '''hCalendar''' - Auction end date/times.
** '''hReview''' - Feedback.
** '''hAtom''' - Recent purchases/ won/ lost/ watching etc.
**Requested by feedback form, 2006-12-05. [[User:AndyMabbett|Andy Mabbett]]
**[http://microformats.org/discuss/mail/microformats-discuss/2006-December/007531.html eBay response of 2006-12-08]

====IT News sites====
There is obviously a great deal of publicity to be gained, by having microformats used on sites about IT developments, which are likely to be read by people in a position to have microformats used, and microformat tools implemented, in their organisations. Please add to this list!
*[http://www.theregister.co.uk/ The Register] (UK)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*[http://www.ziffdavis.com/ Ziff-Davis] media sites, e.g:
**[http://www.microsoft-watch.com/ Microsoft Watch]
**[http://www.linux-watch.com/ Linux Watch]
**[http://www.extremetech.com/ Extreme Tech]
**[http://www.webbuyersguide.com/ Web Buyer's Guide]
**Requested at corporate level, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* [http://www.netmag.co.uk .Net magazine (UK)] (issue dated December 2006, has tutorial on microformats, by Rachel Andrew)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* ...

====Other high-profile IT sites====
*[http://www.useit.com/ Jakob Nielsen's 'Use It'] and his [http://www.nngroup.com/ Nielsen Norman Group]
**Requested by e-mail, 2007-01-06. [[User:AndyMabbett|Andy Mabbett]]
* ...

== Adding Microformats to Applications ==

User-agents (browsers, etc.) should support microformats natively. For instance, a user should not need to use a third party application or web service to add address details or events from a microformat-using web page to their address book or calendar programme.

===Browsers===

In addition to the following, third-party developers should be encouraged to make their relevant browser add-ons microforamt aware; or to create new add-ons with microformat capabilities.

====Firefox====
===== Firefox developments =====
*Mozilla are "brainstorming" developments for Firefox 3.0 and beyond, and have a page on microformat handling at http://wiki.mozilla.org/Firefox/Feature_Brainstorming:Microformat_Handling

=====ReminderFox=====
*The makers of the [http://reminderfox.mozdev.org/ ReminderFox] extension have put hCalendar support on their [http://reminderfox.mozdev.org/userrequests.html ReminderFox "to do" list].

=====LinkAlert=====
*The [http://conlan89.googlepages.com/linkalert LinkAlert] extension could signal when a link is marked as a tag (likewise for other "rel" attributes). [[User:AndyMabbett|Andy Mabbett]]
**Requested by e-mail 2006-12-29. [[User:AndyMabbett|Andy Mabbett]]
**Response 2007-01-07: "Thank you for your feedback, I will consider adding [...] rel in a future update."

====Opera====
* First reference to "microformats" in the [http://my.opera.com/community/forums/topic.dml?id=169975&t=1166045417&page=1#comment1851680 Opera forums]. 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]
*[http://www.operamini.com/ Opera Mini] (and other browsers on telephones) could especially benefit from recognising the "tel" attributes of hCard, and allowing users to dial numbers found on-line.
**[http://my.opera.com/community/forums/topic.dml?id=169978 Proposed on forum] 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]

===Screenreaders===
*Screenreaders (e.g [http://www.freedomscientific.com/fs_products/software_jaws.asp Jaws]) could recognise telephone number components of hCards, to differentiate them from other strings of digits. [[User:AndyMabbett|Andy Mabbett]] 13:02, 9 Dec 2006 (PST)
** Additional to this, I believe that screen reader users would benefit from being able to recognise any of the microformats. For example, there is value in being verbally notified that a page contains "1 contact and 3 events", or being able to seek out rel attributes with help values. [[User:Phae|Frances Berriman]]

===Publishing Platforms===

====Blogger====
* Chris Messina is [http://factoryjoe.com/blog/2006/09/02/on-open-letter-to-blogger/ advocating more support in Blogger]

====Drupal====
*There's a Drupal group for discussing/advocating/implementing [http://groups.drupal.org/microformats-in-drupal microformats in Drupal]

====Plone====
*[http://plone.org/ Plone] is an Open Source Content Management System ([http://en.wikipedia.org/wiki/Plone_(content_management_system) Plone on Wikipedia]).
**See this [http://plone.org/events/sprints/past-sprints/calsprint/SprintTopics/?searchterm=microformats 2005 Plone user comment]
**[http://dev.plone.org/plone/ticket/5351 Plone feature request for rel-tag]
**[http://dev.plone.org/plone/ticket/6050 Plone feature request for microformats], submitted 2007-01-06 [[User:AndyMabbett|Andy Mabbett]]

== Adding Microformats to Web Services ==
===ClearForest===
*[http://sws.clearforest.com/ ClearForest Semantic Web Services ] - uses natural language processing tools to recognise people, organisations, places, events and CVs (resumes) in web pages. Would benefit from recognising hCard, hResume, hCalendar, Geo, Adr, etc. Could also use them in its output. [[User:AndyMabbett|Andy Mabbett]] 05:09, 6 Dec 2006 (PST)

== Successes ==

=== hCard Successes ===

*Details of hCard should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCard page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-25. [[User:AndyMabbett|Andy Mabbett]]

=== hCalendar Successes===

*Details of hCalendar should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCalendar page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-27. [[User:AndyMabbett|Andy Mabbett]]

===Geo Successes===
*Wikitravel
**All articles on places, e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England]
**See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]
** '''Success''' achieved 2006-12-13, per [http://wikitravel.org/shared/Tech:Add_SpecialMap_using_Mapstraction_link_for_geo-tagged_pages_and_for_single_listings] see, for example, [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England] [[User:AndyMabbett|Andy Mabbett]]

== Comparisons With Alternative Approaches ==

=== CalDAV ===

====Brian Suda====
The other great thing about exposing your data as microformats, is that the data becomes Open Data. Will the general public have access to the CalDAV? (probably not) and even if they did, it will probably only serve-up .ics files... what if i don't want ICS? i need to then hack that around to get it into the format that i want... if the data were in the HTML to begin with, then i could EASILY convert that to any format i wanted. Also, sites like http://pingerati.net/ will happily take in hCalendar data and aggregate it, make your data more valuable and easily slurped up by other providers - i don't see that happening as easily with a CalDAV.

====Kevin Marks====
With respect to CalDAV: I spoke to the CalDAV chaps at Apple about this, they have hCalendar support as a ticket in their db:
http://trac.macosforge.org/projects/calendarserver/ticket/19

== See Also ==
* [[buttons]]
* [[podcasts]]
* [[presentations]]
* [[press]]
* [[spread-microformats]]

User:SteveIvy

2007-01-08T20:10:24Z

SteveIvy: /* Steve Ivy */ wonder "aloud" how to hack mediawiki

=== Steve Ivy ===

Web designer and css/xhtml/javascript hacker.

Find my ramblings at http://redmonk.net

My most recent microformats-related project is [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack]

My hcard is on [http://redmonk.net/about-this-site/ this page]. I can't seem to figure out what would be involved in hacking mediawiki to modify what gets output for things like [ User:Username ] links.

User:SteveIvy

2007-01-08T19:56:28Z

SteveIvy: /* Steve Ivy */ add link to hcard

hcard-examples-in-wild

2007-01-08T15:17:29Z

SteveIvy: /* New Examples */ Add Steve Ivy's about page, use wiki-formatting for first h1

=hCard Examples in the wild=

This page is an '''informative''' section of the [[hcard|hCard specification]].

The following sites have published [[hcard|hCards]], and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc.

If people or organizations on your site are marked up with hCard (even just your own contact information), feel free to add it to the top of this list. Please be sure to include at least one URL to a page on your site that includes actual [[hcard|hCard]] markup. Examples added without a URL to a page with hCard markup may be removed.

Want to get started with writing an [[hcard|hCard]]? Use the [http://microformats.org/code/hcard/creator hCard creator] to write up some contact information and publish it, or follow the [[hcard-authoring|hCard authoring tips]] to add hCard markup to your current contact page.

==New Examples==

Please add new examples to the '''top''' of this section.

* [[User:Steve Ivy|Steve Ivy]]'s [http://redmonk.net/about-this-site/ about page] has his hcard, including a link to Technorati's contacts feed to let visitors download his contact information.
* Scott Allan Wallick's hCard is [[User:ScottWallick|his user page]] and on his blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* [[User:Bob_Jonkman|Bob Jonkman's hCard]] '''on this 'wiki''''
* [http://www.last.fm Last FM] has hCards hidden on their profile pages e.g. [http://www.last.fm/user/Crok/?scrobbling=t1].
* [http://thetenwordreview.com The Ten Word Review] simply contains ten word long reviews. All reviews are marked up as [[hreview|hReviews]], and user information is marked up as hCards.
* The [http://www.westmidlandbirdclub.com/ West Midland Bird Club] in the English Midlands uses hCard on its [http://www.westmidlandbirdclub.com/ home page], [http://www.westmidlandbirdclub.com/diary/ events diary], [http://www.westmidlandbirdclub.com/club/contact.htm contact pages], [http://www.westmidlandbirdclub.com/site/links.htm links page], [http://www.westmidlandbirdclub.com/club/older.htm list of the world's oldest bird clubs] and in a page footer which is gradually being rolled out across the whole site.
*OffshoreAgile.com, a subsite of Starsoft Development Labs, uses hCard in the [http://www.offshoreagile.com/company/contact/ Starsoft Contacts] and Media Inquiries sections
*T-Mobile uses hCard for the [http://t-mobilepressoffice.co.uk/press/contact-details/ T-Mobile UK Press Contact Details page], as well as for some of the latest press releases
* Psychology Press and Routledge's Behavioral Sciences' publishing division have implemented hCard on their contact pages on 17 of their websites (example on the contact page on their [http://www.clinicalpsychologyarena.com/contact/ Clinical Psychology Arena])
*[http://72ppi.us 72ppi], uses hCard in the footer.
*[http://www.csarven.ca Sarven Capadisli] uses hCard throughout the site (including user comments in articles).
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] uses hCard for business locations and hCalendar for business hours.
* [http://www.iqair.us/ IQAir North America], uses hCard for contact information.
* [http://www.infoiasi.ro/ The website of the Faculty of Computer Science], "A. I. Cuza" University Iaşi, Romania uses hCard for each staff member.
* [http://www.finds.org.uk/ The Portable Antiquities Scheme at the British Museum] hCards added to footer of every page and to contacts section. Working on adding more and getting it right.
* In [http://www.ideasfornet.com/ IdeasForNet.com - the ideas repository] hCards were implemented partially in the footer of each page, and more comprehensively in the contact and about pages.
* The [http://www.cst.ed.ac.uk/ Centre of Canadian Studies] at the University of Edinburgh use hCards for contact information in the footer of their site.
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] at the University of Edinburgh use hCards for contact information on their home page
* [http://www.carolinemockett.com/design/about.aspx Caroline Mockett] has an hCard on her About Me page
* [http://wait-till-i.com Christian Heilmann] has a footer address using hCard
*[http://www.audience-response-rentals.com/ Audience Response System Rentals] uses hcard as a popup in the site accessibility area (lower right) for easy copy and paste of address by customers.
* [http://www.fischsolutions.com/ Fisch Internet Solutions] uses an embedded hCard and a vCard download to provide customers an easy way to contact them on their [http://fischsolutions.com/contactus.html Contact Us] section of the website.
* [http://www.micatholicconference.org/ Michigan Catholic Conference] uses hCard for contact information in the sidebar.
* [http://www.adambunn.co.uk/ Adam Bunn] provides contact details in the sidebar using hCard.
* [http://www.belkin.com/pressroom/releases/uploads/10_10_06NotebookExpansionDock.html Belkin Press Releases] are using hCards for PR contacts and corporate offices.
* [http://mybank.com myBank.com] uses hCard for its listings of every branch of every FDIC-insured bank in the United States.
* [http://leftlogic.com Left Logic] uses hCard for embedded contact information.
* [http://inga-art.co.uk/artist Inga Scholes] uses hCard for contact information in the sidebar.
* [http://www.lussumo.com/ Lussumo] uses hCards on user profile pages in its open-source [http://www.getvanilla.com/ Vanilla] Discussions Forum software.
* [http://www.creative-ways.nl/ Ron Kok] uses hCards to mark-up the names and URLs of commentors on his blog. He also uses hCards in combination with XFN in his blogposts to refer to friends, and has an hCard for himself on every page on his blog.
* [http://tagg.no Tagg Media] uses hCard for [http://heine.tagg.no/contact.php contact information] and provide link to vCard download in the contact section.
* The article about the fictitious Matrix character [http://en.wikipedia.org/wiki/Neo_%28The_Matrix%29 Thomas A Anderson in Wikipedia] is now marked up with hCard.
* [http://dconstruct06.madgex.com/ d.Construct 2006 Backnetwork] uses hCards for conference delegates (and provides the markup so that delegates can copy and paste cards into their own sites).
* [http://www.brown.edu Brown University] now uses hCard on the front page
* [http://www.wideblueyonderweb.co.uk Dunks at Wide Blue Yonder Web Design] has added hCard markup on his [http://www.wideblueyonderweb.co.uk/wbyw/pages/contact.htm contact page] and is looking to implement it on all past & future contact pages for clients.
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] now has hCard markup with a vCard download link on every page.
* [http://barefoot-ceramics.com Barefoot Ceramics paint your own pottery studio] (in Newport, South Wales) has added hCard markup to its [http://barefoot-ceramics.com/find#address "Find"] page and other address instances. They hopes to implement hCalendar event lists as soon as an ics to hCalendar PHP class can be found or written.
* IBM is embracing microformats. The [http://www.ibm.com/contact/employees/ IBM Employee Directory] now returns hCards in its query results. Also see the [http://www.ibm.com/shortcuts/ Shortcuts Podcast].
* [http://dsingleton.co.uk/ David Singleton] has added a hCard to his blog.
* [http://krisswatt.co.uk/ Kriss Watt] has hidden an hCard his blog footer.
* [http://www.thestreet.org.au The Street Theatre (Canberra, Australia)] has added hCard markup to its [http://www.thestreet.org.au/contact.htm Contact Us] page. hCalendar markup will soon be added for all of our performances.
* [http://www.informatik.uni-hamburg.de/SVS/personnel/henrich/index.php Henrich C. Pöhls] has marked up his about page using hcard, including his PGP-Key that is stored in an abbr title, using class=key.
* [http://www.yalf.de Yalf Webentwicklung] has [http://www.yalf.de/kontakt contact information] available as hCard (and vCard).
* [http://www.zeldman.com/about/ Jeffrey Zeldman]. Jeffrey Zeldman has marked up his about page using hcard.
* [http://WhereAreYouCamping.com Where Are You Camping]. hCards for all members and camps, employing the include pattern as well. AFAIK this is the first Burning Man related microformats implementation, not to mention addresses in Black Rock City.
* [http://www.clacksweb.org.uk Clackmannanshire Council ]. hCard is implemented for all contact details across the site, and for specific individuals such as elected members (Councillors).
* [http://www.webdirections.org Web Directions]. hCard is used as contact information for the conference, while speakers are marked up with hCard.
* [http://www.markthisdate.com/contactform.html MarkThisDate.com]. An hCard is implemented on our contact form. For our calendars hCalendars will follow as soon as possible.
* [http://www.msiinet.com/contact/ MSI Systems Integrators] has its "Contact MSI" page encoded with hCards.
* [http://www.coolblue.nl/ Corporate website of Coolblue BV]. hCards were implemented in both the footer of each page, and in the "News" section for press contact information.
* [http://www.besancon.fr/index.php?p=32 Official site of Besançon (France)] uses hCard for each page concerning the small towns surrounding Besançon.
* [http://2006.dconstruct.org/speakers/ d.Construct 2006 conference speakers list] is implemented using hCards.
* [http://local.yahoo.com Yahoo Local] now supports hCards for business and places in the search results
* [http://learningtheworld.eu/imprint/ Learning the World] has hcard information on the imprint, alas we didn't succeed to mark-up the work phone and fax numbers properly.
* The [http://www.fuckparade.org F’parade] website uses hcard, though I didn't find a type to distinguish mobile and landline phone numbers.
**Use <code>cell</code> for mobiles.
* [http://www.miranet.nl/contact.htm Miranet Webdesign] have added a hcard to their [http://www.miranet.nl/contact.htm 'contact' page]
* [http://weblog.200ok.com.au/ Ben Buchanan] has added a vCard to the [http://weblog.200ok.com.au/about/ 'About' page on The 200ok Weblog]
* [http://www.radiantcore.com Radiant Core] has their contact information [http://www.radiantcore.com/contact/ available in hCard].
* [http://www.mikerumble.co.uk/ Mike Rumble] has [http://www.mikerumble.co.uk/contact.html uploaded his hCard].
* [http://www.saumag.edu/ Southern Arkansas University] has its contact footer encoded as hCard
* [http://main.uab.edu/ University of Alabama at Birmingham] has its contact footer encoded as hCard
* [http://www.capital.edu Capital University] has contact footer and bloggers' names encoded as hCard. Also, all page-specific contact information is encoded as hCards (see [http://www.capital.edu/Internet/Default.aspx?pid=67 Admissions] page for an example)
* [http://main.uab.edu/shrp/ UAB School of Health Professions] uses hCard in its contact footer
* [http://green.carisenda.com/ Stephen Stewart] has his hCard on the front page of his weblog ('You are here' section)
* [http://www.fberriman.com/ Frances Berriman] has a hidden vCard in the footers of her website.
* [http://www.candlescience.com/ CandleScience Candle Supply] added a hidden hcard sitewide.
* [http://www.direction.es/ Direction] uses hCard for contact information.
* [http://audiobank.tryphon.org AudioBank] uses hCard to display member informations.
* [http://www.vivabit.com/atmedia2006/speakers/ @media speakers] are marked up with hCard (photos depend on BASE tag support which makes this a good test case)
* [http://www.dougransom.com Doug Ransom] uses hCard for his financial advisory practice.
* [http://rubyandrails.org/usergroups/newcastle/members.html ncl.rb] uses hCard for contact information.
* [http://www.snowinteractive.com/ Snow Interactive] uses hCard for contact information.
* [http://flickr.com Flickr] now supports [[hcard|hCard]] and [http://gmpg.org/xfn XFN] on profile pages. See [http://flickr.com/photos/factoryjoe/113866484/ screenshot of Flickr UI in Flock browser using Flocktails extension - March 17th 2006].
* [http://www.ndiyo.org/contact Contact information for the Ndiyo project]
* [http://www.pixelenvy.co.uk/ Pixel Envy] uses hCard for contact information on every page
* [http://stilbuero.de/contact/ Klaus Hartl] uses hCard in the sidebar for contact information (maybe easier to parse through delivering xhtml as xml).
* [http://charlvn.virafrikaans.com/contact Charl van Niekerk's hCard]
* [http://billy-girlardo.com/WP/ BillyBLOGirlardo] uses hCard for contact information.
* [http://www.hicksdesign.co.uk/ Hicksdesign] uses hCard for contact information.
* http://www.gr0w.com/articles/press/growsearch_launched_press_release/ - hCard in a press release for the press contact info
* http://www.redmonk.com/cote/archives/2006/03/testing_out_mic.html - hCard with explanation
* [http://andy.ciordia.info/ it's my island], personal blog, hcard on the ''[http://andy.ciordia.info/pages/about_me About the Writer]'' page. [[User:Ciordia9|Andy Ciordia]]
* [http://www.windowonwoking.org.uk/ Window on Woking], a local community site in the UK, uses hCard in the homepage of each member organisation and local Councillor.
* [http://ChunkySoup.net/ ChunkySoup.net] has redesigned using hAtom 0.1 and hCards on the entire site -- by [[User:ChrisCasciano|Chris Casciano]]
* [http://www.30boxes.com/ 30 Boxes],a social calendar application and digital lifestyle aggregator, automatically creates an hcard for you with your account. It is found under Settings > Syndication.
* [http://www.nearwhere.com/ Nearwhere.com] allow you to put an hcard on an interactive map.
* [http://www.brentozar.com/ Brent Ozar] added a [http://www.brentozar.com/contact.php contact] page hCard.
* [http://www.kerihenare.com/ Keri Henare] has rewritten his [http://www.kerihenare.com/contact/ contact] page hCard. Now using <code><object></code> instead of <code><img></code> for photo. (Thanks Brian Suda for updating the vCard converter)
* [http://michaelraichelson.com/contact/ Michael Raichelson] had an hCard on his contact page before SXSW, but never thought to add it here until Tantek requested it.
* [http://www.commoner.com/~lsimon/lindsey_simon_hcard.html Lindsey Simon] has added an hCard to his website as per Tantek's SXSW request for folks to try it
* [http://www.davidgagne.net/ David Gagne] has an hCard in his sidebar.
* [http://www.churchzip.com/map/ Churchzip.com/map] and [http://www.skiwhere.com/map/ Skiwhere.com/map], provide churches, hotels, and ski resorts on the same maps. Locations are formatted as hCards.
* All [http://www.iqdir.com/ IQ Directory Solutions] Yellow Pages web portals use [[hcard|hCard]] markup on listings. For example [http://www.yellowpages-cambodia.com/ Cambodia Yellow Pages] and [http://www.superpages.com.my/ Malaysia Super Pages]
* Ning's cloneable Group app uses fuzzy matching to map custom fields to [[hcard|hCard]] markup on its [http://group.ning.com/index.php?controller=person&action=view&content=JonathanAquino profile] pages.
* [http://claimid.com/factoryjoe Chris Messina' ClaimID hCard]
* [http://factoryjoe.com/blog/hcard Chris Messina' hCard]
* [http://flock.com/about Flock About]
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] has [[hcard|hCard]] and [[hcalendar|hCalendar]] markup. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original here]).
* [http://www.gr0w.com/articles/press/growsearch_launched_press_release/ GrowSearch Launched (Press Release)] uses an hCard to provide Press Contact Point.
* The [http://www.arborday.org/ National Arbor Day Foundation] has started using hCards for their [http://arborday.org/programs/conferences/communityforestry/index.cfm upcoming] [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conferences].
* [http://www.multipack.co.uk The Multipack] has numerous hCards, especially on the [http://www.multipack.co.uk/members/ members page], as well as the next meeting information.
* [http://deadringrancor.livejournal.com/ Justin McDowell] used an hCard when [http://deadringrancor.livejournal.com/221332.html referring to a person in his blog post]
* [http://davecardwell.co.uk/cv/ Dave Cardwell] has included his hCard in his Curriculum Vitae.
* [http://blog.usweb.com/ Shaun Shull] has written a great post on [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], and has included his [[hcard|hCard]] as one of the examples.
* [http://www.thefutureoftheweb.com/ Jesse Skinner] has written a simple [http://www.thefutureoftheweb.com/blog/2006/1/hcard tutorial with examples]
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] has marked up the venue, contacts, and program committee members all with hCard.
* [http://www.avf-nexus.co.uk AVF-Nexus] have a hCard on their [http://www.avf-nexus.co.uk/contact/ contact page] - (by [http://creation.uk.com Creation"])
* [http://www.thefantasticos.com/andrew/ Andrew White] posted [http://www.thefantasticos.com/andrew/index.php/my-hcard/ his hCard] and [http://www.thefantasticos.com/andrew/index.php/62/microformats-the-should-have-been-obvious-web-dev-tool/ blogged about it].
* [http://www.2sheds.ru Oleg "2sheds" Kourapov] in his [http://www.2sheds.ru/blog/ blog] ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog X2V]) has turned personal profile into hCard ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/hcard.html X2V]) and his blogroll - into combination XFN/hCards ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/friends.html X2V])
* [http://www.approveddesign.co.uk Approved Design Consultancy] have a hCard on their [http://www.approveddesign.co.uk/about/contact/ contact page] as well as on their [http://www.approveddesign.co.uk/about/people/ people section] - (by [http://creation.uk.com Creation"])
* [http://weblog.200ok.com.au/ Ben Buchanan] and [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin Morris] have [http://weblog.200ok.com.au/2006/01/griffith-phonebook-adds-hcard-and.html implemented hCards and vCards] for the [http://www.griffith.edu.au Griffith University] [http://www.griffith.edu.au/find/content_phonebook.html online phone book]. Eg. [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=ben+buchanan&format=search Ben's vCard] and [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin's vCard]
* WWF-Australia [http://wwf.org.au/about/contactdetails/ contact details page]
* [http://rasterweb.net/raster/ Pete Prodoehl] used the hCard format on his [http://rasterweb.net/raster/contact.html Contact page] and his [http://rasterweb.net/portfolio/ Portfolio]
* [http://alexander-mette.de amette] uses the hCard format in a module of his TikiWiki powered blog
* [http://staff.washington.edu/oren/weblog2/ Oren Sreebny] has an hcard on his blog main index template
* [http://www.cs.brandeis.edu/~zippy/ Patrick Tufts] has an hCard on his homepage.
* [http://ascii20.blogspot.com/ Mathias Kolehmainen and Jamie Taylor] have hCards on their weblog.
* [http://www.hoppsan.org/jamesb/blogger/ Barnaby James] has a hCard on his weblog.
* [http://esa-education.com/schools/map ESA Education] Uses hCards for their 100+ schools and each of the individual school sites.
* [http://www.thereisnocat.com/#vcard Ralph Brandi] has added an hCard to the sidebar of his weblog as a result of Tantek Çelik's portion of the Microformats presentation at SXSW 2006.
* [http://www.pierce.ctc.edu/ephone/ Pierce College] -- community college directory uses hCard on all individual directory entries.
* [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ the Institutional Web Management Workshop 2006] have marked up all their [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/committee/ speakers with hCard].
* http://wikitravel.org/en/Singapore/Sentosa. Wikitravel is experimenting with hcard on its travel guides. This guide uses hcard for all its business listings. More info on http://wikitravel.org/en/Wikitravel_talk:Listings.
* [http://www.musik-erber.de/ Musik-Erber] uses to present contact information at the sidebar
* [http://cdevroe.com/about/#contact Colin D. Devroe] uses hCard to display his contact information on his about page
* The ECS (Scool of Electronics and Computer Science at the University of Southampton) [http://www.ecs.soton.ac.uk/people People Pages] use vCard. Contact cjg@ecs.soton.ac.uk if there's any bugs.
* [http://www.southwestern.edu/~ramseyp Pat Ramsey] has his contact information on his blog marked up with hCard. Contact [mailto:ramsey.pat@gmail.com ramsey.pat@gmail.com] if there are any bugs there.
* [http://www.meryl.net/ Meryl K. Evans] has a hidden hCard on her homepage.
* [http://www.vyre.com/company/contact-us/ VYRE] is a CMS development company with a "contact us" hCard
* [http://www.lefdal.cc/info.php Alf Kåre Lefdal] uses hCard in the markup of his contact information
* [http://www.pignwhistle.com.au/ Pig N Whistle, a chain of pubs in Brisbane, Australia] is using hcard to mark up all the contact pages for its outlets and head office
* [http://kollitsch.de/ Patrick Kollitsch] has built his personal Profil as hCard
* [http://www.hbs.edu/faculty/dspar/ Harvard Business School] has hCards on their faculty pages
* [http://openmikes.org/ openmikes.org] uses hCards for open mike venue addresses in its listing detail pages.
* [http://www.intertecnollc.com/ InterTecno, LCC] publishes an hCard on the home page and contact page.
* [http://canaltcm.com/ver/sobre-tcm Turner Classic Movies TCM Spanish website] has published contact details as a hCard
* [http://rejuvenation.com/ Rejuvenation] is now using hCard for contact information.
* [http://www.mattash.com/contact/ Matthew Ash] uses the hCard in his contacts section.
* [http://yarmouthguide.com/business.php Yarmouth Guide] uses hCard for each business details page.
* [http://www.merchantcircle.com MerchantCircle] has embedded an hCard in every one of their 15+ million US business listings.

== Examples ==
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] uses hCard on their front page along with a link pointing to Brian Suda's [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V].
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] has published an hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] hasn't published his hCard yet, but he has [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html published his hCard icon]: http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] uses hCards to mark-up the names and URLs of commentors on his blog, e.g. his [http://thedredge.org/2005/06/using-hcards-in-your-blog/ blog post on "Using hCards in your blog"].
* [http://www.bidclix.com/ BidClix]'s [http://www.bidclix.com/AboutContact.html Contact BidClix] page has it's ''contact info'' marked up with an hCard.
* [http://suda.co.uk/ Brian Suda] has managed to embed a photo in [http://suda.co.uk/contact/ his hCard] through the [http://www.ietf.org/rfc/rfc2397.txt data URI scheme] by converting the image to BASE64 code. View the Source to see how this is accomplished. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ The X2V link] will extract the image and encode it for a vCard which will be displayed in some address book applications.
** Inspired by this I thought to try the same for SVG at [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Does it work?? Well it parses OK. Some automated tools replace the < with %3C (etc., e.g. Brian Suda's vCard form). Unfortunately Kontact (KDE contacts tool) doesn't handle SVG as a vCard photo or logo format - I don't know if this is a standard. It seems it could work and maybe even does somewhere. Maybe the text field needs to be Base64 encoded? ... see [http://slashdot.org/~pbhj/journal/142382 pbhj's slashdot journal] for a bit more on this.
* [http://cinematreasures.org Cinema Treasures] uses hCard to markup venue information for 10,000+ movie theaters.
* [http://www.w3.org/People/Connolly/events/ Dan Connolly's index of events and talks] has hCards for many of the people he has met at those events. In Mar 2006, he moved a bunch of hotel contact info from his PDA to this page; it's now up to 32 hCards.
* [http://doncrowley.blogspot.com/ Don Crowley] has published [http://www.crowley.nl/hcard.html his hCard] as well as a nifty hCard button: http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] added all types of contact information
* [http://eventful.com Eventful] publishes all of its venue information pages with embedded hCards.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ marked up by Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] has [http://jack.randomata.com/resume/ converted the addresses in his resume to hCards].
* [http://www.efas.fupl.asso.fr/efas/_Mathieu-Drouet_.html Mathieu Drouet] and [http://www.efas.fupl.asso.fr/efas/_Annie-Leger_.html Annie Leger] both have hCards
* [http://www.oliverbrown.me.uk/ Oliver Brown] has published his hCard.
* [http://www.paradigmproductions.org/contact/ Paradigm Productions] published a vCard as a <code>ul</code> (marked up by [http://www.linkingarts.com/ Peter Jacobson])
* [http://www.splintered.co.uk/ Patrick H. Lauke] has marked up [http://www.splintered.co.uk/about/ his contact info with hCard].
* [http://blah Paul Schreiber has published his hCard on [http://paulschreiber.com/about/?contact his about page].
* [http://paulschreiber.com/blog/ Paul Schreiber]'s [http://concerts.shrub.ca/ Sunnyvale House Concerts] site publishes hCards for upcoming artists, as well as an hCard for the page itself. In addition the [http://concerts.shrub.ca/shows Past Shows] page contains hCards for all past artists.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] has created an hCard page which is Human Readable, and a link to X2V passing the same hCard page to generate a vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley has published] [http://phil.windley.org/hcard.html his hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] has published an hCard.
* [http://zooibaai.nl/ Rob Mientjes] has published his hCard on [http://zooibaai.nl/about/ his about page].
* [http://rbach.priv.at/Contact Robert Bachmann] has published his hCard and [http://rbach.priv.at/Images/hcard a button].
* [http://blah Scott Reynen has published his hCard on [http://www.randomchaos.com/document.php?source=scott_reynen his profile page].
* [http://www.stackframe.com/ StackFrame, LLC] has published [http://www.stackframe.com/people/ employee] and [http://www.stackframe.com/contact/ general] contact information as hCards.
* [http://www.wolfsreign.com Steven Ametjan] has published his hCard on [http://www.wolfsreign.com/about/ his about page].
* [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - Speaker List] as a set of hCards
* [http://tagcamp.org/index.cgi?ContactList TagCamp contact list]
* [http://tantek.com/ Tantek's Thoughts] includes an inline author hCard at the bottom of the page.
* [http://technorati.com/ Technorati]'s [http://www.technorati.com/about/ About page] lists their '''Media Contact'''
* [http://www.deadringerart.com/ The Brothers McDowell] have hCards at their Contact page.
* [http://twinsparc.com/ Twinsparc] put an hCard in the header and footer of all their pages.
* [http://tantek.com/microformats/2005/web2/speakers.html Web 2.0 Conference speakers page marked up with hCard]
* [http://we05.com/ Web Essentials 05] marked up all their [http://we05.com/presenters.cfm presenters with hCard].
* [http://www.uoguelph.ca/directory/ The University of Guelph] includes hCard info in its directory.
* [http://www.child-care-index.net.au/ The Australian Child Care Index] has over 3000 entries listing child care services across Australia - and every single one is marked up with an hCard!
* [http://www.cadforless.com/partners/ CADforless, Inc.] we listed our partners using hCard
* [http://avon.com/ Avon] - publishes all 40,000+ Avon representatives' contact info with hCard.
* [http://flock.com/about Flock About] page supports hCard microformat.
** by [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* [http://www.nature.com/ Nature homepage], uses [[XOXO]].
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supports hCard and [[hcalendar|hCalendar]].
* The [http://technorati.com/about/ Technorati About page] has contact information marked up with hCard. By [[implementations#Technorati|Technorati]]
* The [http://technorati.com/press/ Technorati Press page] also has an hCard. By [[implementations#Technorati|Technorati]]
* The [http://technorati.com/about/staff.html Technorati Staff page] has many hCard. By [[implementations#Technorati|Technorati]]
* [http://www.bath.ac.uk/ University of Bath] [http://www.bath.ac.uk/contact/ Person Finder] supports hCard, e.g. see [http://www.bath.ac.uk/person/760874 Mrs A Smith] page.
* [http://www.monster-prague.cz/ Monster Prague Openings] supports hCard, e.g. home page, contact list to come.

===UTF8 Examples===

These examples all contain one or more characters in UTF8 that are outside the ASCII7 range and make for excellent test cases to make sure you are handling UTF8 properly throughout your hCard parsing and transforming. And especially if you are generating vCards, these test cases will help you make sure you are generating UTF8 vCards in such a way that can be recognized by UTF8 supporting vCard applications.
* [http://tantek.com/ Tantek's Thoughts] encodes Çelik as inline UTF8.

==Examples with some problems==

Entries may be moved here if there's a problem with the way hCards are used on the page concerned. If the page is yours, and you want to improve it, see the [[hcard-faq|hCard FAQ]], or raise any queries on [[hcard-issues|hCard Issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.

* [http://www.naturalengland.org.uk/press/default.htm Natural England] (new UK government agency, formed 2006-10-01).
** No "fn" - which makes it invalid.
* [http://www.matthewwest.co.uk Matthew West] has an hCard on his [http://www.matthewwest.co.uk/email contact] page.
**Flat- and building- number run on.
*[http://wizardishungry.com/blog/ wizardishungry/blog] has the author's hCard in the footer of every page with a link to X2V.
** Address data is hidden using CSS.
*[http://drop-off.co.uk G3:2] uses hCard with geo tags in the copyright and on the about me page
** Address data is hidden using CSS.
* [http://zdnet.co.uk/misc/contact/ ZDnet Contact Us Page] supports [[hcard|hCard]].
** by [http://www.subtleasafish.com/ James Myers] and [http://www.fromthefrontend.co.uk/2006/11/23/zdnet-uses-microformats/ David Long]
**Images and e-mail addresses are hidden; telephone numbers do not comply with [http://en.wikipedia.org/wiki/E.123 E.123]
* [http://gbraad.nl/ Gerard Braad] has published an example on his [http://gbraad.nl/site/?p=profile profile] page that is almost consistent with his original [http://gbraad.nl/files/gbraad.vcf vCard] file. Also progress is made for transforming his [http://files.gbraad.nl/foaf.rdf FoaF] file to a hCard encoded representation (also done for my spouse:[http://spouse.gbraad.nl/site/?p=profile Yong Yuan])
** (2005-09-27) PASSED, PASSED
** WARNINGS
*** uses 'n given-name' and 'n family-name' instead of nesting the given- and family- names inside the 'n'
*** has one 'tel' value with a bunch of values stuffed in
*** probably more problems --[[User:RyanKing|RyanKing]] 17:19, 5 Jan 2006 (PST)
* [http://kinrowan.net/ Cori Schlegel] [http://kinrowan.net/blog/wp/archives/2005/07/08/a-problem-with-the-structured-blogging-plug-in-for-wordpress/ discusses how he has updated] [http://kinrowan.net/blog/contact his contact page with hCard]
** INVALID - using 'prefix' instead of 'honorific-prefix' and type's in classnames (in both adr and tel) and has two photo's (the second could be 'logo') --[[User:RyanKing|RyanKing]] 15:15, 5 Jan 2006 (PST)
* The good ship [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] spotted in the North Atlantic
** INVALID --[[User:RyanKing|RyanKing]] 00:50, 27 Oct 2005 (PDT)
*** class="family" should probably be family-name
*** the "n" property is missing and the "n" optimization can't be applied
*** the first geo propery is empty, the second one is invalid (i.e., it doesn't contain lat/long)
* [http://landsbank.fo/#hCard Landsbanki Føroya]
** INVALID - using embedded RDF/XML invalidly
* [http://chrischerry.name/ Chris Cherry's contact page with his hCard]
** <strike>WARNING - uses class="cell" instead of cell</strike> Fixed -- [[User:Seriph|Chris Cherry]] 19:54, 15 Sep 2006 (PST)
* [http://www.bath.ac.uk/contact/ University of Bath] Person Finder results are encoded with hCards so you can easily create a vCard from any result.
** ERROR - attempt to use Implied-N optimization where that's not possible. --[[User:RyanKing|RyanKing]] 14:29, 5 Jan 2006 (PST)
** Error appears for external users only. Won't be fixed any time soon. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT)
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] has put up his attempt
** INVALID, missing "fn"--[[User:RyanKing|RyanKing]] 12:47, 5 Jan 2006 (PST)
* [http://www.yellowpencil.com/contact/ Yellow Pencil] Using microformats to present company contact information
** First hcard has empty "fn" and no "n". "fn" should be with "org" -- [[User: ScottReynen |ScottReynen]] 21:29, 19 Jun 2006 (CST)

== Related Pages ==
{{hcard-related-pages}}

voting-examples

2007-01-05T19:43:23Z

SteveIvy: add related pages

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Tantek Çelik
* Steve Ivy

== Related Pages ==
* [[voting-brainstorming]]

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page. Comments on links can also be voted for or against - 'digg' or 'bury'.
** Link and descriptions
** # of votes ('for' votes)
** controls to vote ('digg')
** controls to vote on comments ('digg' or 'bury')

* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
** Term and Definition
** # of votes 'up' and 'down'
** controls to vote ('up' or 'down')

* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)
* [http://del.icio.us del.icio.us], [http://ma.gnolia.com/ ma.gnolia], [http://technorati.com/ Technorati favorites] - bookmarking sites that more or less represent a "for" vote

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

== See Also ==
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]
* [http://dbpubs.stanford.edu:8090/pub/1999-66 Stanford paper describing an early version of PageRank]

voting-brainstorming

2007-01-05T19:41:05Z

SteveIvy: Created; is voting a kind of review?

= Voting Brainstorming=

''As long as we're starting to [[voting-examples|explore voting again]], here's a question: is voting simply a mini-review? Could it be represented as some micro-form of hreview? -- [[User:SteveIvy|SteveIvy]]

voting-examples

2007-01-05T19:05:21Z

SteveIvy: /* Centralized Implementations */ Add fields for digg, urbandictionary

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Tantek Çelik
* Steve Ivy

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page. Comments on links can also be voted for or against - 'digg' or 'bury'.
** Link and descriptions
** # of votes ('for' votes)
** controls to vote ('digg')
** controls to vote on comments ('digg' or 'bury')

* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
** Term and Definition
** # of votes 'up' and 'down'
** controls to vote ('up' or 'down')

* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)
* [http://del.icio.us del.icio.us], [http://ma.gnolia.com/ ma.gnolia], [http://technorati.com/ Technorati favorites] - bookmarking sites that more or less represent a "for" vote

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]
* [http://dbpubs.stanford.edu:8090/pub/1999-66 Stanford paper describing an early version of PageRank]

advocacy

2007-01-05T17:04:33Z

SteveIvy: /* hCard */

<h1>Advocacy</h1>

A lot can be done to help advocate the use of microformats. Often, simply by taking an existing site, and adding the suggested microformatting to a few of its pages as examples is all that is necessary to help the developers of the site add the microformats to the site itself. Applications, such as browsers, could also use some guidance on how to best support microformats.

Sometimes advocacy requires comparison and analysis of alternative technologies or approaches. As [[User:MikeSchinkel|Mike Schinkel]] pointed out, we need good answers to comments like "No, we're going to use XXX instead...".

The goal for this page is to include pointers for how to advocate microformats on new sites and on existing sites that are considering or using alternative approaches, as well as applications that can benefit from supporting microformats.

For general resources for marketing microformats, see [[spread-microformats]].

== Adding Microformats to Existing Sites ==

Add sites here that you think would benefit from the addition of microformats. For now they are grouped by the microformat which would primarily benefit the site (so that folks who feel they are good at adding a particular microformat. Feel free to take a look at some of the sites on this list, document sample pages to be microformatted, add microformats to them, and then add the before/after of the key sections of mark-up to another wiki page for that site.

=== hCard ===
Adding [[hcard|hCard]] to these sites would make them quite handy for their users and for being indexed:

==== Online Profiles ====
Nearly every website that has a login has a page representing the public profile of the user that other users can see and interact with. Many such sites already [[hcard-implementations|support hCard]] (e.g. ClaimID.com, Flickr.com, Technorati.com, Zooomr.com). Here are some that I think would benefit from the addition of hCard to their profile / user pages. Feel free to add more such sites that have a social network profile-like component and I'll see what I can do. [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Twitter.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Consumating.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Wikimedia - including this site, Wikipedia, Wikitravel, etc.
**It would be nice if <nowiki>[[User:YOURNAME]]</nowiki> links generated proper (mini)hCards. ([http://microformats.org/wiki?title=to-do&diff=12177&oldid=12173#Lazyweb per SteveIvy]; moved form 'to-do')

==== Online Venues ====
There are many sites that offer pages that represent organizations and venues that could benefit from being marked up with hCard. [http://local.yahoo.com/ Yahoo Local] venues are marked up with hCards for example. Here are some more sites that have venues that would benefit from hCard markup.
* [http://dodgeball.com/ Dodgeball] venues.
* Yelp.com

====Wikpedia hCard====
*Infobox Templates for people to add [[hcard|hCard]] to their generated markup
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_Biography&action=edit Infobox_Biography]
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_actor&action=edit Infobox_actor] which should result in actor pages, e.g. [http://en.wikipedia.org/wiki/Humphrey_Bogart Humphrey Bogart]'s page, being properly hCarded.
*Addressable buildings e.g. [http://en.wikipedia.org/wiki/The_Old_Crown%2C_Birmingham The Old Crown, Birmingham]
*Tourist attractions, e.g. [http://en.wikipedia.org/wiki/Cadbury_World Cadbury World]
*Companies, e.g. [http://en.wikipedia.org/wiki/Tesco Tesco] (note headquarters address in infobox)
*Motorway service stations, e.g. [http://en.wikipedia.org/wiki/Watford_Gap_service_station Watford Gap]
*Railway Stations, e.g. [http://en.wikipedia.org/wiki/Perry_Barr_railway_station Perry Barr]
*etc.

====Telephone Directory Listings====
Telephone Directory Listings could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 03:10, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://www.thephonebook.bt.com/ BT]
**Requested via [http://tinyurl.com/yhtdjy BT feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
**BT confirm that they will consider this at their next re-build. 2006-12 [[User:AndyMabbett|Andy Mabbett]]
*[http://118118.com 118118.com]
**Requested via e-mail, 2006-11-13. [[User:AndyMabbett|Andy Mabbett]]

====Postal (ZIP) code Finders====
Postal code Finders could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 12:09, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://pol.royalmail.com/dda/txt/pf.asp Royal Mail] (UK)
**Requested via [http://tinyurl.com/ya4hzu Royal Mail feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
**Acknowledged 2006-11-30. [[User:AndyMabbett|Andy Mabbett]]

====Government hCard====
=====UK Gov. hCard=====
* Parliament: [http://www.parliament.uk/directories/hciolists/alms.cfm Alphabetical List of Members of Parliament] (see also [http://www.parliament.uk/directories/directories.cfm other lists of MPs and Lords]). [[User:AndyMabbett|Andy Mabbett]]

=====Europe Gov. hCard=====
* e.g. [http://www.europarl.org.uk/uk_meps/westmidlands.asp UK MEPs]

==== Organization Contacts ====
Many companies and organizations have about or contact pages that could benefit from being marked up with hCard. [http://technorati.com/about/contact.html Technorati's contact page] for example is both marked up with hCard and has a convenient "Add to Address Book" hCard to vCard converter link. The following company sites could benefit from similar markup (and, until user agents support hCards natively, "Add to Address Book" links). [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
*Adobe
**[http://www.adobe.com/aboutadobe/offices.html Adobe offices]
***Requested using contact form, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*Google
**Contacts, e.g. [http://www.google.com/intl/en/contact/index.html Google USA], [http://www.google.co.uk/intl/en/contact/index.html Google UK], etc.
*[http://www.mozilla.com/ Mozilla]
**[http://www.mozilla.com/en-US/about/legal.html Mozilla legal notices]
*Opera
**People, e.g. [http://people.opera.com/howcome/ Håkon Wium Lie]; could also be hResume
*W3C
**[http://www.w3.org/Consortium/contact W3C contact]
**[http://www.w3.org/People/all W3C Staff listing] and individual pages, e.g. [http://www.w3.org/People/Berners-Lee/ Tim Berners-Lee]
***Requested by e-mail. [[User:AndyMabbett|Andy Mabbett]]

====Other hCard====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for people (real, not characters), e.g. [http://www.imdb.com/name/nm0000007/ Humphrey Bogart]. [[User:AndyMabbett|Andy Mabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]
*Wikitravel
**e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel - Birmingham]
***[http://microformats.org/wiki?title=User_talk:MarkJaroski&curid=2699&diff=0&oldid=10663&rcid=19955 Wikitravel is about to hugely roll out hCard] Mark Jaroski
***See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]

===hCalendar===

[[hcalendar|hCalendar]] could be used on these sites:

==== W3C track at WWW2006 ====
* DanC offers a 150 point bounty to anybody who takes [http://www.w3.org/2006/05/w3c-track the W3C track at WWW2006] and adds hCalendar markup and sends it to connolly@w3.org,www-archive@w3.org

====Television listings====
*A major coup would be to get one of the major players (the BBC, Sky, or PBS, say), to mark up their TV or radio listings with hCalendar - does anyone have contacts in such an organisation? [[User:AndyMabbett|Andy Mabbett]] 10:53, 21 Oct 2006 (PDT)
**Does anyone have URLs to the TV or radio listings of the major players? Getting those URLs would be the next step, and then doing the markup ourselves would be the next step after that. [[User:Tantek|Tantek]] 13:02, 21 Oct 2006 (PDT)

e.g. (please add other examples!):
*[http://www.radiotimes.com/ Radio Times] (BBC, UK)
** Requested by e-mail [[User:AndyMabbett|Andy Mabbett]]
*[http://www.tvtimes.co.uk/ TV Times] (UK)
** Requested by e-mail 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
*BBC main listings (e.g. [http://www.bbc.co.uk/bbcone/listings/index.shtml?service_id=4223 BBC One])
** Requested by [http://www.bbc.co.uk/feedback/bbci_comment.shtml BBC Feedback Form] 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Government hCalendar====
=====UK Gov. hCalendar=====
*[http://www.dti.gov.uk/employment/bank-public-holidays/index.html DTI: Bank Holidays] (not Scotland)
** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
***Response: "At the moment we have no plans to use hCalendar or hCard coding due to unresolved concerns about accessibility issues (especially text-to-speech readers), however, we thank you for your suggestion."
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:47, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)
*[http://www.scotland.gov.uk/Publications/2005/01/bankholidays Scottish Executive Bank Holidays]
** Requested by [http://www.scotland.gov.uk/About/HaveYourSay/WebsiteFdbck Scottish Executive feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Sports Fixtures====
e.g. (please add other examples!):
*PremiumTV (UK, Soccer, has a page for each team)
**[http://www.avfc.premiumtv.co.uk/page/Fixtures/ Aston Villa]
**[http://www.wba.premiumtv.co.uk/page/Fixtures/ West Bromwich Albion]
*** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
****"webmaster@" bounced. [[User:AndyMabbett|Andy Mabbett]]

====Concert/ Theatre Listings====
e.g. (please add other examples!):
*[http://www.birmingham-alive.com/ Birmingham Alive!] (UK)
**Requested in person; now on "to do" list

=== hReview ===
[[hreview|hReview]] could be used on these sites:

====Government hReview====
=====UK Gov. hReview=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:48, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:08, 4 Dec 2006 (PST)

====Other hReview====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for film reviews, e.g. [http://www.imdb.com/title/tt0049291/ The Harder They Fall ]. [[User:AndyMabbett|AndyMabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]

===hAtom===
[[hatom|hAtom]] could be used on these sites:

====Government hAtom====
=====UK Gov. hAtom=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:49, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)

====Other hAtom====
* TV Listings (see hCalendar, above)
*[http://www.mediawiki.org/wiki/MediaWiki *MediaWiki] (Wikipedia and other users, including this 'Wiki') - article histories
**[http://bugzilla.wikimedia.org/show_bug.cgi?id=7913 Bug 7913] raised 2006-11-13. '''[http://bugzilla.wikimedia.org/votes.cgi?action=show_user&bug_id=7913 vote to add hAtom to the change log of media wiki pages]''' [[User:AndyMabbett|Andy Mabbett]]
*[http://rbach.priv.at/Microformats-IRC/2006-11-13 IRC logs]
**E-mailed. [[User:AndyMabbett|Andy Mabbett]] 10:29, 5 Dec 2006 (PST)

=== Geo ===
Adding "[[geo|Geo]]" markup to these sites would make them even more useful:
*Wikipedia
**All articles on places, e.g. [http://en.wikipedia.org/wiki/Birmingham Wikipedia - Birmingham] (note co-ordinates already present in infobox)

===rel-tag===
====Google as rel-tag namespace====
A Google search for 'sparrow' resolves to http://www.google.com/search?&q=sparrow, if not the unwieldy http://www.google.com/search?hs=TUz&hl=en&lr=&client=firefox-a&rls=org.mozilla%3Aen-GB%3Aofficial&q=sparrow&btnG=Search - likewise http://www.google.com/search?&q=%22black+redstart%22 for ' "black redstart" '. If Google can be persuaded to also accept, say, '''<nowiki>http://www.google.com/search/sparrow</nowiki>''' and '''<nowiki>http://www.google.com/search/black_redstart</nowiki>''' as being equivalent (and assuming that the latter term searches for ' "black redstart" ', with the quote marks), then Google would become a namespace for rel-tag. [[User:AndyMabbett|Andy Mabbett]] 00:15, 29 Nov 2006 (PST)

There is a workaround:
*One word - http://www.google.com/search?q=/sun
*Multi-word - http://www.google.com/search?q=/rain_cloud (with an underscore)
[[User:AndyMabbett|Andy Mabbett]] 04:56, 30 Nov 2006 (PST)

===Various===
*eBay (.com and localised versions)
** '''hCard''' - Buyer and seller address details.
** '''hCalendar''' - Auction end date/times.
** '''hReview''' - Feedback.
** '''hAtom''' - Recent purchases/ won/ lost/ watching etc.
**Requested by feedback form, 2006-12-05. [[User:AndyMabbett|Andy Mabbett]]

====IT News sites====
There is obviously a great deal of publicity to be gained, by having uFs used on sites about IT developments, which are likely to be read by people in a position to have uFs used, and uF tools implemented, in their organisations. Please add to this list!
*[http://www.theregister.co.uk/ The Register] (UK)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*[http://www.ziffdavis.com/ Ziff-Davis] media sites, e.g:
**[http://www.microsoft-watch.com/ Microsoft Watch]
**[http://www.linux-watch.com/ Linux Watch]
**[http://www.extremetech.com/ Extreme Tech]
**[http://www.webbuyersguide.com/ Web Buyer's Guide]
**Requested at corporate level, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* [http://www.netmag.co.uk .Net magazine (UK)] (issue dated December 2006, has tutorial on microformats, by Rachel Andrew)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* ...

== Adding Microformats to Applications ==

User-agents (browsers, etc.) should support microformats natively. For instance, a user should not need to use a third party application or web service to add address details or events from a microformat-using web page to their address book or calendar programme.

===Browsers===

In addition to the following, third-party developers should be encouraged to make their relevant browser add-ons microforamt aware; or to create new add-ons with microformat capabilities.

====Firefox====
===== Firefox developments =====
*Mozilla are "brainstorming" developments for Firefox 3.0 and beyond, and have a page on microformat handling at http://wiki.mozilla.org/Firefox/Feature_Brainstorming:Microformat_Handling

=====ReminderFox=====
*The makers of the [http://reminderfox.mozdev.org/ ReminderFox] extension have put hCalendar support on their [http://reminderfox.mozdev.org/userrequests.html ReminderFox "to do" list].

=====LinkAlert=====
*The [http://conlan89.googlepages.com/linkalert LinkAlert] extension could signal when a link is marked as a tag (likewise for other "rel" attributes). [[User:AndyMabbett|Andy Mabbett]]
**Requested by e-mail 2006-12-29. [[User:AndyMabbett|Andy Mabbett]]

====Opera====
* First reference to "microformats" in the [http://my.opera.com/community/forums/topic.dml?id=169975&t=1166045417&page=1#comment1851680 Opera forums]. 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]
*[http://www.operamini.com/ Opera Mini] (and other browsers on telephones) could especially benefit from recognising the "tel" attributes of hCard, and allowing users to dial numbers found on-line.
**[http://my.opera.com/community/forums/topic.dml?id=169978 Proposed on forum] 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]

===Screenreaders===
*Screenreaders (e.g [http://www.freedomscientific.com/fs_products/software_jaws.asp Jaws]) could recognise telephone number components of hCards, to differentiate them from other strings of digits. [[User:AndyMabbett|Andy Mabbett]] 13:02, 9 Dec 2006 (PST)
** Additional to this, I believe that screen reader users would benefit from being able to recognise any of the microformats. For example, there is value in being verbally notified that a page contains "1 contact and 3 events", or being able to seek out rel attributes with help values. [[User:Phae|Frances Berriman]]

===Publishing Platforms===

====Blogger====
* Chris Messina is [http://factoryjoe.com/blog/2006/09/02/on-open-letter-to-blogger/ advocating more support in Blogger]

====Drupal====
*There's a Drupal group for discussing/advocating/implementing [http://groups.drupal.org/microformats-in-drupal microformats in Drupal]

====Plone====
*[http://plone.org/ Plone] is an Open Source Content Management System ([http://en.wikipedia.org/wiki/Plone_(content_management_system) Plone on Wikipedia]).
**See this [http://plone.org/events/sprints/past-sprints/calsprint/SprintTopics/?searchterm=microformats 2005 Plone user comment]

== Adding Microformats to Web Services ==
===ClearForest===
*[http://sws.clearforest.com/ ClearForest Semantic Web Services ] - uses natural language processing tools to recognise people, organisations, places, events and CVs (resumes) in web pages. Would benefit from recognising hCard, hResume, hCalendar, Geo, Adr, etc. Could also use them in its output. [[User:AndyMabbett|Andy Mabbett]] 05:09, 6 Dec 2006 (PST)

== Successes ==

=== hCard Successes ===

*Details of hCard should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCard page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-25. [[User:AndyMabbett|Andy Mabbett]]

=== hCalendar Successes===

*Details of hCalendar should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCalendar page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-27. [[User:AndyMabbett|Andy Mabbett]]

===Geo Successes===
*Wikitravel
**All articles on places, e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England]
**See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]
** '''Success''' achieved 2006-12-13, per [http://wikitravel.org/shared/Tech:Add_SpecialMap_using_Mapstraction_link_for_geo-tagged_pages_and_for_single_listings] see, for example, [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England] [[User:AndyMabbett|Andy Mabbett]]

== Comparisons With Alternative Approaches ==

=== CalDAV ===

====Brian Suda====
The other great thing about exposing your data as microformats, is that the data becomes Open Data. Will the general public have access to the CalDAV? (probably not) and even if they did, it will probably only serve-up .ics files... what if i don't want ICS? i need to then hack that around to get it into the format that i want... if the data were in the HTML to begin with, then i could EASILY convert that to any format i wanted. Also, sites like http://pingerati.net/ will happily take in hCalendar data and aggregate it, make your data more valuable and easily slurped up by other providers - i don't see that happening as easily with a CalDAV.

====Kevin Marks====
With respect to CalDAV: I spoke to the CalDAV chaps at Apple about this, they have hCalendar support as a ticket in their db:
http://trac.macosforge.org/projects/calendarserver/ticket/19

== See Also ==
* [[buttons]]
* [[podcasts]]
* [[presentations]]
* [[press]]
* [[spread-microformats]]

to-do

2007-01-05T16:19:30Z

SteveIvy: /* Lazyweb */ add hcard in MediaWiki request

<h1>To Do</h1>

This page is for posting [[microformats]] related shared to do items. If you want to use this page for your microformats related to-do items, create a section with your name on it. The reason we are keeping these all on the same page is to make it easier to tell when people are working on similar things, and to make it more obvious when people help out with other people's tasks. In theory this probably won't scale, but let's first see how it does in practice. :) - [http://tantek.com Tantek]

__TOC__

== Lazyweb ==

Just some nice things, feel free to do any of these.

=== for all microformats ===
* quick and easy "how to" pages for each microformat. [[use]] is a good overall start.
* brief summary statements for each microformat that explain why it matters, what does it accomplish for the publisher.
* write up [http://microformats.org/discuss/ mailing-list] questions and answers in the appropriate [[faq]] pages.
* validators. See the hReview section below as there has been a request for an hReview validator in particular. See [http://norman.walsh.name/2006/04/13/validatingMicroformats Norman Walsh's blog post "Validating microformats"] for some valuable analysis and validation pseudo-code (prose description), which are useful steps towards building microformat validators.
* Create a microformat (based on hCalendar?) for marking up the opening hours of stores and restaurants. Some people seem to believe hCalenders repeating event support isn't good enough for this and needs to be amended first.

=== hReview ===
* [[hreview|hReview]] support in Ecto (hey Adriaan!), requested by Andy Smith
* an [[hreview|hReview]] validator.
* a semantic, clean css star rating picker (e.g. a UI widget to rate from 1-5 stars)
** both [http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/ this] and [http://factorycity.net/demos/drupal/rating/default.html this] have some flaws. Ask [[User:RyanKing|Ryan King]] for an explanation.

=== hCard ===
* microformatted versions of conference pages
** Do a revision of the [http://conferences.oreillynet.com/etel2006/ ETel] [http://conferences.oreillynet.com/pub/w/44/speakers.html speaker's page] with all the speakers marked up with [[hcard|hCard]] and links to "Add hCards to Address Book" etc., similar to the [http://tantek.com/microformats/2005/web2/speakers.html Web 2.0 speakers page which Tantek did a revision of last fall].
* vcard to hcard converter
** would be nice to have a web upload UI that would take one or more vCards from apple's address book and give them back to you as hCards
** [[User:RobertBachmann | RobertBachmann]] suggests starting points:
*** For Ruby: http://vpim.rubyforge.org/
*** For C: http://freshmeat.net/projects/libvc/
*** For Python: http://www.nongnu.org/python-pdi/
*** For PHP: http://pear.php.net/package/Contact_Vcard_Parse/
* add export support for microformats to [http://www.turingart.com/abForWeb_lan__en.htm AB to Web]
* A mash-up with google maps that will take any url with a hcard (or hcard's) and map the location(s) on a map (similar to [http://austin.adactio.com/ austin.adactio.com])

=== hCalendar/hCard/hReview editor ===
* onblur in the URL field (e.g. on hCalendar), goes out and tries to retrieve an object of same time (e.g. an hCalendar vevent) from that URL and uses it to autofill the form, same thing if the creator is loaded with that URL prefilled (e.g. due to a ?url=http://example.com/ in the URL that loads the creator).

=== WordPress patches for microformats ===
* submit patches for WordPress code/templates for microformats improvement
** <address class="vcard"> improvement in post author publication (e.g. home page of http://microformats.org/ )
* Wordpress plugin for microformats, specifically hReview and hCalendar
** See [http://www.surfarama.com/index.php?p=227 lazyweb request]

=== Yahoo Open Source Library Patches ===

Several of these could very much be improved with a little microformats markup. Do we just make patches and submit them? Contact Nate Koechley at Yahoo (see Tantek for contact info) to follow-up.

* [http://developer.yahoo.net/yui/ Yahoo! User Interface Library]
* [http://developer.yahoo.net/ypatterns/ Yahoo! Design Patterns Library]
* [http://www.yuiblog.com Yahoo! User Interface Blog]

=== Drupal patches for microformats ===
* [http://groups.drupal.org/microformats-in-drupal Microformat Module for Drupal] A group discussing ways to implement microformats in Drupal. Currently looking to support hAtom, hCard and hCalendar to start with. Contact digitalspaghetti at gmail dot com if you are interested in contributing to the project.

=== Adding Microformats to Existing Pages ===

* See [[advocacy#Adding_Microformats_to_Existing_Sites|advocacy: Adding microformats to existing sites]].

===Geotagging on Wikipedia===
Somebody familiar with the "geo" microformat might want to add details, and a link to the relevant page on this Wiki, to the [http://en.wikipedia.org/wiki/Geotagging Wikipedia page on Geotagging]. [[User:AndyMabbett|Andy Mabbett]]

===rel-tagging on Wikipedia===
Somebody familiar with the "rel-tag" microformat might want to add details, and a link to the relevant page on this Wiki, to the [http://en.wikipedia.org/wiki/Tag_%28metadata%29 Wikipedia page on tagging]. [[User:AndyMabbett|Andy Mabbett]] 14:07, 3 Jan 2007 (PST)

===hcard in MediaWiki===
It would be nice if <nowiki>[[User:YOURNAME]]</nowiki> links generated proper (mini)hcards.
it's

== Tantek ==

I'm keeping a few microformats related to-do items here both for my own convenience, and for folks looking to help out with small tasks. If so, just create a new section with your name, and and maybe copy the item there, and put your name next to the item in my list. We'll figure this out as we go along. Thanks, [http://tantek.com Tantek].

=== overall priority ordering ===
# Protect the community from threats (wiki damage, mailing list pain or noise), repair damage, add measures to reduce future damage
# Help publishers with established microformats: [[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [[xfolk|xFolk]]
# Help implementers with established microformats
# Wiki cleanup/gardening for existing established microformats
# Site usability
# Iterate on existing established microformats, resolve issues/feedback etc.
# Community dynamics, [[process]] and [[principles]] improvements to help guide new microformats developments
# Emerging in-demand microformats: [[hlisting|hListing]], [[citation]] using abovementioned process and principles improvements.
# New microformat requests
# Other

=== protect the community ===
* Analyze [[Special:Recentchanges]] and [http://microformats.org/discuss mailing-lists] and:
** add to [[mailing-lists]] policies/guidelines accordingly.
** privately email violaters kindly asking them to improve their behavior
** work with admins on next steps for individuals negatively impacting the community
** recognize noisy/distracting threads on the email list, document responses/answers to such subjects on the appropriate page(s) on the wiki, and reply to those threads with the URLs to the documentation on the wiki. Putting the responses/answers on the wiki helps by hopefully providing preemptive answers to some who might reraise the subjects on the list in the future, and helps the community quickly terminate such threads by using the answers on the wiki.

=== help publishers ===
* (: [[advocacy]] - add pages/sites that could use microformats, update them with sample markup, find contacts for those pages to get them updated, and send requests to update their sites with microformats including sample markup.

==== *-authoring microformats wiki pages ====
* Add some tips to [[hcard-authoring]]
** a tutorial on creating an hCard for your site
** specific instructions for common blogging platforms
** instructions for more properties (match at least the set that is in the [http://microformats.org/code/hcard/creator hCard creator])
* Create [[hreview-authoring]] - a tutorial on how to blog reviews so that they'll be aggregated.

* *-authoring for all microformats: [[hcalendar-authoring]], [[hreview-authoring]], [[xfolk-authoring]], [[hatom-authoring]]

==== help with microformat examples in the wild ====
Go over all "common" pages (both logged out and logged in states) of the following sites which have some microformats already, and verify each page is as microformatted as it can be with high fidelity [[hcalendar|hCalendar]] and [[hcard|hCard]] etc. Document full support of each implementation's microformats on the implementations page (perhaps create a separate page for each implementation, e.g. [[flickr]], [[upcoming]], [[eventful]] etc.) Document any exceptions as needed. In no particular order:
* Flickr.com (3.5m hCards)
* Upcoming.org (100k hCalendar events, 100k hCard venues)
** home page
* Eventful.com (100k hCalendar events, 100k hCard venues)
* Yahoo! Tech (300k products with hReviews)
* JudysBook.com (???k hReviews)
* ... lots more, get from "Implementations" and "Examples in the Wild" sections of specs.

=== help implementers ===
* wordpress improvements
** WP admin for new profiles
*** should simply read blog URL
*** look for hcards and parse them
* [http://gmpg.org/xfn/creator XFN Creator] localizations
** Get someone to verify the [http://gmpg.org/xfn/creator-ru XFN Creator Russian localization].
** Add it to the [http://gmpg.org/xfn/tools XFN Tools] page.
** Add rel="alternate" href="creator-ru" <link>s to the other XFN Creators.
* Conference Schedule Creator
** We need to ASAP build a simple conference schedule creator (and editor?) that builds upon the hCalendar creator. We should make it *trivial* for conference organizers to build/edit/publish an [[hcalendar|hCalendar]] schedule for their conference, including auto-generated "Subscribe..." link which produces the proper "webcal:..." link with X2V. Note: see the "axis" and "header" attributes in HTML4, specifically in the section on Tables. (Done. Feedback wanted. [http://dmitry.baranovskiy.com/work/csc/ Conference Schedule Creator])

=== wiki cleanup ===
==== for all microformat specs ====
* modularize any specs which are > 30K in order to avoid loss/corruption like [http://microformats.org/wiki?title=Special:Contributions&target=Evan Evan's 14 June edits] to [[hcard|hCard]], [[rel-tag]], and [[xoxo|XOXO]].
** [[hcard|hCard]] -
*** [[hcard-examples-in-the-wild]] group/sort by individuals, organizations, and hosting sites. Consider moving largest subsection to its own page as well.
** [[rel-tag]]
** [[xoxo]]

==== update specification section organization ====
In particular, the introduction/boilerplate/headers. [[hresume|hResume]] has an experimental abbreviated intro/headers section, and links to more details further below, based on some ideas that Ryan King and I had for improving the readability of the microformats specifications. [[hreview|hReview]] has some similar improvements, but different. We need to:
# Figure out if the new intro/headers structure in [[hresume|hResume]] and/or [[hreview|hReview]] is an improvement, and if it could be better. Perhaps figure out the requirements for an intro/header section
#* Shorter tends to be better
#* Must be comprehensive enough to "print and read"
#* Must detail authorship/editorship
#* Must detail copyright/patent statements
# Write up a template - make it self-documenting per the requirements
# Update existing specifications with the new intro/headers structure.
## [[hcard|hCard]]
## [[hcalendar|hCalendar]]
## [[hreview|hReview]]

==== reorganizing Implementations sections ====
* sort implementations by authoring/creating/publishing, browsing/viewing, converting/importing, indexing/searching.

Hmmm... I like: '''A'''uthoring, '''B'''rowsing, '''C'''onverting, '''I'''ndexing, '''L'''ibraries (for developers), and '''P'''otential (for open source projects we want to add support to). Anybody have alternative suggestions for this vocabulary? I don't have a particularly strong preference so I'm going to go with these four until I find examples that don't fit, or someone suggests something better.

See: [http://microformats.org/wiki/hcalendar#Implementations hCalendar Implementations] for a first attempt at this. Assuming folks like that, we can go ahead with categorizing the implementations sections of other microformats specifications.

* [[hcard-implementations]] - organize by same subsections as [[hcalendar-implementations]].

==== reorg Examples in the Wild sections ====
* include more *key* details per example, e.g. precise or estimates of counts for services
* collate/sort examples in the wild by
** hosting services - where users/people actively contribute to the growth (e.g. Flickr profile hCards)
** publishing services - where lots of data is published from some datasource/database (e.g. Yahoo! Local)
** companies/groups/organizations member pages (and their own) - pages for a group's site where they list members or employees (e.g. Technorati staff page)
** individiual companies/organizations contact info pages
** individual people's contact info pages
* of course at some point this won't scale, but that will be a very good problem to have, and by then I'm sure we'll have services to point to that provide queries and search results for all this data.

=== site usability ===
* figure out how to get wordpress to autopost blog posts to the microformats-announce list
** ideally use the from address of the author of the blog post
** maybe photomatt knows how to do this.

=== iterate on current microformats ===
==== [[hcard|hCard]] ====
* [[hcard-examples]]
** add examples of [[hcard|hCard]]s with work telephone, mailing address etc.
** add examples of marking up an organization vs. a person, then link to it from [http://microformats.org/wiki/hcard#Organization_Contact_Info hCard spec section on Organization Contact Info].
** add example of organization-name and organization-unit usage.
* Examples in the wild - need to create a new page for them!
** Group examples in the wild according to:
*** Individuals - one card per person, perhaps sort alphabetically
*** Organizations - one card per organization, alphabetical again
*** Institutions (which list more than one person), with a count estimating the # of hCards, e.g. 40k for Avon. Also indicate complexity of information supplied, eg. just name+number vs. complete details
*** Online Profiles (which host profiles for more than one person) with a count estimating the # of hCards, e.g. 3.5m for Flickr.com
*** Online Venues (which provide listings for businesses or organizations) with a count estimating the # of venues, e.g. ~10k for Upcoming.org
*** Speakers Listings (lists of speakers on conference sites) with a count estimating the # of speakers, e.g. ~300 for SXSW 2006.
** help dglazkov markup: http://glazkov.com/blog/archive/2003/12/17/147.aspx

==== [[hcalendar|hCalendar]] ====
* re-add a list of properties per the [[hcard#Property_List|hCard property list]].
* formalize [http://microformats.org/wiki/hcalendar- brainstorming#Tabular_event_calendars]
* flesh out [[hcalendar-examples]] and do a once over on markup/presentation of what RFC2445 examples would look like
* need spec details and then [[hcalendar-examples]] of multi-instance [[hcalendar|hCalendar]] events
* need spec details and then [[hcalendar-examples]] of repeating events
* add explicit explanation and examples for LOCATION [[hcard|hCards]] and ATTENDEE [[hcard|hCards]], perhaps on a separate [[hcalendar-examples]] page.
* need to resolve all outstanding [[hcalendar-issues]] to-do items.
* create [[hcalendar-profile]] and have folks verify it. note that it will likely need reconciliation with the [[hcard-profile]], especially since [[hcalendar|hCalendar]] normatively depends on [[hcard|hCard]]. Probably makes sense to have a combined profile which hCalendar would use.

==== [[hreview|hReview]] ====
* Write hReview 0.3 XMDP profile, and reconcile with [[hcalendar-profile]] and [[hcard-profile]]. Makes sense to have a combined profile of all three for hReview, since hReview normatively depends on hCard and hCalendar.

==== summary Examples in the Wild page ====
* need to create a summary / overall [[examples-in-the-wild]] page
** parallel the summary/overall [[implementations]] page.
** use newly reoganized content from the above "reoganizing Examples in the Wild" task

==== parsing ====
* *-parsing for all microformats: [[hcalendar-parsing]], [[hreview-parsing]], [[xfolk-parsing]], [[hatom-parsing]]

=== introduction / community ===
* microformats-discuss
** introductory email template for new subscribers needs to direct people to [[process]] and [[how-to-play]]
* Need to add more to the [[naming-principles]], to cover in particular:
** avoid using the same name to mean two things
** avoid using two names to mean the same thing
** seek to keep the microformats vocabulary minimal, memorable, and usable.
* update and add details/simplifications to [[process]] given the past several months of experience. in particular:
** clarify requirement (MUST rather than SHOULD) of *-examples, *-formats, before any *-brainstorming.
** Add details of encouragement to experiment with simple semantic class names from *-brainstorming proposals to gain real world experience with real world content.
** note SHOULD prerequisite of use of all relevant microformats on real world web pages, along with documenting such use in respective "Examples in the Wild" sections, before proposing any new microformats.

==== principles and process ====
Create the following pages and document/fill them with content from other pages, email lists, and [[presentations]].
* [[principles]] - mostly [[microformats#the_microformats_principles|documented in the microformats]] page.
* clearer statement of both copyright and patents both in specific specs and in general

==== profiles ====
* update XMDP with new required features:
** ability for one profile to include/import another (rel="import" ?)
** ability to reference an XMDP via rel="profile" (similar to XHTML2 rel value by same name)
** ability/suggestion to reference an XMDP using <a href> in addition to <link>

==== community mark ====
* Can we make "microformat" and "microformats" into [http://factoryjoe.com/blog/2006/01/14/the-case-for-community-marks/ Community Marks]?

==== document issue resolutions ====
* Prefixing has already been considered and rejected for microformats in general. Note [[naming-conventions]], limited vocabulary, and exceptions made for [[hatom|hAtom]] and how we went about doing so.

=== emerging microformats ===
* [[citation]]
* [[hlisting|hListing]]
* [[media-info]]
* [[licensing]]

=== new microformat requests ===
* expense reports (really just a list of "expense" items), [http://flickr.com/photos/edyson/56774178/ requested by ED], should look at UBL as a pre-existing format
* photo-notes microformat
** clean up Subethaedit notes from working session with Greg Elin, Ryan King, Kevin Marks, Suw Charman and email to folks and figure out next steps
** iterate on [[photo-note-examples]] and start [[photo-note-formats]] and [[photo-note-brainstorming]].

=== other ===
* Add XPath equivalents where appropriate in [[hcard-parsing]]

==Ryan==
=== wiki cleanup ===
* possibly move dead proposals off of homepage?

=== hCalendar/hCard/hReview creator improvements ===
* get all creators working in IE/Win, IE/Mac, Safari/OSX.3

=== other ===
* add an example of how to use DURATION in hcalendar see http://www.policyawareweb.org/2005/ftf2/paw-mtg#item15) -> verify http://svn.lifelint.com/hcalendar_tests/calendar-todo-multiple-attendees-and-alarm.xml

=== rel-payment ===
* update rel-payment to reference the IANA registry [http://www1.ietf.org/mail-archive/web/ietf-announce/current/msg02055.html]

=== hcalendar ===
* make sure we explicitly disallow 'vjournal'

== Dimitri Glazkov ==

* Figure out REST/Microformats thing
* Work on result set idea
* Implement h-creators using Web Forms 2.0

== Chris Messina ==

=== General ===

* Work on a microformat for play-lists (is it just a XOXO ordererd list of play-items?)
* Work on a microformat for play-item (take a look at [[media-info-examples]])
* Work on microformats tutorial for designers
* Add support for OpenID to micformats wiki

=== Campaigns ===

* Get Blogger to support hAtom and hCard
* <strike>Get LinkedIn to support hCard, hResume, hCalendar</strike> and XFN
* Get XING to support <strike>hCard</strike>, hCalendar, hResume and XFN
* Get Digg to support microformats.

=== Wishlist ===

* Microformat for "buyable items" (see [[listing-examples]] and related documents)
* Location MF -- right click "map this" (see [[geo]] and [[adr]])
* Better hCard support in the browser -- right click "IM this person...", "Add to contacts" (see [http://factoryjoe.com/blog/2006/03/20/flocktails-for-flock/ Flocktails])
* Better hCal support -- support many views of same hCal data on one page using XSLT
* We need something that a designer/web programmer can come to and leave w/ 2 examples of each microformat that they can apply right away... a "microformats styleguide for designers", if you will.
* invoicing microformat
* better microformats wiki theme

== Robert Bachmann ==

=== hCard Creator ===
* [http://microformats.org/code/hcard/creator hCard creator] - add features/fields
** aim / instant messaging contact info, using the techniques documented in [[hcard-examples#New_Types_of_Contact_Info|hCard Examples: New Types of Contact Info]]
*** consider a popup menu for the IM service (AIM|Yahoo|...), and a field next to it for the IM id.

=== hAtom2Atom ===

Some ideas for features which could be implemented :

(If you are interested in one of this features, add "+1 Your Name")

<ul>
<li>
Join all hfeed's inside a page (or a fragment thereof) into one feed using [http://greenbytes.de/tech/webdav/rfc4287.html#element.source atom:source] semantics.
</li>
<li>
Extraction of <code>atom:content</code>, <code>atom:summary</code> and <code>atom:title</code>:
* <code>atom:content</code> and <code>atom:summary</code> as HTML
* <code>atom:content</code> and <code>atom:summary</code> as plain-text
* <code>atom:title</code> as XHTML
* <code>atom:title</code> as HTML
</li>
<li>Support for other XSLT engines:
* MSXML
* .Net System.Xml
* Sablotron
* Oracle XSLT
* XT
* hAtom2Atom written using XSL 2.0?
** Do you think this would be useful? I have created a barebones version, doesn't yet take in all the parsing rules yet, but I'd be happy to share. Moving to XSL 2.0 does make things a bit cleaner and more efficient. - Matt Dertinger.
</li>
<li>Support for other output formats: (hAtom2xyz.xsl)
* RSS 2.0 (meanwhile use hAtom2Atom.xsl and [http://atom.geekhood.net/ atom2rss.xsl]) -- +1 Matt Dertinger
* RSS 1.0 (meanwhile use hAtom2Atom.xsl and [http://cvs.4suite.org/viewcvs/uogbuji/atom2rss.xslt atom2rss.xslt]) -- +1 Matt Dertinger
* AtomOWL (meanwhile use hAtom2Atom.xsl and [http://dannyayers.com/2005/11/22/atomowl-xslt-progress/ atom2rdfxml.xsl])-- +1 Matt Dertinger
* JSON?
** Does it make sense to consider a canonical representation of microformats (either case by case, or in general) in JSON? E.g. so that a JSON API that returned contact information could return an hCard-equivalent chunk of JSON. - Tantek.
</li>
</ul>

([[User:Singpolyma|singpolyma]] 01:02, 9 May 2006 (PDT) -- Not XSLT, but see http://xoxotools.ning.com/hatom2rss.php for hatom to RSS2.0 conversion)

== Brian Suda ==
=== Citation Microformats ===
* Add all my notes to the Wiki
* Start the process of naming the properties using existing names

=== X2V ===
Make changes and update site (almost stable)
Get ATTENDEE and other strange attributes working
==== WARNINGS and ERROR ====
work on the warnings and error output for the pre-check in X2V

=== FAQ ===
* clean-up the MF FAQs
* clean-up FAQs from the major microformats
* pull Questions from the mailing list and document them to the FAQs and example

== Mark Rickerby ==

=== Current Tasks ===

* Follow up on usability review
** Edits to homepage feature box text
** Draft of [[getting-started]] page
* Review content for new pages - [[start-simple]], [[modularity]], [[reuse]], [[humans-first]]
* xoxo datatype examples
** test case lists
** transmitting key/value lists
* practical feedback on hresume

=== Wishlist ===

* hmmm

== Ernest Prabhakar ==
=== Wiki-Thon Proposal ===
Set aside several hours (probably a Friday night US PST) for focused work on the Wiki, including both physical (e.g., a room in the Bay Area) and virtual (IRC/iChat) participants.

==== Goals ====
# Improve understanding of what needs to be done for Wiki
#* IMHO - this should be done here, in [[to-do]] incrementally. -Tantek
# Tackle larger projects (~1-2 hours) than people usually have time for
#* I'd like to see these projects *documented* first on [[to-do]] before we spend 1-2 hours of a bunch of folk's collective time to go through them. -Tantek
# Motivate community to have fun with otherwise tedious "housecleaning" chores

==== Agenda (Wishlist) ====
In parallel:
* Coalesce/prioritize existing To-Do items (above)
* Review/revise desired pathways for:
** New users learning about microformats
*** e.g., intro, about, explore, tutorials, etc.
*** cf. [http://www.rubyonrails.com/ Rails] front page
****Get Excited (Why, background, motivation)
****Get Started (What, downloads, getting started)
****Get Better (How, tutorials, )
****Get Involved (Who)
** Microformat lifecycle
*** e.g., research->brainstorm->proposal->spec->maintain
*** see http://theryanking.com/microformats/method.txt --[[User:RyanKing|RyanKing]] 15:35, 22 Feb 2006 (PST)
*** ensure information easy to find, follow, and up-to-date
* Review existing specs for completeness and consistency
* Identify areas of 'bitrot' or 'hole-filling'
* Do it!

== Dan Connolly ==

[[User:DanC|DanC]] hopes to sync up on these tasks in [[irc]] roughly
weekly, during Wednesday afternoon (Chicago time) "office hours". See also my [http://esw.w3.org/topic/DanConnolly esw todo list and someday pile].

* from SxSW in Austin
** build a combined hcalendar/hcard profile; resolve issues in [[profile-uris]].
*** with XSLT transformation to RDF
** finish [[hcard-tests]]
*** figure out [[include-pattern]] boundaries

* Medium term
** sync [[hcalendar-tests]] and [http://www.w3.org/2002/12/cal/ RDF calendar] tests and CALSIFY
*** reconsider RDF calendar naming conventions
** update my CV/resume using [[hResume]] and [[citation-formats]]
*** get an answer from the CALSIFY WG re [http://lists.w3.org/Archives/Public/www-rdf-calendar/2006Apr/0006.html dtstart and date vs datetime ] 21 Apr 2006
*** refine [[hatom]] so that it's suitable for the workflow around the W3C homepage.

* from WWW2006
** follow up on GRDDL as escape valve for microformats proposals, much like CSS was an escape valve for HTML tag proposals.

* Someday pile
** set up a timezone registry based on wikipedia and semantic mediawiki. As discussed in [[datetime-design-pattern]], iCalendar's by-value timezone passing is broken. see [http://lists.w3.org/Archives/Public/www-rdf-calendar/2006Apr/0002.html reconsidering timezones in light of hCalendar and CALSIFY] and [http://dig.csail.mit.edu/breadcrumbs/node/91 Toward Semantic Web data from Wikipedia]
** noodle on a playlist format and some of the media RSS stuff like [[media-info-brainstorming]], [[media-metadata-examples]] (re playlists: XSPF, SMIL, RDF, and microformats 9 Sep 2005)
** check out that hReview bug stuff...
** noodle on [[meeting-minutes-brainstorming]] and [http://esw.w3.org/topic/MeetingRecords MeetingRecords in the esw wiki].
** noodle on clipboard scenarios, esp how RDFa works in the general case but isn't as author-friendly as domain-specific syntaxes.

[[User:DanC|DanC]] 15:39, 31 May 2006 (PDT)

== Chris Casciano ==

[[User:ChrisCasciano|ChrisCasciano]]

* get around to updating [[hatom-issues]] with some multi feed rules/exceptions.
* <del>Update textpattern plugin with simple hreview support and get a new release out</del>
* Redesign placenamehere.com and include hatom
* Follow up with technorati folks on pingerati reviews getting lost (note: this will require publishing more reviews and theen watching them through the update process)
* <del>prototype a NetNewsWire microformat extractor (CSS+AppleScript)</del>

== Drew McLellan ==

[[User:DrewMcLellan|DrewMcLellan]]

* Build an hReview profile for [http://allinthehead.com/hkit/ hKit] and test
* Update the [http://www.webstandards.org/action/dwtf/microformats/ Dreamweaver extensions] to mirror recent changes in the online builders
* <del>Publish an hCard to JSON service on [http://tools.microformatic.com/ tools.microformatic.com] using hKit.</del>
* Further develop blog comment form hCard collection ideas.
* Version of hReview creator using hKit to import business details from an hCard

== Christophe Ducamp (french localization) ==

[[Christophe Ducamp]]
* translate red links on [[Main_Page-fr]]
* localize a [http://www.elanceur.org/microformats/index.html french version] of the official website
** ask authorization to the authors
** migration could be done on any collaborative CMS
** test a cocomment system (based on local-wiki)
** complete with original links
* find experts for peer-reviewing
* update [http://fr.wikipedia.org/wiki/Microformats French-wikipedia:Microformats] via cowriting [http://fr.wikipedia.org/wiki/Discuter:Microformats on discussion page] (directly originated from the english article) + french examples to be found + local resources.

== Frances Berriman ==

[[User:Phae|Frances Berriman]]

* Work on styles for [[zen-garden]] project.
* Style HTML cheatsheet to match Brian Suda's PDF.
* Write simplified help/implementation documents (how tos) for all finalised Microformats.
* Re-organise general FAQ and simplify
** (Feel free to add suggested tasks to my list below:)
*** Help converge on organization efforts ~bewest :-)

== Ben West (bewest) ==

[[User:BenWest|bewest]]
* fight spam
* help tend wiki

=== Vocabulary ===
A lot of knowledge work is about maintaining sets of vocabulary. Now that the vocabulary is emerging, it may be time start making sure everyone is "on the same page," especially since some of the language is highly symbolic.
Terms:
* "boil the ocean" A huge task. "A phrase used in the industry to describe an attempt at something that is way too ambitious. For example, "They're trying to get their site launched by COMDEX. They could easier boil the ocean." from <http://www.netlingo.com/right.cfm?term=boil%20the%20ocean>
* microformats: more than one microformat
* microformat: see my definition on http://microformats.org/wiki/what-are-microformats#BenWest
* data fidelity: the extent to which a data format might be considered lossy. eg HTML is often seen as a lossy format because the information parsed out of a resource may not fully match the information orginally encoded. Non-lossy formats have a very high data fidelity, while lossy formats have low data fidelity. Microformats seek to increase data fidelity of html.
* market: the locus of economic forces

: See [[glossary]]. [[User:AndyMabbett|Andy Mabbett]] 13:57, 7 Dec 2006 (PST)

=== Creators ===
_Concession_: my plans involve reuse of code, which would involve non-compatible changes with the current inline model. This is a nice feature, so maybe I should be branching instead.
* <strike>Start hatom creator.</strike> http://dichotomize.com/uf/hatom/creator.html
* Code Reuse. These creators are downright handy, and I’ve reimplemented the vcard one on my own site. Instead, let’s make these widgetized. Let’s decide on a more or less canonical html structure and create some javascript that will create the desired microformat. Something as easy to use as new Microformat.hCard($('mycontainer')); would be awesome. Right now, if someone makes an improvement to the hCard creator, the other creators don’t get the benefit. Spec this out!
* About Section. Is there an official creator page? If so, let’s point to that. The about paragraph is getting longer and longer with phrases like “which is based on…” repeated over and over.
* Default all dates to “right now”. Provide an easy to use calendar type widget to change dates.
* hAtom creator: Add multiple. It’d be nice to add an arbitrary number of entries.
* hAtom creator: Optional feed enclosure. Check box to wrap the entry/entries in an hfeed.
* Edit URI: Allow someone to enter a URI and edit whatever microformat is found on the page.
* Optionals. If the format requires, say, a vcard, the creator can defer to an external URI or can trust the user to fill it in later.
* Common stylesheet. I suppose this goes with the reuseable code idea… we have many great coders, we should be reusing eachothers’ work.
* Use Amazon's ECS to pull in information about products when there is an ASIN in the item URI.

=== Information Architecture ===
'''Help Welcomed! Please leave your name'''
Add complaints to [[wiki-feedback]]!
Helping to make the wiki easier to use. I'd like to see the main page more towards a format like http://simile.mit.edu/solvent/ with the big questions right out front:
* What Is This?
* What can I do here?
* Is there a demo?
* Where can I learn more?
I'd like to change the front page to this kind of design.
==== Support Pages ====
There are several categories of things in the wiki. Can we enumerate them?
* About the Community
** Where to find information.
** Who are the stake holders?
** FAQs
* Web/Architectural Philosophy
** Community Principles
** Why are we doing this?
** XML and Namespaces
** Semantic XHTML
** Common Misconceptions
** Concession and Disposition of Criticism
** FAQs
* Specs
** Examples
** Discussion
** Exploration
** Use Cases
** Implementations
** The spec itself.

* Tips and Tricks for Authoring ([[User:BenWest|BenWest]] 15:00, 9 Dec 2006 (PST))
** how to author semantic html
** choosing class names
** using HTML's general extension mechanisms
** advocating use
** collaborating/reusing HTML
** debugging HTML: use pastebin, separate out the relevant bits.
** getting help from the community
** applying Microformats.

Can others agree and or refine this list? Should I take it to the -discuss list? How do we create consensus on how the wiki should be organized in order to make it more usable? And how can we turn that consensus into actionable changes?

The wiki should also capture wisdom that stems from discussions that don't produce microformats. For example, Chris Messina suggests a "Best Of" page suitable for capturing this kind of wisdom. I think we can think of a given microformat as being at a place in a spectrum that ranges from "not yet thought of", to "interesting but needs work," or even "rejected", and of course including all the stages familiar to the microformats processes (eg examples, brainstorming, etc...).
If there were such a page would it:
* Belong to a microformat? (eg hcard-bestof)
* or to the global namespace? (eg /wiki/wisdom/foobar-format)
(I think Chris Messina suggests that it belongs to a given microformat, but then how do we collect wisdom from non-microformats?)

Considering that the wiki page named with the microformat (i.e. /wiki/hcard) is the one that people will mostly likely look to first for learning about a particular format, I'd think it'd make more sense and create a more welcoming feel to convert these pages to an intro page introducing the format for the beginner and linking to resources like tutorials and creators. Spec pages would then be relocated to wiki/*-spec -- [[User:Cgriego|Cgriego]] 13:25, 16 Oct 2006 (PDT)

====Mike Schinkel's Comments====

My suggestion on the list was for us to use a convention that the entry page (i.e.
http://microformats.org/wiki/hcard) would be an index into a list of
(psuedo) standardized sub pages so that it would be very people to
find what is important to them. For example, is a list of potential sub pages:

* Microformat
** Specification
** Tutorial
** Examples
** Use cases
** Reference
** Discussion
** Brainstorming (might be combined w/Discussion)
** Implementations
** Related Pages
** Further Reading
** All (Uses Mediawiki's "includes" to create a page including all sub pages; very useful for printing & reading offline)

These pages would be located respectively at

* http://microformats.org/wiki/hcard/
** http://microformats.org/wiki/hcard/Specification
** http://microformats.org/wiki/hcard/Tutorial
** http://microformats.org/wiki/hcard/Examples
** http://microformats.org/wiki/hcard/Use_cases
** http://microformats.org/wiki/hcard/Reference
** http://microformats.org/wiki/hcard/Discussion
** http://microformats.org/wiki/hcard/Brainstorming
** http://microformats.org/wiki/hcard/Implementations
** http://microformats.org/wiki/hcard/Related_Pages
** http://microformats.org/wiki/hcard/Further_Reading
** http://microformats.org/wiki/hcard/All

Please note I am suggesting an architecture not a specific list of sub pages. The list of sub pages should be defined by both reviewing existing information during site reorganization, and then via discussion on the list in an attempt to discover and extract which sub pages are needed for most/all microformats.

'''NOTE''': This differs from above in that the spec if not viewed as a top level structure but instead the microformat itself and the spec would be under the microformat. In this context "microformat" is a more abstract concept and "spec" is a more concrete thing. Another way to think about it would be that each microformat would have it's own mini home page and then things like "spec" are the pages listed on its home page.

== Matt Dertinger (Thewhoo) ==

[[User:Thewhoo]]

=== hAtom2Atom ===
<ul>
<li>Support for other XSLT engines:
* hAtom2Atom written using XSL 2.0
</li>
<li>Support for other output formats: (hAtom2xyz.xsl)
* RSS 2.0 (meanwhile use hAtom2Atom.xsl and [http://atom.geekhood.net/ atom2rss.xsl])
* RSS 1.0 (meanwhile use hAtom2Atom.xsl and [http://cvs.4suite.org/viewcvs/uogbuji/atom2rss.xslt atom2rss.xslt])
* AtomOWL (meanwhile use hAtom2Atom.xsl and [http://dannyayers.com/2005/11/22/atomowl-xslt-progress/ atom2rdfxml.xsl])
</li>
</ul>

=== Microformats Proposals ===
<ul>
<li>rel="disclaimer":
* Purpose: to create a semantic linkage (relationship) between a foot-note or end-note marker and the actual location of the text that the marker refers to.</li>
<li>rel="external":
* Purpose: to formalize what is already in existence in the wild. The use of rel="external" to refer to a document that is external or outside of the current domain.</li>
</ul>

== Henri Bergius ==

[[User:HenriBergius|Henri Bergius]]

* Add hKit support for automatically populating contact details into [http://www.openpsa.org/version2/openpsa/contacts.html OpenPsa Contacts] CRM
* Implement Tail scripts for adding things into Midgard

== Justin Thorp ==
* Start researching examples for a To-do microformat

== [[User:MarkLentczner|Mark Lentczner]] ==

* Get Second Life's event web pages to have proper event microformats data
** Add [[hcard|hCard]] to profile pages
** Add [[hcalendar|hCalendar]] to events listings
* Start pinging pingerati.net/ping/$url when pages are updated
* Collaborate on designing how to integrate microformats, metadata and objects in [http://secondlife.com/ Second Life].

== New Person 1 ==

etc.

voting-examples

2007-01-05T14:24:09Z

SteveIvy: /* Participants */

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Tantek Çelik
* Steve Ivy

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)
* [http://del.icio.us del.icio.us], [http://ma.gnolia.com/ ma.gnolia], [http://technorati.com/ Technorati favorites] - bookmarking sites that more or less represent a "for" vote

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]
* [http://dbpubs.stanford.edu:8090/pub/1999-66 Stanford paper describing an early version of PageRank]

vote-links-issues

2007-01-05T04:28:09Z

SteveIvy: use of 'rev' deprecated -

==Issues==

These are issues that people have raised regarding [[vote-links]]. If you'd like to raise an issue here, please put the date and your name and clearly state your issue.

* 2005-06-21 raised by Hixie
*# ''Issue H-1: This specification is lacking a user agent conformance section. There's basically nothing that says how votelinks must be parsed, how to handle errors, and so forth. Is it defined in terms of the DOM? Is it defined in terms of a serialisation? How do you handle conflicting content?

* 2006-08-23 by porneL
*# ''What is the relation of vote links and rel=nofollow? <a rev="vote-against"> may actually have positive effect on referenced page in search engines that don't understand vote links. <a rev="vote-against" rel="nofollow"> makes more sense in this case, however nofollow means that PR should not be affected, which might be in conflict with interpretation of vote-against.

* 2007-01-04 by SteveIvy (originally by tantek in irc)
*# ''According to [[rel-faq#Should_.27rev.27_even_be_used|this]], 'Use of "rev" SHOULD be avoided. However, VoteLinks, is being grandfathered since it was such an early use. No future microformats should be developed that use "rev".' Would it be useful to put vote-links through the proper process and see what comes of it?

voting-examples

2007-01-05T03:06:49Z

SteveIvy: /* Centralized Implementations */ add bookmarking sites as basically "for" votes

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Steve Ivy
* Ross Mayfield

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)
* [http://del.icio.us del.icio.us], [http://ma.gnolia.com/ ma.gnolia], [http://technorati.com/ Technorati favorites] - bookmarking sites that more or less represent a "for" vote

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]
* [http://dbpubs.stanford.edu:8090/pub/1999-66 Stanford paper describing an early version of PageRank]

voting-examples

2007-01-05T02:35:24Z

SteveIvy: /* See Also */ Add link to Original PageRank paper for reference

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Steve Ivy
* Ross Mayfield

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]
* [http://dbpubs.stanford.edu:8090/pub/1999-66 Stanford paper describing an early version of PageRank]

voting-examples

2007-01-05T02:34:11Z

SteveIvy: /* Centralized Implementations */

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Steve Ivy
* Ross Mayfield

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues with PageRank's "any link is a good link" model are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]

irc-people

2007-01-05T00:15:30Z

SteveIvy:

A list of [[irc|IRC]] regulars sorted by nick and their normal timezones (winter/summer).

* [[User:Adam Craven|AdamCraven]] (+0000)
* [[User:Amette|amette]] (+1000)
* [[User:B.K._DeLong|bkdelong]] (-0500/-0400)
* [[User:Ben Ward|BenWard]] (+0000)
* [[User:BenjaminCarlyle|BenjaminCarlyle]] (+1000)
* [[User:BenWest|bewest]] (-0800/-0700)
* [[User:Boneill|boneill]] (+0000)
* [[User:Brian|briansuda]] (+0000)
* [[User:ColinDDevroe|cdevroe]] (-0500/-0600)
* [[User:Cgriego|cgriego]] (-0600/-0500)
* [[User:CharlesRoper|charles_r]] (0000/+0100)
* [[User:ChrisCasciano|pnhChris]] (-0500/-0400)
* [[User:ChrisMessina|factoryjoe]] (-0800/-0700)
* [[User:ChristopherStJohn|cks]] (-0600/-0500)
* [[User:Cloud|Cloud]] (+0000)
* [[User:Csarven|csarven]] (-0500/-0400)
* [[User:DanC|DanC]] (-0600/-0500)
** office hours: Wednesday afternoons, America/Chicago time
* [[User:DannyAyers|danja]] (+0100/+0200)
* [[User:Dave Cardwell|davecardwell]] (+0000)
* [[User:DeanEro|deanero]] (-0800/-0700)
* [[User:DimitriGlazkov|dglazkov]] (-0600/-0500)
* [[User:DrewMcLellan|drewinthehead]] (+0000/+0100)
* [[User:EdwardOConnor|hober]] (-0800/-0700)
* [[User:Enric|enric]] (-0800/-0700)
* [[User:Evan|evanpro]] (-0500)
* [[User:Fil|Fil]] (+0200)
* [[User:Grantbow|Grantbow]] (-0800/-0700)
* [[User:Hlb|hlb]] (+0800-0700)
* [[User:IanHickson|Hixie]] (-0800/-0700)
* [[User:Izo|IZO]]
* [[User:JamieKnight|jammie_]] (+1000/0000)
* [[User:JoeGregorio|jcgregorio]]
* [[User:Jonathan_Arkell|jonnay]] (-0700/0600)
* [[User:JasonK|jkridner]]] (-0600/-0500)
* [[User:Kapowaz|kapowaz]] (+0000/+0100)
* [[User:Keri Henare|kerihenare]] (+1200)
* [http://epeus.blogspot.com/ KevinMarks] (-0800/-0700)
* [[User:Lachlan Hunt|Lachy]] (+1000/+1100)
* [[User:Mark Mansour|Mark Mansour]] (+1100)
* [[User:MarkNormanFrancis|Mark Norman Francis]] (+0000/+0100)
* [[User:CiaranMc|McNulty]] (+0000/+0100)
* [[User:SteveIvy|monkinetic/redmonk]] (-0700)
* [[User:neuro|neuro`]]
* [[User:NTollervey|ntoll]] (+0000/+0100)
* [[User:Phae|Phae]] (+0000/+0100)
* [[User:PriitLaes|plaes]] (+0200/+0300)
* [[User:DavidOsolkowski|qid]] (-0500)
* [[User:Remi|Remi]] (-0500/-0400)
* [[User:RobertBachmann|RobertBachmann]] (+0100/+0200)
** Office hours: <del>Wednesday, 18:00-20:00 UTC</del> (Currently no office hours)
* [[User:Ronnos|Ron Kok]] (+0000)
* [[User:RyanKing|kingryan]] (-0800/-0700)
** [http://theryanking.com/blog/archives/2006/04/19/office-hours/ Office hours]: Wednesday, 21:00 UTC
* [[User:Dana Benson|Snowden]] (-0800/-0700)
* [[User:Steve Ganz|SteveGanz]] (-0800/-0700)
* [[User:Tantek|Tantek]] (-0800/-0700)
* [[User:Trovster|trovster]] (-0800/-0700)
* [[User:Tyler|Tyler Roehmholdt]] (-0800/-0700)
* [[User:Vant|vant]] (+0900)
* [[User:Veeliam|William Lawrence]] (-0800/-0700)

== unsorted ==
* [[User:Dan Kubb|dkubb]] (-0800/-0700)
* [[User:Ed Summers|edsu]] (-0500/-0400)
* [[User:Smackman|Steve Farrell]] (-0800/-0700)
* [[User:Enric|Enric]] (-0800/-0700)
* [[User:Charlvn|Charl]] (+0200/+0200)
* [[User:MarkoMrdjenovic|friedcell]] (+0100/+0200)
* [[User:KrissWatt|VoodooChild]] (+0000/+0100)
* [[User:IwaiMasaharu|iwaim]] (+0900)
* [[User:Richard Conyard|WhiskeyM]] (+0000)
* [[User:Ianloic|yakk]] (-0800/-0700)
* [[User:Ashley|Ashley]] (+1000)
* [[User:SuperPhly|SuperPhly]] (-600/-500)
* [[User:Colin_Barrett|cbarrett]] (-1000)
* [[User:HenriBergius|bergie]] (+0200/+0300)
* [[User:JacksonWilkinson|whafro]] (-0500/-0400)
* [[User:Adactio|Jeremy Keith]] (+0000)
* [[User:JulianStahnke|Julian Stahnke]] (+0000)

User:SteveIvy

2007-01-04T22:32:14Z

SteveIvy: revert to pre-b0rked version

User:SteveIvy

2007-01-04T22:30:56Z

SteveIvy:

<nowiki>
<div class="hcard">
<h1>Steve Ivy</h1>

Web designer and css/xhtml/javascript hacker.

Find my ramblings at <a class="url" href="http://redmonk.net">redmonk.net</a>

My most recent microformats-related project is <a href="http://redmonk.net/archives/2006/12/21/voteback/ ">VoteBack</a>
</div>
</nowiki>

voting-examples

2007-01-04T19:41:21Z

SteveIvy: Add more info on standard practices

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Steve Ivy
* Ross Mayfield

== Discussion/Concepts ==
(This may belong on a page of its own)
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues tieh PageRank are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

=== See Also ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML SE]
* [[vote-links]]

voting-examples

2007-01-04T19:28:52Z

SteveIvy: reformat according to example-template

= Voting Examples =

== The Problem ==

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Participants ==
* Kevin Marks
* Steve Ivy

== See Also ==
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny
* [[vote-links]]

== Real-World Examples ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against. Markup is plain html - links and images. However, the semantics of a digg are still unclear - links often get many diggs though the majority of commenters disagree with the content of the linked page.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary. Markup is plain html - tables and images.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B." Issues tieh PageRank are a major impetus to standardizing on a format for link-intention.
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)

=== Vote Links ===
There are a few implementations based on the [[vote-links|VoteLinks microformat]] combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

=== Example: Vote Links ===
(from: [[vote-links|VoteLinks microformat]])
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

== Existing Practices ==
* Most example sites, including Digg, UrbanDictionary.com, and Slashdot all use plain text labels or images for marking up their voting features.

voting-examples

2007-01-04T18:02:56Z

SteveIvy: Start documenting examples of voting in general use online

= Voting Examples =

There has been a good bit of discussion relating to how to represent the intent of a link from one site to another as an endorsement of that site or not. See Kevin Marks on voting ([http://epeus.blogspot.com/2003/03/vote-links.html Vote Links]) for initial arguments for a way to represent this information.

This page serves to document the current list of voting examples from real world sites for the design of a simple voting [[microformat]]. - [[User:SteveIvy|Steve Ivy]]

__TOC__

== Contributors ==

* Steve Ivy

== See Also ==
* [http://www.ashbykuhlman.net/blog/2002/09/06/0546 When is a link an endorsement?] - Nathan Ashby-Kuhlman
* [http://epeus.blogspot.com/2003/03/anti-links-linking-to-things-you.html Anti-links - linking to things you disagree with and saying so] - Kevin Marks
* [http://epeus.blogspot.com/2003/03/vote-links.html Vote Links] - Kevin Marks
* [http://jeremy.zawodny.com/blog/archives/000751.html PageRank is Dead] - Jeremy Zawodny
* [[vote-links]]

== Examples on the Web ==

=== Centralized Implementations ===
* [http://digg.com Digg] - Digg is essentially a centralized voting system for links. Digg users can "digg" (vote-for) a link, or "bury" (vote-against) it. Links with more diggs float to the top of the popular lists, hence getting more exposure and getting more diggs/votes for and against.
* [http://www.urbandictionary.com Urban Dictionary] - dictionary of colloquialisms where users can vote up or down (for/against) terms in the dictionary.
* Google's [http://en.wikipedia.org/wiki/PageRank#PageRank_uses_links_as_.22votes.22 PageRank] - "In essence, Google interprets a link from page A to page B as a vote, by page A, for page B."
* [http://yro.slashdot.org/yro/07/01/04/1544210.shtml Slashdot] - users can give comments a [http://slashdot.org/faq/com-mod.shtml#cm700 karma] score which affects what comments are seen (comments can be filtered based on the score)

=== Vote Links ===
There are a few implementations based on the VoteLinks microformat combined with other technologies:
* [http://www.artweb-design.de/articles/2006/06/05/distributed-votings-using-microformats Distributed votings using microformats] from Artweb Design
* [http://24ways.org/2006/boost-your-hyperlink-power Boost Your Hyperlink Power] - Jeremy Keith, using CSS to surface vote information
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] - VoteLink discovery + pingback/trackback

rel-faq

2007-01-04T12:48:05Z

SteveIvy: /* Should 'rev' even be used */ Add cite to Google Authoring Study

<h1> "rel" attribute frequently asked questions </h1>

This document serves to answer and discuss frequently asked questions about the HTML4 "rel" and "rev" attributes, and their linktype values. Specifically this document explores a number of issues common to and exposed by the various [[microformats]] which extend the HTML4 rel attribute.

__TOC__

== Authors ==
* John Allsopp, [http://westciv.com Western Civilisation]
* [http://tantek.com Tantek Çelik], [http://technorati.com Technorati, Inc]
* [[User:AndyMabbett|Andy Mabbett]]

== FAQ ==

===What microformats use "rel"? ===
*[[rel-directory]]
*[[rel-license]]
*[[rel-nofollow]]
*[[rel-tag]]
*[[rel-license]]
*[[rel-payment]]
*[[vote-links]]
*[http://gmpg.org/xfn/ XFN]

=== What is the proper use of the 'rel' attribute? ===

First, you can use the [http://www.w3.org/TR/html4/types.html#type-links linktype] as specified in [http://www.w3.org/TR/html4/ HTML 4]. A well known example of this is rel="stylesheet". Second, you "can extend the rel attribute using a [http://www.w3.org/TR/html4/types.html#type-links profile"], but "[http://www.w3.org/TR/html4/types.html#idx-link_type-2 HTML doesn't specify/recommend a profile format]". XMDP can be used to formally define new rel values.

=== What does a rel value really mean? ===

The rel values in HTML follow a consistent pattern which at a minimum ''implies'' a deliberate design. rel describes the relationship of a hyperlink in terms of what the destination (href) is, to the source, or from the source's perspective. rel="stylesheet" is perhaps the easiest example to understand in this manner, because it is saying that this resource over there (indicated with the href) ''is'' a "stylesheet" for the current document. Similarly, rel="help" link states that the resource indicated by the href is "help" (e.g. a help file or FAQ) for the current document. All the rest of the values defined in HTML4 also follow this pattern of being a ''noun'' which labels the resource indicated by the href, from the perspective of the current document.

=== Then what does "rev" mean? ===

"rev" is the precise opposite (or "reverse") of the "rel" attribute. E.g. a rev="help" link indicates that ''the current document'' is "help" for the resource indicated by the href.

=== Is rel single or bi directional? ===

Though the HTML4 specification is not specific on this point, all the rel values in the HTML4 specification follow a very consistent pattern that indicate a specific directionality to the value of the rel attribute. The ''only'' exception to this is the value "alternate", which, is actually inherently symmetric, so rel="alternate" means pretty much the same thing as rev="alternate". I say pretty much because in theory (and in practice) one of a pair of alternates is likely to be more definitive, and thus one is more a primary resource, with the other being an alternative. In theory you could extend rel with a new value, e.g. "original" which could be used to point back the original version of a document. This could be used for example with translations, where translations of a document would point back to the original with rel="original".

=== Are "rel" attributes, and linktypes in general, just document to document? ===

The vast majority of the rel values defined in HTML4 are from a document to a document. rel="stylesheet" is a bit of an exception, as it from an HTML document to a style sheet, which is more like a set of styling rules and instructions than a "document" in the classical sense. Two notable exceptions are rel="copyright" and rel="bookmark" which describe the relationship from the current document to (potentially) only part of a document. The 'rev' attribute adds an interesting perspective on this question. Specifically, [http://www.w3.org/TR/html4/struct/links.html#rev-link 12.3.1 of HTML4] shows an example of two links one using rel and the other using rev which mean the same thing. Thus linktypes in general may be either from a whole document or part of a document to a whole document or a part of a document. For example, the RelTag specification introduces the rel="tag" value, and notes that it indicates a relation from a document or major portion thereof to a document. Finally, XFN probably stretches rel the farthest, as it uses rel to indicate a person to person relationship. This person to person scope was not introduced by XFN, but merely adopted. It was introduced by bloggers who have taken to linking to other bloggers by name and thus using people's blog URLs as proxies for people themselves.

=== Is/Was VoteLinks a proper use of rel? ===

No. The problem with using rel for VoteLinks is made apparent with the following example:

<pre><nowiki>
<a href="http://www2005.org" rel="vote-for">WWW2005 is a great conference</a>
</nowiki></pre>

Following the reasoning in the earlier answer to the question of what a rel value means, this link would mean:

The resource indicated by http://www2005.org is a "vote-for" the current document.

That clearly doesn't make any sense, and was certainly not the intent of VoteLinks. Ironically, the reverse makes a lot more sense:

The current document is a "vote-for" the resource indicated by http://www2005.org.

And generalizing to the same cultural usage links as XFN:

The current document, as a proxy for the person who wrote it (e.g. the blogger whose blog it is),
is a vote-for the resource indicated by http://www2005.org.

Fortunately the "rev" attribute captures this "reverse" relationship semantic, and thus the above example should be written like this:

<pre><nowiki>
<a href="http://www2005.org" rev="vote-for">WWW2005 is a great conference</a>
</nowiki></pre>

And thus VoteLinks has been changed to use "rev" instead of "rel", in order to keep the well known and easily understandable "vote-for", "vote-abstain", and "vote-against" values.

=== Should 'rev' even be used ===

Given that the 'rev' attribute has been more often misused by authors than properly used ([http://code.google.com/webstats/2005-12/linkrels.html Google Code: Web Authoring Statistics: Link Relationships]) is it even a good idea to use rev at all?

The short answer is unfortunately "no". Use of "rev" SHOULD be avoided.

However, VoteLinks, is being grandfathered since it was such an early use. No future microformats should be developed that use 'rev'.

=== When a 'rel' value refers to a relationship to or from a page or document, is it referring to just the page, or the contents of the page, or both? ===

The consensus (and convention) is that such rel values are referring to the page itself including its immediate contents, but not for example to embedded contents of like images, objects, frames etc.

== See Also ==

* [[rel-directory]]
* [[rel-license]]
* [[rel-payment]]
* [[rel-tag]], [[rel-tag-faq]]
* [[rel-design-pattern]]
* [[vote-links]]
* [http://gmpg.org/xfn/ XFN], [http://gmpg.org/xfn/faq XFN FAQ]

Main Page

2007-01-03T20:08:45Z

SteveIvy: /* Exploratory Discussions */ fix hproduct links based on recent moving by tantek

__NOTOC__
<h1>Microformats Wiki</h1>

'''Hello!''' Welcome to the microformats wiki. If this is your first visit, please see the [[introduction]] page.

Please read [[how-to-play]] before making any edits.

Please read [[process]] before proposing any new microformats.

__TOC__

==Getting Started==

[[what-are-microformats|What are microformats]]? [[what-can-you-do-with-microformats|What can you do with them]]?

The [http://microformats.org/about/ about page], [http://microformats.org/ latest news], plus recent [[press]], [[presentations]], [[podcasts]], and [[screencasts]] are also good places for some background information. Our [[cheatsheets]] are handy if you need a quick reminder about a particular microformat.

Frequently asked questions about the wiki and microformats in general are answered in the [[faq|FAQ]], and there is a [[glossary]].

Want to learn more in person? Check out [[events|microformats events]].

==Definition==

One popular definition from our [http://microformats.org/discuss/ mailing list] (see also: [[mailing-lists]]) is "simple conventions for embedding semantics in HTML to enable decentralized development." More precisely, microformats can be defined as:
:simple conventions
:for embedding semantic markup
::for a specific problem domain
:in human-readable (X)HTML/XML documents, Atom/RSS feeds, and "plain" XML
::that normalize existing content usage patterns
::using brief, descriptive class names
::often based on existing interoperable standards
:to enable decentralized development
::of resources, tools, and services

Simply put: "Microformats are a codification of convention." -- [http://easy-reader.net Aaron Gustafson]

"Or do you just use your browser to browse? That's so 20th century." -- [http://diveintomark.org Mark Pilgrim]

== How to contribute ==

Do you want to help take microformats to the next level? You can:

*Check out our open [[to-do|to do list]] for things to help get done.
*Join the [http://microformats.org/discuss mailing lists] and [[irc|IRC Channel]] to learn and help answer questions about microformats.
*[[advocacy|Advocate]] the use of microformats.
*help to [[Main_Page#microformats_wiki_in_other_languages|translate the microformats wiki into other languages]] to make microformats globally accessible.

== Specifications ==
[[microformats|Microformats]] open standards specifications (see also: [[implementations]])
* [[hcalendar|hCalendar]] - [http://microformats.org/code/hcalendar/creator hcalendar creator]
* [[hcard|hCard]] - [http://microformats.org/code/hcard/creator hcard creator]
* [[rel-license]]
* [[rel-nofollow]]
* [[rel-tag]]
* [[vote-links|VoteLinks]]
* [http://gmpg.org/xfn/ XFN] (see also: [[xfn-implementations]])
* [http://gmpg.org/xmdp/ XMDP]
* [[xoxo|XOXO]]

== Drafts ==
* [[adr|adr]]
* [[geo|geo]]
* [[hatom|hAtom]]
* [[hresume|hResume]]
* [[hreview|hReview]] - [http://microformats.org/code/hreview/creator hreview creator]
* [[rel-directory]]
* [[rel-enclosure]]
* [[rel-home]]
* [[relpayment-research | rel-payment]]
* [[robots-exclusion|Robots Exclusion]]
* [[xfolk|xFolk]]

== Design Patterns ==

{{design_patterns}} 

== Exploratory Discussions ==
Research and analysis of real-world [[examples]], existing formats, and brainstorming to motivate the microformat. Please check [[rejected-formats]] before making additions.

*alternates [[alternates-brainstorming|alternates brainstorming]], [[alternates-examples|alternates examples]]
*[[attention]]
* blog description [[blog-description-examples|blog description examples]]
* blog info [[blog-info-examples|blog info examples]]
* blog post [[blog-post-examples|examples]], [[blog-post-formats|blog post formats]], and [[blog-post-brainstorming|blog post brainstorming]] (yielded the [[hatom|hAtom]] draft)
* book [[book-examples|book examples]], [[book-formats|book formats]], and [[book-brainstorming|book brainstorming]]
* chat [[chat-examples|chat examples]], [[chat-formats|chat formats]], and [[chat-brainstorming|chat brainstorming]]
* citation [[citation|citation effort]], [[citation-examples|citation examples]], [[citation-formats|citation formats]], [[citation-brainstorming|citation brainstorming]], and [[citation-faq|citation FAQ]]
* comment [[comment-problem|comment problem]], [[comment-examples|comment examples]], and [[comments-formats|comment formats]] (Some stuff needs to be extracted from [[comments-formats]])
* [[collection-description|collection description]] {{NewMarker}}
* [[course-catalog]]; [[course-catalog-examples]] {{NewMarker}}
* [[currency]]; [[currency-examples]]; [[currency-brainstorming]]; [[currency-proposal]]; [[currency-issues]]
* directions [[directions-examples|directions examples]] {{NewMarker}}
* directory inclusion [[directory-inclusion-examples|directory inclusion examples]], [[directory-inclusion-formats|directory inclusion formats]]. (see also [[rel-directory]])
* distributed conversation [[distributed-conversation|distributed conversation overview]], [[distributed-conversation-brainstorming|distributed conversation brainstorming]], [[distributed-conversation-examples|distributed conversation examples]], and [[distributed-conversation-formats|distributed conversation formats]]
* forms [[forms-examples|forms examples]]
* genealogy [[genealogy-formats|genealogy examples]]
* group [[group-brainstorming|group brainstorming]] and [[group-examples|group examples]]
* items [[items-brainstorming|items brainstorming]] and [[items-examples|items examples]
* hash [[hash-examples|hash examples]]
* job listing [[job-listing-examples|job listing examples]] and [[job-listing-brainstorming|job listing brainstorming]]
* last modified [[last-modified-examples|last modified examples]], [[last-modified-formats|last modified formats]], and [[last-modified-brainstorming|last modified brainstorming]]
* hListing [[hlisting-proposal|hListing proposal]], and [[hlisting-feedback|hListing feedback]]
** Also, listing [[listing-examples|examples]], [[listing-formats|formats]], and [[listing-brainstorming|brainstorming]]
* [[product|hProduct]] - [[product-brainstorming|hProduct brainstorming]] | [[product-examples|hProduct examples]]
* location [[location-formats|location formats]]. (see also [[adr]] and [[geo]])
* [[luna]] ([[geo]]-like co-ordinates, for places on The Moon) - see also [[geo-extension-strawman]] a possible implementation {{UpdateMarker}}
* [[mars]] ([[geo]]-like co-ordinates, for places on the planet Mars) - see also [[geo-extension-strawman]] a possible implementation {{UpdateMarker}}
* measures and measurement units [[measure]]
* [[media-info]] ([[media-info-examples|media-info examples]], [[media-info-formats|media-info formats]], [[media-info-brainstorming|media-info brainstorming]])
* meeting minutes [[meeting-minutes-examples|meeting minutes examples]], [[meeting-minutes-formats|meeting minutes formats]], and [[meeting-minutes-brainstorming|meeting minutes brainstorming]]
* metalink [[metalink-examples|metalink examples]] {{NewMarker}}
* microsummary [[microsummary-brainstorming|microsummary brainstorming]]
* [[mfo-examples|MFO examples]]
* music [[music-examples|music examples]]
* photo note [[photo-note-examples|photo note examples]]
*[[question-answer]], [[question-answer-brainstorming]]; [[question-answer-examples]] {{NewMarker}}
* recipe [[recipe-examples|recipe examples]], [[recipe-brainstorming]] {{UpdateMarker}}
* rel-product [[rel-product-brainstorming|rel-product brainstorming]]
* requirements testing [[requirements-testing|requirements testing overview]], and [[requirements-testing-examples|requirements testing examples]]
* [[rest-examples|REST examples]]
* resume [[resume-brainstorming|resume brainstorming]], and [[resume-formats|resume formats]]
* review [[review-examples|review examples]], and [[review-formats|review formats]] (yielded the [[hreview|hReview]] draft)
* search results [[search-results-example|search results example]]
* show [[show-brainstorming|show brainstorming]]
* showroll [[showroll-brainstorming|brainstorming]]
* [[species]] - for the marking up of the scientific names of living things: [[species-examples]]; [[species-brainstorming]] {{UpdateMarker}}
* table [[table-examples|examples]]
* tagspeak [[tagspeak-examples|tagspeak examples]]
* tagcloud [[tagcloud-examples|tagcloud examples]], and [[tagcloud-brainstorming|tagcloud brainstorming]].
* transit table [[transit-table-examples|transit table examples]]
* [[uid]]
* widget [[widget-examples|widget examples]], and [[widget-brainstorming|widget brainstorming]]
* [[wiki-formats|wiki formats]]
* work of art [[work-of-art|work of art overview]], [[workofart-examples|work of art examples]], [[workofart-formats|work of art formats]], and [[workofart-brainstorming|work of art brainstorming]]
*[[xmdp-brainstorming|XMDP brainstorming]] (see also [[xmdp-faq]])

== Examples ==
* [[examples]]
* [[zen-garden]]

== Tools, Test Cases and Additional Research ==

The first place to look for examples, code, and test cases is in the pages for each individual microformat. There are only a few cross-cutting tools and services that need to process more than one microformat. This section is intended for editors, parsers, validators, test cases, and other information relevant across multiple microformats.

*[[accessibility]]
*[[faqs-for-rdf]]
*[[icalendar-implementations]]
*[[parsing-microformats]]
*[[selected-test-cases-from-the-web]]
*[http://hg.microformats.org/ Source code repository] -- [[mercurial-quick-start|HowTo: Download code from the repository]]
*[[vcard-implementations]], [[vcard-errata]], [[vcard-suggestions]]
*[[why-are-content-standards-hard]]

== shared work areas ==
* [[buttons]]
* [[spread-microformats]] {{NewMarker}}
* [[demo]] - a page with links for quickly demonstrating microformats working in practice.
* [[events]]
* [[to-do]]
* [[user-interface]]
* [[marked-for-deletion]]
* [[microformats-issues]] {{NewMarker}} - issues related to more than one microformat.

== microformats wiki in other languages ==

You may read and edit microformats articles in many other languages:

* languages with over 50 articles
** [[Main_Page-fr|Français (French)]] {{UpdateMarker-fr}}
* languages with over 10 articles
** [[Main_Page-pt-br| Português (Brazilian Portuguese)]] {{NewMarker-pt-br}}
** [[Main_Page-ja|日本語 (Japanese)]]
* languages with over 2 articles
** [[Main_Page-es|Español (Spanish)]]
** [[Main_Page-de|Deutsch (German)]]

==== microformats translations elsewhere ====
These are off-site pages/sites with translations about microformats. If you are working on one of these, please consider translating the main microformats website!
* [http://mikroformate.pbwiki.com/ Deutsch (German) mikroformate.pbwiki.com] {{NewMarker-de}}

=== Start a microformats wiki in another language ===

Don't see the language you want? Help translate the microformats wiki into another language!

We're still figuring this out.

For now, see the [http://en.wikipedia.org/wiki/Wikipedia:Multilingual_coordination Wikipedia page on Multilingual coordination], and [http://meta.wikimedia.org/wiki/How_to_start_a_new_Wikipedia How to start a new Wikipedia] for some good general tips, advice, and community conventions.

You may want to start with the list of [[stable-pages]], which are pages that are relatively stable, and have only minimal/editorial changes, which makes them much easier to keep in sync with the English versions, by using the [[Special:Watchlist|my watchlist]] feature (use it to watch the pages you've translated for changes).

Page naming: for the translated version of a page, use the same name for the page, and simply add the RFC 3066 language identifier code as a dash suffix. E.g. for the French version, [[Main_Page]] becomes [[Main_Page-fr]], and [[how-to-play]] becomes [[how-to-play-fr]].

==== more languages folks want to see ====

* Chinese: 微格式 (Microformats) (see [http://msittig.blogspot.com/2005/11/since-i-translated-schedule-of.html source of translation])
* Does somebody want to see a Dutch translation???

User:SteveIvy

2007-01-03T19:49:29Z

SteveIvy:

irc-people

2007-01-03T19:48:18Z

SteveIvy:

A list of [[irc|IRC]] regulars sorted by nick and their normal timezones (winter/summer).

* [[User:Adam Craven|AdamCraven]] (+0000)
* [[User:Amette|amette]] (+1000)
* [[User:B.K._DeLong|bkdelong]] (-0500/-0400)
* [[User:Ben Ward|BenWard]] (+0000)
* [[User:BenjaminCarlyle|BenjaminCarlyle]] (+1000)
* [[User:BenWest|bewest]] (-0800/-0700)
* [[User:Boneill|boneill]] (+0000)
* [[User:Brian|briansuda]] (+0000)
* [[User:ColinDDevroe|cdevroe]] (-0500/-0600)
* [[User:Cgriego|cgriego]] (-0600/-0500)
* [[User:CharlesRoper|charles_r]] (0000/+0100)
* [[User:ChrisCasciano|pnhChris]] (-0500/-0400)
* [[User:ChrisMessina|factoryjoe]] (-0800/-0700)
* [[User:ChristopherStJohn|cks]] (-0600/-0500)
* [[User:Cloud|Cloud]] (+0000)
* [[User:Csarven|csarven]] (-0500/-0400)
* [[User:DanC|DanC]] (-0600/-0500)
** office hours: Wednesday afternoons, America/Chicago time
* [[User:DannyAyers|danja]] (+0100/+0200)
* [[User:Dave Cardwell|davecardwell]] (+0000)
* [[User:DeanEro|deanero]] (-0800/-0700)
* [[User:DimitriGlazkov|dglazkov]] (-0600/-0500)
* [[User:DrewMcLellan|drewinthehead]] (+0000/+0100)
* [[User:EdwardOConnor|hober]] (-0800/-0700)
* [[User:Enric|enric]] (-0800/-0700)
* [[User:Evan|evanpro]] (-0500)
* [[User:Fil|Fil]] (+0200)
* [[User:Grantbow|Grantbow]] (-0800/-0700)
* [[User:Hlb|hlb]] (+0800-0700)
* [[User:IanHickson|Hixie]] (-0800/-0700)
* [[User:Izo|IZO]]
* [[User:JamieKnight|jammie_]] (+1000/0000)
* [[User:JoeGregorio|jcgregorio]]
* [[User:Jonathan_Arkell|jonnay]] (-0700/0600)
* [[User:JasonK|jkridner]]] (-0600/-0500)
* [[User:Kapowaz|kapowaz]] (+0000/+0100)
* [[User:Keri Henare|kerihenare]] (+1200)
* [http://epeus.blogspot.com/ KevinMarks] (-0800/-0700)
* [[User:Lachlan Hunt|Lachy]] (+1000/+1100)
* [[User:Mark Mansour|Mark Mansour]] (+1100)
* [[User:MarkNormanFrancis|Mark Norman Francis]] (+0000/+0100)
* [[User:CiaranMc|McNulty]] (+0000/+0100)
* [[User:SteveIvy|monkinetic]] (-0700)
* [[User:neuro|neuro`]]
* [[User:Phae|Phae]] (+0000/+0100)
* [[User:PriitLaes|plaes]] (+0200/+0300)
* [[User:DavidOsolkowski|qid]] (-0500)
* [[User:Remi|Remi]] (-0500/-0400)
* [[User:RobertBachmann|RobertBachmann]] (+0100/+0200)
** Office hours: <del>Wednesday, 18:00-20:00 UTC</del> (Currently no office hours)
* [[User:Ronnos|Ron Kok]] (+0000)
* [[User:RyanKing|kingryan]] (-0800/-0700)
** [http://theryanking.com/blog/archives/2006/04/19/office-hours/ Office hours]: Wednesday, 21:00 UTC
* [[User:Dana Benson|Snowden]] (-0800/-0700)
* [[User:Steve Ganz|SteveGanz]] (-0800/-0700)
* [[User:Tantek|Tantek]] (-0800/-0700)
* [[User:Trovster|trovster]] (-0800/-0700)
* [[User:Vant|vant]] (+0900)
* [[User:Veeliam|William Lawrence]] (-0800/-0700)

== unsorted ==
* [[User:Dan Kubb|dkubb]] (-0800/-0700)
* [[User:Ed Summers|edsu]] (-0500/-0400)
* [[User:Smackman|Steve Farrell]] (-0800/-0700)
* [[User:Enric|Enric]] (-0800/-0700)
* [[User:Charlvn|Charl]] (+0200/+0200)
* [[User:MarkoMrdjenovic|friedcell]] (+0100/+0200)
* [[User:KrissWatt|VoodooChild]] (+0000/+0100)
* [[User:IwaiMasaharu|iwaim]] (+0900)
* [[User:Richard Conyard|WhiskeyM]] (+0000)
* [[User:Ianloic|yakk]] (-0800/-0700)
* [[User:Ashley|Ashley]] (+1000)
* [[User:SuperPhly|SuperPhly]] (-600/-500)
* [[User:Colin_Barrett|cbarrett]] (-1000)
* [[User:HenriBergius|bergie]] (+0200/+0300)
* [[User:JacksonWilkinson|whafro]] (-0500/-0400)
* [[User:Adactio|Jeremy Keith]] (+0000)
* [[User:JulianStahnke|Julian Stahnke]] (+0000)

implementations

2007-01-03T19:15:05Z

SteveIvy: /* Companies / Developers / Organizations */

<h1>Microformats Implementations and Implementers</h1>

This page lists the applications, plugins, sample code, services, tools that produce or consume microformats as well as companies, developers, and organizations who implement the aforementioned. This is only a partial list. If you know other companies implementing tools for microformats, please add them and list their services/tools and what specific microformats they support.
__TOC__

== Implementations vs. Examples in the Wild ==

This page is ''only'' for implementations of tools that publish or consume microformats. Companies simply ''using'' microformats on their pages/sites belong in the "Examples in the wild" sections of those respective microformats, e.g.:
* [[hcard-examples-in-wild|hCard Examples in the wild]]
* [[hcalendar-examples-in-wild|hCalendar Examples in the wild]]
* etc.

== Editing This Page ==

This page is primarily composed of two big lists:
* [[implementations#Applications_.2F_Plugins_.2F_Services_.2F_Tools|Applications / Plugins / Services / Tools]]
* [[implementations#Companies_.2F_Developers_.2F_Organizations|Companies / Developers / Organizations]]

When you find an implementation, first make sure that it is ''actually'' an implementation as opposed to ''just'' an [[hcard-examples-in-wild|example in the wild]] of publishing microformats (see above).

Second, note the name of the ''tool or service'' separately from the name of the ''developer(s)'' who wrote the tool/service.

Add a third level heading with the name of the tool/service ( <code>=== Name of Tool ===</code> ) to the Applications / Plugins / Services / Tools section, sorted alphabetically by name of tool/service. Add a top level list item (*) just below the heading with an external link to the tool/service, along with a link to evidence of their support for microformats, and mention (and locally link) each microformat that is supported.

Add a nested list item <code>* by Name of Developer</code> and local hyperlink the Name of Developer to a fragment identifier in this page, e.g. Apple Computer would be linked like this: <code><nowiki>[[implementations#Apple_Computer|Apple Computer]]</nowiki></code>

Check to see if there is an entry for the developer in the list of Companies / Developers / Organizations, if not add a third level heading with the name of the developer ( <code>=== Name of Developer ===</code> ), alphabetically sorted by name of developer. Add a link to the developer's home page followed by "has implemented microformats in:".

In the entry for the developer, add a list item <code>* Name of Tool</code> and local hyperlink the Name of Tool to a fragment identifier in this page, e.g. X2V would be linked like this: <code><nowiki>[[implementations#X2V|X2V]]</nowiki></code>

Save the page and make sure that each fragment ID local hyperlink when clicked scrolls you to the right spot (for the developer, and for the tool). Make any fix-up edits as necessary. That's it!

== Formats ==

Most microformat specifications have an "implementations" section, e.g.:
* [http://microformats.org/wiki/hcalendar#Implementations hCalendar], [http://microformats.org/wiki/hcard#Implementations hCard], [http://microformats.org/wiki/rel-tag#Implementations rel-tag], [http://microformats.org/wiki/vote-links#Implementations vote-links], [http://microformats.org/wiki/xoxo#Implementations XOXO] etc.

In addition, some microformat specifications have separate implementation pages:
* [[xfn-implementations]]

== Applications / Plugins / Services / Tools ==

This is an alphabetical listing of all applications, plugins (grouped with their app/tool), services and tools that implement microformats, along with the list of microformats that are supported, and the company and/or developers responsible for it.

As a user, the implementations listed below will automatically help you use microformats and help your data portability and interoperability with other apps and services.

Please help complete this list! If you know of additional apps/plugins/services/tools that support microformats, please add them!

Note: this section is only for listing specific ''implementations''. The list of ''implementors'' is in the [[implementations#Companies / Developers / Organizations|Companies / Developers / Organizations]] section below.

=== .Mac Webmail ===

* The [http://www.mac.com/webmail .Mac Webmail] ''service'' now [http://factoryjoe.com/blog/2006/10/28/apple-embraces-microformats-in-new-mac-webmail/ supports hcard].
** by [[implementations#Apple_Computer|Apple Computer]]

=== Blinksale ===
* [http://blinksale.com Blinksale] uses [[hcard|hCard]] standard throughout for people and companies.

=== BlogMatrix ===
* [http://www.blogmatrix.com BlogMatrix] - user information marked as [[hcard|hCard]], tag directories in [[xfolk]]/[[rel-tag]], enclosures are marked as [[rel-enclosure]].
** by [[implementations#David_Janes|David Janes]]

=== Blogmarks.net ===
* [http://www.blogmarks.net Blogmarks.net] publish user bookmarks in [[xfolk]]/[[rel-tag]].

=== Community Server ===
* [http://communityserver.org Community Server] supports tagging posts with [[rel-tag]], implements [[rel-nofollow]] on links in comments, and allows users to create link lists using [http://gmpg.org/xfn/ XFN].

=== Citycita===
* [http://www.citycita.org Citycita] supports [[hCal|hCal]] in all event pages for local social groups.
** by [[implementations#Rubio_Jamin|Rubio Jamin]]

=== Cork'd ===
* [http://corkd.com Cork'd] supports [[hcard|hCard]] for user profiles, [[hreview|hReview]] for wine reviews, along with [[rel-tag]] for tagging wines as announced in [http://www.simplebits.com/notebook/2006/06/10/wineformats.html Pairing Wine and Microformats]
** by [[implementations#Dan_Cederhold|Dan Cederholm]]

=== Dreamweaver ===
==== Microformats Extensions ====
* [http://www.webstandards.org/action/dwtf/microformats Dreamweaver Microformats Extensions] ([http://allinthehead.com/beta/microformats.mxp.zip download]) support authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] as [http://allinthehead.com/retro/282/microformats-in-dreamweaver announced by Drew]
** by [[implementations#Drew_Mclellan|Drew McLellan]]

=== Drupal ===
==== Upcoming module for Drupal ====
* [http://hybernaut.com/upcoming-module Drupal Upcoming.org syndication module] emits [[hcalendar|hCalendar]]
** by [[implementations#Brian_Del_Vecchio|Brian Del Vecchio]]

=== EVDB ===
* [http://evdb.com EVDB] / [http://eventful.com Eventful] supports [[hcalendar|hCalendar]] for over 1,000,000 event listings and [[hcard|hCard]] for venues.

=== Finetoothcog ===
* [http://finetoothcog.com/site/stolen_bikes Stolen Bikes] now supports [[hcalendar|hCalendar]] for reported stolen bikes. Also provides iCal subscription.

=== Firefox ===
* See [[firefox-extensions]]

=== FunAdvice ===
* [http://funadvice.com FunAdvice] supports using the rel-nofollow tag to prevent users posting content simply for the search engine benefit, to improve teh quality of the advice giving community.

=== Gravatar Commenters as hCards ===
* [http://thedredge.org Andy Hume] added code to his blogging software to automatically mark-up the names and URLs of commenters on his blog with [[hcard|hCard]].
** by [[implementations#Andy_Hume|Andy Hume]]
** Andy - any chance of open sourcing your code to turn Gravatars into hCards?

=== Flickr People ===
* [http://flickr.com/ Flickr]'s profiles on its people pages supports both [[hcard|hCard]] and [http://gmpg.org/xfn XFN].
** by [[implementations#Cal_Henderson|Cal Henderson]]
**[http://flickr.com/people/tantek example]

=== Flickr Photos ===
* [http://flickr.com/map/ Flickr's geo tagged photos] are marked up with the [[geo]] microformat.

=== Flock Web Browser ===
* The [http://flock.com Flock web browser] supports the [[rel-tag]] microformat.
** by [[implementations#Flock|Flock]]

=== Google Search ===
* [http://google.com/ Google Search] - supports [[rel-nofollow]]
=== Google Creative Commons Search ===
* [http://www.google.com/webhp?as_rights=(cc_publicdomain%7Ccc_attribute%7Ccc_sharealike%7Ccc_noncommercial%7Ccc_nonderived) Google Creative Commons Search] - supports [[rel-license]]

=== Greasemonkey ===
* [http://greasemonkey.makedatamakesense.com/google_hcalendar/ Google hCalendar] - Adds hCalendar data to Google Calendar.
* [http://www.nickpeters.net/?p=35 Social xFolk] - Adds xFolk links to social bookmarking sites del.icio.us and ma.gnolia.

=== hCalendar creator ===
* [http://microformats.org/code/hcalendar/creator hCalendar creator] (originally [http://theryanking.com/microformats/hcalendar-creator.html published by Ryan King]) is a javascript form for creating [[hcalendar|hCalendar]] events.
** by [[implementations#Ryan_King|Ryan King]]

=== hCard creator ===
* The open source [http://microformats.org/code/hcard/creator hCard creator] (originally [http://tantek.com/microformats/hcard-creator.html published by Tantek]) is a very simple, yet illustrative, open source user interface / form / script which creates an [[hcard|hCard]] in real-time as you type in a set of contact information.
** by [[implementations#Tantek_Çelik|Tantek Çelik]]

=== hKit Microformats Toolkit for PHP5 ===
* [http://allinthehead.com/hkit hKit Microformats Toolkit for PHP5] as [http://allinthehead.com/retro/291/hkit-microformats-toolkit-for-php announced by Drew McLellan]

=== hReview creator ===
* [http://microformats.org/code/hcalendar/creator hReview creator] (originally [http://theryanking.com/microformats/hreview-creator.html published by Ryan King]) is a javascript form for creating [[hreview|hReviews]].
** by [[implementations#Ryan_King|Ryan King]]

=== Ice Rocket ===
* [http://icerocket.com] - [http://blogs.icerocket.com/tag/ supports] [[rel-tag]]

=== iChat buddy list to hCards ===
* [http://tantek.com/microformats/buddylist2hcards.html iChat buddy list to hCards] - open source AppleScript to automatically convert one's buddy list in the MacOSX iChat AIM client into a valid XHTML 1.0 Strict list of hCards.
** by [[implementations#Tantek_Çelik|Tantek Çelik]]

=== JSCalendar ===
* [http://web.mit.edu/glasser/www/JSCalendar/ JSCalendar] parses [[hcalendar|hCalendar]] and produces a displayable HTML table/CSS-based calendar.

=== Konqueror ===
* [http://www.konqueror.org/ Konqueror] - [http://flickr.com/photos/factoryjoe/68755089/ supports] [[hcard|hCard]]

=== Last.fm ===
* [http://last.fm Last.fm] - [http://factoryjoe.com/blog/2006/10/31/lastfm-adds-support-for-hcalendar/ Last.fm supports] [[hcalendar|hCalendar]]

=== Laughing Squid Calendar ===
* The [http://laughingsquid.com/squidlist/calendar/ Laughing Squid Calendar] events listings support [[hcalendar|hCalendar]].
** by [http://laughingsquid.com/ Laughing Squid]

===LinkedIn ===
* [http://www.linkedin.com LinkedIn] - LinkedIn includes [[hcard|hCard]] on profiles and [[hreview|hReview]] on service provider recommendations
** by [[implementations#Chris Saccheri|Chris Saccheri]]

=== LiveJournal ===
* [http://www.livejournal.com LiveJournal] - LiveJournal supports tagging posts with [[rel-tag]].

=== LJFind ===
* [http://www.ljfind.com LJ-Find] - LJFind supports tagging posts with [[rel-tag]].

=== Microformat Base ===
* [http://randomchaos.com/microformats/base/ Microformat Base]
** by [[implementations#Scott Reynen|Scott Reynen]]

=== Microformat Bookmarklet Overlay ===
* [http://leftlogic.com/info/articles/microformats_bookmarklet Microformats Bookmarklet] for Safari, Firefox and Camino, supports [[hcard|hCard]] and [[hcalendar|hCalendar]] and allows the user to import individual microformats on the fly.
** by [[implementations#Remy_Sharp|Remy Sharp]]

=== Microformat Parser for Ruby ===
* [http://blog.labnotes.org/2005/11/20/microformat-parser-for-ruby/ Microformat Parser for Ruby]
** by [[implementations#Assaf Arkin|Assaf Arkin]]

=== Nature Network Boston ===
* [http://network.nature.com/boston/ Nature Network Boston], a social networking community for scientists, supports [[reltag|rel-tag]], [[hcard|hCard]] for user profiles and [[hcalendar|hCalendar]] for marking up events across the site.
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]

=== Nature Protocols ===
* [http://www.nature.com/nprot/ Nature Protocols], a forum for scientists to upload and comment on protocols, supports [[hcard|hCard]] and [[XOXO]].
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]

=== Nutch ===
* [http://www.mail-archive.com/nutch-dev@lucene.apache.org/msg01295.html rel-nofollow support added]
* [http://www.mail-archive.com/nutch-commits@lucene.apache.org/msg01014.html rel-tag support checked in]

=== ODEO ===
* [http://odeo.com/ ODEO] [http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html noted] that they support microformats: [[rel-tag]], [[rel-enclosure]], [http://gmpg.org/xfn XFN].

=== phpMicroformats ===
* [http://enarion.net/phpmicroformats/ phpMicroformats] is a PHP class library that generates microformat entries for [[hcalendar|hCalendar]] and [[hcard|hCard]]. It is released under GPL.

=== Profiler ===
* [http://microformat.makedatamakesense.com/profiler/ Profiler] works as a proxy service adding microformat profiles to documents that appear to contain microformats.

=== RFC2629.xslt ===
* [http://greenbytes.de/tech/webdav/rfc2629.xslt rfc2629.xslt] now attempts to generate [[hcard|hCard]] information ([http://ietf.org/rfc/rfc2629 RFC2629] in an XML format for authoring RFCs and Internet Drafts, see [http://greenbytes.de/tech/webdav/rfc2629xslt/rfc2629xslt.html example document])

=== Salesforce ===
* [http://salesforce.com Salesforce] [http://flickr.com/photos/kingsleyj/175689109/ supports] [[hcard|hCard]]
** by [http://flickr.com/people/kingsleyj/ Kingsley Joseph]
==== Spanning Salesforce ====
* [http://spanningsalesforce.com/ Spanning Salesforce] supports [[hcalendar|hCalendar]].

=== Sivitools ===
<blockquote>
Sivitols is a Java library for microformats. Currently only the xFolk RC1 standard is implemented, but additional microformat support is planned. This library is being written and maintained for a tag sharing project undertaken by Video Vertigo.
</blockquote>
[http://blog.blip.tv/blog/microformats/ Annoucement], [http://pokkari.com/microformat/javadoc/ Docs]

=== SPRACI ===
* [http://www.spraci.com SPRACI] - nightlife/events - [[hcalendar|hCalendar]] published in events listings, aggregator can read hCalendar

=== Sunnyvale House Concerts ===
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supports [[hcard|hCard]] and [[hcalendar|hCalendar]].

=== Technorati Contacts Feed Service ===
* [http://feeds.technorati.com/contacts/ Technorati Contacts Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcard|hCards]] to vCard (.vcf) format.

=== Technorati Events Feed Service ===
* [http://feeds.technorati.com/events/ Technorati Events Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcalendar|hCalendar]] events to iCalendar (.ics) format.

=== Technorati Microformats Search ===
* Technorati [http://kitchen.technorati.com/search/ Microformats Search]. Search for contacts ([[hcard|hCard]]), events ([[hcalendar|hCalendar]]), or reviews ([[hreview|hReview]]) published on blogs and other web sites.
** by [#implementations#Tantek_Çelik|Tantek Çelik]], [[implementations#Ryan_King|Ryan King]], [[implementations|Kevin_Marks|Kevin Marks]], [[implementations#Josh_Smith|Josh Smith]]

=== Technorati Search ===
* [http://technorati.com/ Technorati] [http://technorati.com/search Search] supports and handles both [[vote-links]] and [[rel-nofollow]] for indicating whether a link should have any/positive/negative weighting towards the destination.
** by [http://technorati.com/about/staff.html Technorati Staff]
=== Technorati Tags ===
* [http://technorati.com/tags/ Technorati Tags] pages aggregate blog posts tagged with the [[rel-tag]] open tagging standard, in addition to recent tagged photos and links.

=== Textpattern ===
==== Microformats Plugin ====
* [http://placenamehere.com/TXP/pnh_mf/ Textpattern Microformats Plugin] supports authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] in the [http://www.textpattern.com/ Textpattern] CMS/blogging tool
** by [http://placenamehere.com/ Chris Casciano]

=== Upcoming.org ===
* [http://upcoming.org Upcoming.org] - hCalendar support in events listings and individual events.
** by [[implementations#Andy_Baio|Andy Baio]], [[implementations#Leonard_Lin|Leonard Lin]], [[implementations#Gordon_Luk|Gordon Luk]]

=== WordPress ===
* [http://wordpress.org WordPress] supports [http://gmpg.org/xfn/ XFN] blogrolls through a very nice built-in user interface. (cf. [[xfn-implementations]])
** by [[implementations#Matt_Mullenweg|Matt Mullenweg]] and friends

==== WP Microformatted Blogroll ====
* The [http://factorycity.net/projects/wp-microformatted-blogroll/ WP Microformatted Blogroll 0.2] Wordpress plugin by [[implementations#Chris_Messina|Chris Messina]] supports [[hcard|hCard]] and [http://gmpg.org/xfn/ XFN].

==== VoteBack Plugin ====
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack plugin for Wordpress] - checks incoming pingbacks and trackbacks for [[votelinks]].

==== WP Themes ====
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for Wordpress that uses [[hatom|hAtom]].
** The theme is also available to accounts on the <username>.wordpress.com hosting service.
* [http://www.jesuscarrera.info/proyectos/startpoint/ StartPoint] A theme for theme developers. A good start point to make your own templates. It supports multiple languages, widgets, contains semantic hAtom microformats, and more.
* [http://www.whump.com/dropbox/Strangelove.zip Strangelove] is a modification of the default Wordpress theme (Kubrick) with [[hatom|hAtom]] support.
** It points to the hAtom2Atom proxy service as the link for syndication feeds.

=== X2V ===
* Brian Suda has created several XSLT files to extract microformats from HTML. From that the [http://suda.co.uk/projects/X2V/ X2V] webservice/favelet emerged. The XSLT and favelet extracts [[hcard|hCard]] and to produces .vcf (vCard) files and [[hcalendar|hCalendar]] to produce .ics (iCal) files. Also in the labs is a universal XMDP validator and a site-wide search spider that recognizes 'no-follow', 'license' and other microformats so they can be used in a more semantic way when displaying search results.
** by [[implementations#Brian_Suda|Brian Suda]]

=== Yahoo Creative Commons Search ===
* [http://search.yahoo.com/cc/ Yahoo Creative Commons Search] - supports [[rel-license]] specifically to search for Creative Commons licensed content.

=== Yahoo Local ===
* [http://local.yahoo.com Yahoo local] supports [[hcard|hCard]], [[hcalendar|hCalendar]], and [[hreview|hReview]].

=== Yahoo Tech ===
* [http://tech.yahoo.com Yahoo! Tech] supports [[hreview|hReview]].

=== Yahoo UK Movies ===
* [http://movies.yahoo.co.uk Yahoo! UK Movies] supports [[hreview|hReview]].
** by Mark Norman Francis

=== Yedda ===
* [http://yedda.com Yedda] supports [[hcard|hCard]] for exposing users information, [[hatom|hAtom]] for exposing data that is already exposed via feeds (like list of questions and answers) and [[rel-tag|rel-tag]] for every tag used to tag questions and users.

== Validators ==
This is an alphabetical listing of tools that have been created to validate implementations, and which formats they support.

Please add to this section if you have a validator/checker, no matter which or how many microformats you test for.

=== rel-lint ===
* [http://tools.microformatic.com/help/xhtml/rel-lint/ rel-lint] supports validation of [[rel-tag|rel-tag]] and [[xfn|XFN]]
* by [[implementations#Drew_McLellan|Drew McLellan]]

== Companies / Developers / Organizations ==

(Considering moving all of these to an [[implementors]] page of its own).

Thanks to all of the hardworking developers and innovative companies and organizations for supporting microformats.

This is an alphabetical listing of all companies, developers (by last name) and organizations who have built and shipped at least one implementation (see above for details of each implementation) that users can use.

Please help complete this list! If you have coded support for microformats and don't see your name, add it! If your company supports microformats in its applications, add it!

Note: please add direct links to specific applications, plugins, services, or tools to the list of [[implementations#Applications / Plugins / Services / Tools|Applications / Plugins / Services / Tools]] and then link to those from their implementor with a fragment identifier link, e.g. to link to the "Cork'd" wine review community:
* <nowiki>[[implementations#Cork'd|Cork'd]]</nowiki>
Similarly, for additional sites, put direct links to them in the [[implementations#Additional Sites|Additional Sites]] section and then link to them from their implementor with a fragment identifier link.

=== Apple Computer ===
[http://apple.com/ Apple Computer] has implemented microformats in:
* [[implementations#.Mac_Webmail|.Mac Webmail]]

=== Andy Hume ===
* [[implementations#Andy_Hume_Blog|Andy Hume Blog]]

=== Andy Baio ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Assaf Arkin ===
* [[implementations#Microformat_Parser_for_Ruby|Microformat Parser for Ruby]]

=== Brian Del Vecchio ===
* [[implementations#upcoming_module_for_drupal| Upcoming module for Drupal]]

=== Brian Suda ===
* [[implementations#X2V|X2V]]

=== Chris Casciano ===
* [[implementations#Microformats_Plugin|Textpattern Microformats Plugin]]

=== Chris Saccheri ===
* [[implementations#LinkedIn|LinkedIn]]

=== Calvin Yu ===
* [http://blog.codeeg.com/ Calvin Yu blog: Don't Forget to Plant It!]
* [[implementations#Tails_Firefox_Extension|Tails Firefox Extension]]

=== Dan Cederholm ===
* [[implementations#Cork'd|Cork'd]]

=== David Janes ===
* [[implementations#BlogMatrix|BlogMatrix]]

=== David Long and James Myers ===
* [[implementations##ZDNet_UK|ZDNet]]

=== Drew McLellan ===
* [[implementations#Microformats_Extensions|Microformats Extensions]]
* [[implementations#hKit_Microformats_Toolkit_for_PHP5|hKit Microformats Toolkit for PHP5]]
* [[implementations#rel-lint|rel-lint Validator Tool]]

=== enarion.net ===
* [[implementations#phpMicroformats|phpMicroformats]]

=== Flock ===
* [[implementations#Flock Web Browser|Flock Web Browser]]

=== FunAdvice ===
* [[implementations#FunAdvice|FunAdvice]]

=== Google ===
* [[implementations#Google_Search|Google Search]]
* [[implementations#Google_Creative_Commons_Search|Google Creative Commons Search]]

=== Gordon Luk ===
[[implementations#upcoming.org|Upcoming.org]]

=== Josh Smith ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kent Brewster ===
* [http://www.mindsack.com/?page_id=39 Extensible friends] -- JSON + XFN and bookmarklet

=== Kevin Marks ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kingsley Joseph ===
[http://flickr.com/people/kingsleyj/ Kingsley Joseph]:
* [[implementations#Salesforce|Salesforce]]

=== Laughing Squid ===
* [[implementations#Laughing_Squid_Calendar|Laughing Squid Calendar]]

=== Leonard Lin ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Nature Publishing Group ===
* Nature Publishing Group are steadily rolling out microformats across their sites and titles. Current implementations include the following online services:
** [[implementations#Nature Network Boston|Nature Network Boston]]
** [[implementations#Nature Protocols|Nature Protocols]]
* as well the following additional site(s):
** [[implementations#Nature Home Page|Nature Home Page]]

=== Remy Sharp ===

* [[implementations#Microformats_Bookmarklet|Microformats Bookmarklet]]

=== Robert de Bruin ===
* [http://bordewolf.blogspot.com/ Robert de Bruin' s blog: Bor de Wolf]
* [[implementations#Tails_Export_Firefox_Extension|Tails Export Firefox Extension]]

=== Ryan King ===
* [[implementations#hCalendar_creator|hCalendar Creator]]
* [[implementations#hReview_creator|hReview Creator]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Scott Allan Wallick ===
* [[implementations#WP_Themes|Sandbox Wordpress Theme w/hAtom Support]]

=== Scott Reynen ===
* [[implementations#Microformat_Base|Microformat Base]]

=== SixApart ===
* [[implementations#LiveJournal|LiveJournal]]

=== Steve Ivy ===
* [[implementations#VoteBack_Plugin|Wordpress VoteBack Plugin]]

=== Tantek Çelik ===
* [[implementations#hCard_creator|hCard Creator]]
* [[implementations#iChat_buddy_list_to_hCards|iChat Buddy List to hCard]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Technorati ===
* [[implementations#Technorati_Contacts_Feed_Service|Technorati Contacts Feed Service]]
* [[implementations#Technorati_Events_Feed_Service|Technorati Events Feed Service]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]
* [[implementations#Technorati_Search|Technorati Search]]
* [[implementations#Technorati_Tags|Technorati Tags]]

=== Yahoo ===
* [[implementations#Flickr_People|Flickr People]]
* [[implementations#Upcoming.org|Upcoming]]
* [[implementations#Yahoo_Creative_Commons_Search|Yahoo Creative Commons Search]]
* [[implementations#Yahoo_Local|Yahoo Local]]
* [[implementations#Yahoo_Tech|Yahoo Tech]]
* [[implementations#Yahoo_UK_Movies|Yahoo UK Movies]]

=== Yedda ===
* [[implementations#Yedda|Yedda]]

== Needs Fixing ==

* Re-format author names and links to display Surname Firstname - for better indexing, and complete cross-linking [[User:Phae|Frances Berriman]]

The following have been moved from the sections above due to problems, stated below:

=== Web Essentials ===
* [http://we05.com/ Web Essentials] - supports [[hcard|hCard]] and [[hcalendar|hCalendar]], e.g. in their [http://we05.com/presenters.cfm list of presenters] and [http://we05.com/program.cfm program schedule].
** John McKerrell tried to look at the site on 24th October 2006 but could not access the site, server didn't seem to be up.

== Other ==
Some notes on initial thoughts around [[implementation-guidelines|Guidelines and Strategies for Implementing Microformats]]

implementations

2007-01-03T18:57:08Z

SteveIvy: /* WordPress */ add VoteBack plugin implementation

<h1>Microformats Implementations and Implementers</h1>

This page lists the applications, plugins, sample code, services, tools that produce or consume microformats as well as companies, developers, and organizations who implement the aforementioned. This is only a partial list. If you know other companies implementing tools for microformats, please add them and list their services/tools and what specific microformats they support.
__TOC__

== Implementations vs. Examples in the Wild ==

This page is ''only'' for implementations of tools that publish or consume microformats. Companies simply ''using'' microformats on their pages/sites belong in the "Examples in the wild" sections of those respective microformats, e.g.:
* [[hcard-examples-in-wild|hCard Examples in the wild]]
* [[hcalendar-examples-in-wild|hCalendar Examples in the wild]]
* etc.

== Editing This Page ==

This page is primarily composed of two big lists:
* [[implementations#Applications_.2F_Plugins_.2F_Services_.2F_Tools|Applications / Plugins / Services / Tools]]
* [[implementations#Companies_.2F_Developers_.2F_Organizations|Companies / Developers / Organizations]]

When you find an implementation, first make sure that it is ''actually'' an implementation as opposed to ''just'' an [[hcard-examples-in-wild|example in the wild]] of publishing microformats (see above).

Second, note the name of the ''tool or service'' separately from the name of the ''developer(s)'' who wrote the tool/service.

Add a third level heading with the name of the tool/service ( <code>=== Name of Tool ===</code> ) to the Applications / Plugins / Services / Tools section, sorted alphabetically by name of tool/service. Add a top level list item (*) just below the heading with an external link to the tool/service, along with a link to evidence of their support for microformats, and mention (and locally link) each microformat that is supported.

Add a nested list item <code>* by Name of Developer</code> and local hyperlink the Name of Developer to a fragment identifier in this page, e.g. Apple Computer would be linked like this: <code><nowiki>[[implementations#Apple_Computer|Apple Computer]]</nowiki></code>

Check to see if there is an entry for the developer in the list of Companies / Developers / Organizations, if not add a third level heading with the name of the developer ( <code>=== Name of Developer ===</code> ), alphabetically sorted by name of developer. Add a link to the developer's home page followed by "has implemented microformats in:".

In the entry for the developer, add a list item <code>* Name of Tool</code> and local hyperlink the Name of Tool to a fragment identifier in this page, e.g. X2V would be linked like this: <code><nowiki>[[implementations#X2V|X2V]]</nowiki></code>

Save the page and make sure that each fragment ID local hyperlink when clicked scrolls you to the right spot (for the developer, and for the tool). Make any fix-up edits as necessary. That's it!

== Formats ==

Most microformat specifications have an "implementations" section, e.g.:
* [http://microformats.org/wiki/hcalendar#Implementations hCalendar], [http://microformats.org/wiki/hcard#Implementations hCard], [http://microformats.org/wiki/rel-tag#Implementations rel-tag], [http://microformats.org/wiki/vote-links#Implementations vote-links], [http://microformats.org/wiki/xoxo#Implementations XOXO] etc.

In addition, some microformat specifications have separate implementation pages:
* [[xfn-implementations]]

== Applications / Plugins / Services / Tools ==

This is an alphabetical listing of all applications, plugins (grouped with their app/tool), services and tools that implement microformats, along with the list of microformats that are supported, and the company and/or developers responsible for it.

As a user, the implementations listed below will automatically help you use microformats and help your data portability and interoperability with other apps and services.

Please help complete this list! If you know of additional apps/plugins/services/tools that support microformats, please add them!

Note: this section is only for listing specific ''implementations''. The list of ''implementors'' is in the [[implementations#Companies / Developers / Organizations|Companies / Developers / Organizations]] section below.

=== .Mac Webmail ===

* The [http://www.mac.com/webmail .Mac Webmail] ''service'' now [http://factoryjoe.com/blog/2006/10/28/apple-embraces-microformats-in-new-mac-webmail/ supports hcard].
** by [[implementations#Apple_Computer|Apple Computer]]

=== Blinksale ===
* [http://blinksale.com Blinksale] uses [[hcard|hCard]] standard throughout for people and companies.

=== BlogMatrix ===
* [http://www.blogmatrix.com BlogMatrix] - user information marked as [[hcard|hCard]], tag directories in [[xfolk]]/[[rel-tag]], enclosures are marked as [[rel-enclosure]].
** by [[implementations#David_Janes|David Janes]]

=== Blogmarks.net ===
* [http://www.blogmarks.net Blogmarks.net] publish user bookmarks in [[xfolk]]/[[rel-tag]].

=== Community Server ===
* [http://communityserver.org Community Server] supports tagging posts with [[rel-tag]], implements [[rel-nofollow]] on links in comments, and allows users to create link lists using [http://gmpg.org/xfn/ XFN].

=== Citycita===
* [http://www.citycita.org Citycita] supports [[hCal|hCal]] in all event pages for local social groups.
** by [[implementations#Rubio_Jamin|Rubio Jamin]]

=== Cork'd ===
* [http://corkd.com Cork'd] supports [[hcard|hCard]] for user profiles, [[hreview|hReview]] for wine reviews, along with [[rel-tag]] for tagging wines as announced in [http://www.simplebits.com/notebook/2006/06/10/wineformats.html Pairing Wine and Microformats]
** by [[implementations#Dan_Cederhold|Dan Cederholm]]

=== Dreamweaver ===
==== Microformats Extensions ====
* [http://www.webstandards.org/action/dwtf/microformats Dreamweaver Microformats Extensions] ([http://allinthehead.com/beta/microformats.mxp.zip download]) support authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] as [http://allinthehead.com/retro/282/microformats-in-dreamweaver announced by Drew]
** by [[implementations#Drew_Mclellan|Drew McLellan]]

=== Drupal ===
==== Upcoming module for Drupal ====
* [http://hybernaut.com/upcoming-module Drupal Upcoming.org syndication module] emits [[hcalendar|hCalendar]]
** by [[implementations#Brian_Del_Vecchio|Brian Del Vecchio]]

=== EVDB ===
* [http://evdb.com EVDB] / [http://eventful.com Eventful] supports [[hcalendar|hCalendar]] for over 1,000,000 event listings and [[hcard|hCard]] for venues.

=== Finetoothcog ===
* [http://finetoothcog.com/site/stolen_bikes Stolen Bikes] now supports [[hcalendar|hCalendar]] for reported stolen bikes. Also provides iCal subscription.

=== Firefox ===
* See [[firefox-extensions]]

=== FunAdvice ===
* [http://funadvice.com FunAdvice] supports using the rel-nofollow tag to prevent users posting content simply for the search engine benefit, to improve teh quality of the advice giving community.

=== Gravatar Commenters as hCards ===
* [http://thedredge.org Andy Hume] added code to his blogging software to automatically mark-up the names and URLs of commenters on his blog with [[hcard|hCard]].
** by [[implementations#Andy_Hume|Andy Hume]]
** Andy - any chance of open sourcing your code to turn Gravatars into hCards?

=== Flickr People ===
* [http://flickr.com/ Flickr]'s profiles on its people pages supports both [[hcard|hCard]] and [http://gmpg.org/xfn XFN].
** by [[implementations#Cal_Henderson|Cal Henderson]]
**[http://flickr.com/people/tantek example]

=== Flickr Photos ===
* [http://flickr.com/map/ Flickr's geo tagged photos] are marked up with the [[geo]] microformat.

=== Flock Web Browser ===
* The [http://flock.com Flock web browser] supports the [[rel-tag]] microformat.
** by [[implementations#Flock|Flock]]

=== Google Search ===
* [http://google.com/ Google Search] - supports [[rel-nofollow]]
=== Google Creative Commons Search ===
* [http://www.google.com/webhp?as_rights=(cc_publicdomain%7Ccc_attribute%7Ccc_sharealike%7Ccc_noncommercial%7Ccc_nonderived) Google Creative Commons Search] - supports [[rel-license]]

=== Greasemonkey ===
* [http://greasemonkey.makedatamakesense.com/google_hcalendar/ Google hCalendar] - Adds hCalendar data to Google Calendar.
* [http://www.nickpeters.net/?p=35 Social xFolk] - Adds xFolk links to social bookmarking sites del.icio.us and ma.gnolia.

=== hCalendar creator ===
* [http://microformats.org/code/hcalendar/creator hCalendar creator] (originally [http://theryanking.com/microformats/hcalendar-creator.html published by Ryan King]) is a javascript form for creating [[hcalendar|hCalendar]] events.
** by [[implementations#Ryan_King|Ryan King]]

=== hCard creator ===
* The open source [http://microformats.org/code/hcard/creator hCard creator] (originally [http://tantek.com/microformats/hcard-creator.html published by Tantek]) is a very simple, yet illustrative, open source user interface / form / script which creates an [[hcard|hCard]] in real-time as you type in a set of contact information.
** by [[implementations#Tantek_Çelik|Tantek Çelik]]

=== hKit Microformats Toolkit for PHP5 ===
* [http://allinthehead.com/hkit hKit Microformats Toolkit for PHP5] as [http://allinthehead.com/retro/291/hkit-microformats-toolkit-for-php announced by Drew McLellan]

=== hReview creator ===
* [http://microformats.org/code/hcalendar/creator hReview creator] (originally [http://theryanking.com/microformats/hreview-creator.html published by Ryan King]) is a javascript form for creating [[hreview|hReviews]].
** by [[implementations#Ryan_King|Ryan King]]

=== Ice Rocket ===
* [http://icerocket.com] - [http://blogs.icerocket.com/tag/ supports] [[rel-tag]]

=== iChat buddy list to hCards ===
* [http://tantek.com/microformats/buddylist2hcards.html iChat buddy list to hCards] - open source AppleScript to automatically convert one's buddy list in the MacOSX iChat AIM client into a valid XHTML 1.0 Strict list of hCards.
** by [[implementations#Tantek_Çelik|Tantek Çelik]]

=== JSCalendar ===
* [http://web.mit.edu/glasser/www/JSCalendar/ JSCalendar] parses [[hcalendar|hCalendar]] and produces a displayable HTML table/CSS-based calendar.

=== Konqueror ===
* [http://www.konqueror.org/ Konqueror] - [http://flickr.com/photos/factoryjoe/68755089/ supports] [[hcard|hCard]]

=== Last.fm ===
* [http://last.fm Last.fm] - [http://factoryjoe.com/blog/2006/10/31/lastfm-adds-support-for-hcalendar/ Last.fm supports] [[hcalendar|hCalendar]]

=== Laughing Squid Calendar ===
* The [http://laughingsquid.com/squidlist/calendar/ Laughing Squid Calendar] events listings support [[hcalendar|hCalendar]].
** by [http://laughingsquid.com/ Laughing Squid]

===LinkedIn ===
* [http://www.linkedin.com LinkedIn] - LinkedIn includes [[hcard|hCard]] on profiles and [[hreview|hReview]] on service provider recommendations
** by [[implementations#Chris Saccheri|Chris Saccheri]]

=== LiveJournal ===
* [http://www.livejournal.com LiveJournal] - LiveJournal supports tagging posts with [[rel-tag]].

=== LJFind ===
* [http://www.ljfind.com LJ-Find] - LJFind supports tagging posts with [[rel-tag]].

=== Microformat Base ===
* [http://randomchaos.com/microformats/base/ Microformat Base]
** by [[implementations#Scott Reynen|Scott Reynen]]

=== Microformat Bookmarklet Overlay ===
* [http://leftlogic.com/info/articles/microformats_bookmarklet Microformats Bookmarklet] for Safari, Firefox and Camino, supports [[hcard|hCard]] and [[hcalendar|hCalendar]] and allows the user to import individual microformats on the fly.
** by [[implementations#Remy_Sharp|Remy Sharp]]

=== Microformat Parser for Ruby ===
* [http://blog.labnotes.org/2005/11/20/microformat-parser-for-ruby/ Microformat Parser for Ruby]
** by [[implementations#Assaf Arkin|Assaf Arkin]]

=== Nature Network Boston ===
* [http://network.nature.com/boston/ Nature Network Boston], a social networking community for scientists, supports [[reltag|rel-tag]], [[hcard|hCard]] for user profiles and [[hcalendar|hCalendar]] for marking up events across the site.
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]

=== Nature Protocols ===
* [http://www.nature.com/nprot/ Nature Protocols], a forum for scientists to upload and comment on protocols, supports [[hcard|hCard]] and [[XOXO]].
** by [[implementations#Nature Publishing Group|Nature Publishing Group]]

=== Nutch ===
* [http://www.mail-archive.com/nutch-dev@lucene.apache.org/msg01295.html rel-nofollow support added]
* [http://www.mail-archive.com/nutch-commits@lucene.apache.org/msg01014.html rel-tag support checked in]

=== ODEO ===
* [http://odeo.com/ ODEO] [http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html noted] that they support microformats: [[rel-tag]], [[rel-enclosure]], [http://gmpg.org/xfn XFN].

=== phpMicroformats ===
* [http://enarion.net/phpmicroformats/ phpMicroformats] is a PHP class library that generates microformat entries for [[hcalendar|hCalendar]] and [[hcard|hCard]]. It is released under GPL.

=== Profiler ===
* [http://microformat.makedatamakesense.com/profiler/ Profiler] works as a proxy service adding microformat profiles to documents that appear to contain microformats.

=== RFC2629.xslt ===
* [http://greenbytes.de/tech/webdav/rfc2629.xslt rfc2629.xslt] now attempts to generate [[hcard|hCard]] information ([http://ietf.org/rfc/rfc2629 RFC2629] in an XML format for authoring RFCs and Internet Drafts, see [http://greenbytes.de/tech/webdav/rfc2629xslt/rfc2629xslt.html example document])

=== Salesforce ===
* [http://salesforce.com Salesforce] [http://flickr.com/photos/kingsleyj/175689109/ supports] [[hcard|hCard]]
** by [http://flickr.com/people/kingsleyj/ Kingsley Joseph]
==== Spanning Salesforce ====
* [http://spanningsalesforce.com/ Spanning Salesforce] supports [[hcalendar|hCalendar]].

=== Sivitools ===
<blockquote>
Sivitols is a Java library for microformats. Currently only the xFolk RC1 standard is implemented, but additional microformat support is planned. This library is being written and maintained for a tag sharing project undertaken by Video Vertigo.
</blockquote>
[http://blog.blip.tv/blog/microformats/ Annoucement], [http://pokkari.com/microformat/javadoc/ Docs]

=== SPRACI ===
* [http://www.spraci.com SPRACI] - nightlife/events - [[hcalendar|hCalendar]] published in events listings, aggregator can read hCalendar

=== Sunnyvale House Concerts ===
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supports [[hcard|hCard]] and [[hcalendar|hCalendar]].

=== Technorati Contacts Feed Service ===
* [http://feeds.technorati.com/contacts/ Technorati Contacts Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcard|hCards]] to vCard (.vcf) format.

=== Technorati Events Feed Service ===
* [http://feeds.technorati.com/events/ Technorati Events Feed Service] is a deployment of [[implementations#X2V|X2V]] to convert [[hcalendar|hCalendar]] events to iCalendar (.ics) format.

=== Technorati Microformats Search ===
* Technorati [http://kitchen.technorati.com/search/ Microformats Search]. Search for contacts ([[hcard|hCard]]), events ([[hcalendar|hCalendar]]), or reviews ([[hreview|hReview]]) published on blogs and other web sites.
** by [#implementations#Tantek_Çelik|Tantek Çelik]], [[implementations#Ryan_King|Ryan King]], [[implementations|Kevin_Marks|Kevin Marks]], [[implementations#Josh_Smith|Josh Smith]]

=== Technorati Search ===
* [http://technorati.com/ Technorati] [http://technorati.com/search Search] supports and handles both [[vote-links]] and [[rel-nofollow]] for indicating whether a link should have any/positive/negative weighting towards the destination.
** by [http://technorati.com/about/staff.html Technorati Staff]
=== Technorati Tags ===
* [http://technorati.com/tags/ Technorati Tags] pages aggregate blog posts tagged with the [[rel-tag]] open tagging standard, in addition to recent tagged photos and links.

=== Textpattern ===
==== Microformats Plugin ====
* [http://placenamehere.com/TXP/pnh_mf/ Textpattern Microformats Plugin] supports authoring [[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [http://gmpg.org/xfn XFN], [[rel-tag]], [[rel-license]] in the [http://www.textpattern.com/ Textpattern] CMS/blogging tool
** by [http://placenamehere.com/ Chris Casciano]

=== Upcoming.org ===
* [http://upcoming.org Upcoming.org] - hCalendar support in events listings and individual events.
** by [[implementations#Andy_Baio|Andy Baio]], [[implementations#Leonard_Lin|Leonard Lin]], [[implementations#Gordon_Luk|Gordon Luk]]

=== WordPress ===
* [http://wordpress.org WordPress] supports [http://gmpg.org/xfn/ XFN] blogrolls through a very nice built-in user interface. (cf. [[xfn-implementations]])
** by [[implementations#Matt_Mullenweg|Matt Mullenweg]] and friends

==== WP Microformatted Blogroll ====
* The [http://factorycity.net/projects/wp-microformatted-blogroll/ WP Microformatted Blogroll 0.2] Wordpress plugin by [[implementations#Chris_Messina|Chris Messina]] supports [[hcard|hCard]] and [http://gmpg.org/xfn/ XFN].

==== VoteBack Plugin ====
* [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack plugin for Wordpress] - checks incoming pingbacks and trackbacks for [[votelinks]].

==== WP Themes ====
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for Wordpress that uses [[hatom|hAtom]].
** The theme is also available to accounts on the <username>.wordpress.com hosting service.
* [http://www.jesuscarrera.info/proyectos/startpoint/ StartPoint] A theme for theme developers. A good start point to make your own templates. It supports multiple languages, widgets, contains semantic hAtom microformats, and more.
* [http://www.whump.com/dropbox/Strangelove.zip Strangelove] is a modification of the default Wordpress theme (Kubrick) with [[hatom|hAtom]] support.
** It points to the hAtom2Atom proxy service as the link for syndication feeds.

=== X2V ===
* Brian Suda has created several XSLT files to extract microformats from HTML. From that the [http://suda.co.uk/projects/X2V/ X2V] webservice/favelet emerged. The XSLT and favelet extracts [[hcard|hCard]] and to produces .vcf (vCard) files and [[hcalendar|hCalendar]] to produce .ics (iCal) files. Also in the labs is a universal XMDP validator and a site-wide search spider that recognizes 'no-follow', 'license' and other microformats so they can be used in a more semantic way when displaying search results.
** by [[implementations#Brian_Suda|Brian Suda]]

=== Yahoo Creative Commons Search ===
* [http://search.yahoo.com/cc/ Yahoo Creative Commons Search] - supports [[rel-license]] specifically to search for Creative Commons licensed content.

=== Yahoo Local ===
* [http://local.yahoo.com Yahoo local] supports [[hcard|hCard]], [[hcalendar|hCalendar]], and [[hreview|hReview]].

=== Yahoo Tech ===
* [http://tech.yahoo.com Yahoo! Tech] supports [[hreview|hReview]].

=== Yahoo UK Movies ===
* [http://movies.yahoo.co.uk Yahoo! UK Movies] supports [[hreview|hReview]].
** by Mark Norman Francis

=== Yedda ===
* [http://yedda.com Yedda] supports [[hcard|hCard]] for exposing users information, [[hatom|hAtom]] for exposing data that is already exposed via feeds (like list of questions and answers) and [[rel-tag|rel-tag]] for every tag used to tag questions and users.

== Validators ==
This is an alphabetical listing of tools that have been created to validate implementations, and which formats they support.

Please add to this section if you have a validator/checker, no matter which or how many microformats you test for.

=== rel-lint ===
* [http://tools.microformatic.com/help/xhtml/rel-lint/ rel-lint] supports validation of [[rel-tag|rel-tag]] and [[xfn|XFN]]
* by [[implementations#Drew_McLellan|Drew McLellan]]

== Companies / Developers / Organizations ==

(Considering moving all of these to an [[implementors]] page of its own).

Thanks to all of the hardworking developers and innovative companies and organizations for supporting microformats.

This is an alphabetical listing of all companies, developers (by last name) and organizations who have built and shipped at least one implementation (see above for details of each implementation) that users can use.

Please help complete this list! If you have coded support for microformats and don't see your name, add it! If your company supports microformats in its applications, add it!

Note: please add direct links to specific applications, plugins, services, or tools to the list of [[implementations#Applications / Plugins / Services / Tools|Applications / Plugins / Services / Tools]] and then link to those from their implementor with a fragment identifier link, e.g. to link to the "Cork'd" wine review community:
* <nowiki>[[implementations#Cork'd|Cork'd]]</nowiki>
Similarly, for additional sites, put direct links to them in the [[implementations#Additional Sites|Additional Sites]] section and then link to them from their implementor with a fragment identifier link.

=== Apple Computer ===
[http://apple.com/ Apple Computer] has implemented microformats in:
* [[implementations#.Mac_Webmail|.Mac Webmail]]

=== Andy Hume ===
* [[implementations#Andy_Hume_Blog|Andy Hume Blog]]

=== Andy Baio ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Assaf Arkin ===
* [[implementations#Microformat_Parser_for_Ruby|Microformat Parser for Ruby]]

=== Brian Del Vecchio ===
* [[implementations#upcoming_module_for_drupal| Upcoming module for Drupal]]

=== Brian Suda ===
* [[implementations#X2V|X2V]]

=== Chris Casciano ===
* [[implementations#Microformats_Plugin|Textpattern Microformats Plugin]]

=== Chris Saccheri ===
* [[implementations#LinkedIn|LinkedIn]]

=== Calvin Yu ===
* [http://blog.codeeg.com/ Calvin Yu blog: Don't Forget to Plant It!]
* [[implementations#Tails_Firefox_Extension|Tails Firefox Extension]]

=== Dan Cederholm ===
* [[implementations#Cork'd|Cork'd]]

=== David Janes ===
* [[implementations#BlogMatrix|BlogMatrix]]

=== David Long and James Myers ===
* [[implementations##ZDNet_UK|ZDNet]]

=== Drew McLellan ===
* [[implementations#Microformats_Extensions|Microformats Extensions]]
* [[implementations#hKit_Microformats_Toolkit_for_PHP5|hKit Microformats Toolkit for PHP5]]
* [[implementations#rel-lint|rel-lint Validator Tool]]

=== enarion.net ===
* [[implementations#phpMicroformats|phpMicroformats]]

=== Flock ===
* [[implementations#Flock Web Browser|Flock Web Browser]]

=== FunAdvice ===
* [[implementations#FunAdvice|FunAdvice]]

=== Google ===
* [[implementations#Google_Search|Google Search]]
* [[implementations#Google_Creative_Commons_Search|Google Creative Commons Search]]

=== Gordon Luk ===
[[implementations#upcoming.org|Upcoming.org]]

=== Josh Smith ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kent Brewster ===
* [http://www.mindsack.com/?page_id=39 Extensible friends] -- JSON + XFN and bookmarklet

=== Kevin Marks ===
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Kingsley Joseph ===
[http://flickr.com/people/kingsleyj/ Kingsley Joseph]:
* [[implementations#Salesforce|Salesforce]]

=== Laughing Squid ===
* [[implementations#Laughing_Squid_Calendar|Laughing Squid Calendar]]

=== Leonard Lin ===
* [[implementations#upcoming.org|Upcoming.org]]

=== Nature Publishing Group ===
* Nature Publishing Group are steadily rolling out microformats across their sites and titles. Current implementations include the following online services:
** [[implementations#Nature Network Boston|Nature Network Boston]]
** [[implementations#Nature Protocols|Nature Protocols]]
* as well the following additional site(s):
** [[implementations#Nature Home Page|Nature Home Page]]

=== Remy Sharp ===

* [[implementations#Microformats_Bookmarklet|Microformats Bookmarklet]]

=== Robert de Bruin ===
* [http://bordewolf.blogspot.com/ Robert de Bruin' s blog: Bor de Wolf]
* [[implementations#Tails_Export_Firefox_Extension|Tails Export Firefox Extension]]

=== Ryan King ===
* [[implementations#hCalendar_creator|hCalendar Creator]]
* [[implementations#hReview_creator|hReview Creator]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Scott Allan Wallick ===
* [[implementations#WP_Themes|Sandbox Wordpress Theme w/hAtom Support]]

=== Scott Reynen ===
* [[implementations#Microformat_Base|Microformat Base]]

=== SixApart ===
* [[implementations#LiveJournal|LiveJournal]]

=== Tantek Çelik ===
* [[implementations#hCard_creator|hCard Creator]]
* [[implementations#iChat_buddy_list_to_hCards|iChat Buddy List to hCard]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]

=== Technorati ===
* [[implementations#Technorati_Contacts_Feed_Service|Technorati Contacts Feed Service]]
* [[implementations#Technorati_Events_Feed_Service|Technorati Events Feed Service]]
* [[implementations#Technorati_Microformats_Search|Technorati Microformats Search]]
* [[implementations#Technorati_Search|Technorati Search]]
* [[implementations#Technorati_Tags|Technorati Tags]]

=== Yahoo ===
* [[implementations#Flickr_People|Flickr People]]
* [[implementations#Upcoming.org|Upcoming]]
* [[implementations#Yahoo_Creative_Commons_Search|Yahoo Creative Commons Search]]
* [[implementations#Yahoo_Local|Yahoo Local]]
* [[implementations#Yahoo_Tech|Yahoo Tech]]
* [[implementations#Yahoo_UK_Movies|Yahoo UK Movies]]

=== Yedda ===
* [[implementations#Yedda|Yedda]]

== Needs Fixing ==

* Re-format author names and links to display Surname Firstname - for better indexing, and complete cross-linking [[User:Phae|Frances Berriman]]

The following have been moved from the sections above due to problems, stated below:

=== Web Essentials ===
* [http://we05.com/ Web Essentials] - supports [[hcard|hCard]] and [[hcalendar|hCalendar]], e.g. in their [http://we05.com/presenters.cfm list of presenters] and [http://we05.com/program.cfm program schedule].
** John McKerrell tried to look at the site on 24th October 2006 but could not access the site, server didn't seem to be up.

== Other ==
Some notes on initial thoughts around [[implementation-guidelines|Guidelines and Strategies for Implementing Microformats]]

advocacy

2007-01-03T16:17:54Z

SteveIvy: /* Adding Microformats to Applications */ Added section for publishing platforms, minor typo fixes

<h1>Advocacy</h1>

A lot can be done to help advocate the use of microformats. Often, simply by taking an existing site, and adding the suggested microformatting to a few of its pages as examples is all that is necessary to help the developers of the site add the microformats to the site itself. Applications, such as browsers, could also use some guidance on how to best support microformats.

Sometimes advocacy requires comparison and analysis of alternative technologies or approaches. As [[User:MikeSchinkel|MikeSchinkel]] pointed out, we need good answers to comments like "No, we're going to use XXX instead...".

The goal for this page is to include pointers for how to advocate microformats on new sites and on existing sites that are considering or using alternative approaches, as well as applications that can benefit from supporting microformats.

For general resources for marketing microformats, see [[spread-microformats]].

== Adding Microformats to Existing Sites ==

Add sites here that you think would benefit from the addition of microformats. For now they are grouped by the microformat which would primarily benefit the site (so that folks who feel they are good at adding a particular microformat. Feel free to take a look at some of the sites on this list, document sample pages to be microformatted, add microformats to them, and then add the before/after of the key sections of markup to another wiki page for that site.

=== hCard ===
Adding [[hcard|hCard]] to these sites would make them quite handy for their users and for being indexed:

==== Online Profiles ====
Nearly every website that has a login has a page representing the public profile of the user that other users can see and interact with. Many such sites already [[hcard-implementations|support hCard]] (e.g. ClaimID.com, Flickr.com, Technorati.com, Zooomr.com). Here are some that I think would benefit from the addition of hCard to their profile / user pages. Feel free to add more such sites that have a social network profile-like component and I'll see what I can do. [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Twitter.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Consumating.com - working on it [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
* Wikimedia - including this site, Wikipedia, Wikitravel, etc.

==== Online Venues ====
There are many sites that offer pages that represent organizations and venues that could benefit from being marked up with hCard. [http://local.yahoo.com/ Yahoo Local] venues are marked up with hCards for example. Here are some more sites that have venues that would benefit from hCard markup.
* [http://dodgeball.com/ Dodgeball] venues.
* Yelp.com

====Wikpedia hCard====
*Infobox Templates for people to add [[hcard|hCard]] to their generated markup
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_Biography&action=edit Infobox_Biography]
** [http://en.wikipedia.org/w/index.php?title=Template:Infobox_actor&action=edit Infobox_actor] which should result in actor pages, e.g. [http://en.wikipedia.org/wiki/Humphrey_Bogart Humphrey Bogart]'s page, being properly hCarded.
*Addressable buildings e.g. [http://en.wikipedia.org/wiki/The_Old_Crown%2C_Birmingham The Old Crown, Birmingham]
*Tourist attractions, e.g. [http://en.wikipedia.org/wiki/Cadbury_World Cadbury World]
*Companies, e.g. [http://en.wikipedia.org/wiki/Tesco Tesco] (note headquarters address in infobox)
*Motorway service stations, e.g. [http://en.wikipedia.org/wiki/Watford_Gap_service_station Watford Gap]
*Railway Stations, e.g. [http://en.wikipedia.org/wiki/Perry_Barr_railway_station Perry Barr]
*etc.

====Telephone Directory Listings====
Telephone Directory Listings could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 03:10, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://www.thephonebook.bt.com/ BT]
**Requested via [http://tinyurl.com/yhtdjy BT feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
*[http://118118.com 118118.com]
**Requested via e-mail, 2006-11-13. [[User:AndyMabbett|Andy Mabbett]]

====Postal (ZIP) code Finders====
Postal code Finders could usefully apply hCard to their results pages. [[User:AndyMabbett|Andy Mabbett]] 12:09, 13 Nov 2006 (PST)

e.g. (please add other examples!):
*[http://pol.royalmail.com/dda/txt/pf.asp Royal Mail] (UK)
**Requested via [http://tinyurl.com/ya4hzu Royal Mail feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
**Acknowledged 2006-11-30. [[User:AndyMabbett|Andy Mabbett]]

====Government hCard====
=====UK Gov. hCard=====
* Parliament: [http://www.parliament.uk/directories/hciolists/alms.cfm Alphabetical List of Members of Parliament] (see also [http://www.parliament.uk/directories/directories.cfm other lists of MPs and Lords]). [[User:AndyMabbett|Andy Mabbett]]

=====Europe Gov. hCard=====
* e.g. [http://www.europarl.org.uk/uk_meps/westmidlands.asp UK MEPs]

==== Organization Contacts ====
Many companies and organizations have about or contact pages that could benefit from being marked up with hCard. [http://technorati.com/about/contact.html Technorati's contact page] for example is both marked up with hCard and has a convenient "Add to Address Book" hCard to vCard converter link. The following company sites could benefit from similar markup (and, until user agents support hCards natively, "Add to Address Book" links). [[User:Tantek|Tantek]] 17:44, 13 Dec 2006 (PST)
*Adobe
**[http://www.adobe.com/aboutadobe/offices.html Adobe offices]
***Requested using contact form, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*Google
**Contacts, e.g. [http://www.google.com/intl/en/contact/index.html Google USA], [http://www.google.co.uk/intl/en/contact/index.html Google UK], etc.
*[http://www.mozilla.com/ Mozilla]
**[http://www.mozilla.com/en-US/about/legal.html Mozilla legal notices]
*Opera
**People, e.g. [http://people.opera.com/howcome/ Håkon Wium Lie]; could also be hResume
*W3C
**[http://www.w3.org/Consortium/contact W3C contact]
**[http://www.w3.org/People/all W3C Staff listing] and individual pages, e.g. [http://www.w3.org/People/Berners-Lee/ Tim Berners-Lee]
***Requested by e-mail. [[User:AndyMabbett|Andy Mabbett]]

====Other hCard====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for people (real, not characters), e.g. [http://www.imdb.com/name/nm0000007/ Humphrey Bogart]. [[User:AndyMabbett|Andy Mabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]
*Wikitravel
**e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel - Birmingham]
***[http://microformats.org/wiki?title=User_talk:MarkJaroski&curid=2699&diff=0&oldid=10663&rcid=19955 Wikitravel is about to hugely roll out hCard] Mark Jaroski
***See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]

===hCalendar===

[[hcalendar|hCalendar]] could be used on these sites:

==== W3C track at WWW2006 ====
* DanC offers a 150 point bounty to anybody who takes [http://www.w3.org/2006/05/w3c-track the W3C track at WWW2006] and adds hCalendar markup and sends it to connolly@w3.org,www-archive@w3.org

====Television listings====
*A major coup would be to get one of the major players (the BBC, Sky, or PBS, say), to mark up their TV or radio listings with hCalendar - does anyone have contacts in such an organisation? [[User:AndyMabbett|Andy Mabbett]] 10:53, 21 Oct 2006 (PDT)
**Does anyone have URLs to the TV or radio listings of the major players? Getting those URLs would be the next step, and then doing the markup ourselves would be the next step after that. [[User:Tantek|Tantek]] 13:02, 21 Oct 2006 (PDT)

e.g. (please add other examples!):
*[http://www.radiotimes.com/ Radio Times] (BBC, UK)
** Requested by e-mail [[User:AndyMabbett|Andy Mabbett]]
*[http://www.tvtimes.co.uk/ TV Times] (UK)
** Requested by e-mail 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
*BBC main listings (e.g. [http://www.bbc.co.uk/bbcone/listings/index.shtml?service_id=4223 BBC One])
** Requested by [http://www.bbc.co.uk/feedback/bbci_comment.shtml BBC Feedback Form] 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Government hCalendar====
=====UK Gov. hCalendar=====
*[http://www.dti.gov.uk/employment/bank-public-holidays/index.html DTI: Bank Holidays] (not Scotland)
** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
***Response: "At the moment we have no plans to use hCalendar or hCard coding due to unresolved concerns about accessibility issues (especially text-to-speech readers), however, we thank you for your suggestion."
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:47, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)
*[http://www.scotland.gov.uk/Publications/2005/01/bankholidays Scottish Executive Bank Holidays]
** Requested by [http://www.scotland.gov.uk/About/HaveYourSay/WebsiteFdbck Scottish Executive feedback form], 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]

====Sports Fixtures====
e.g. (please add other examples!):
*PremiumTV (UK, Soccer, has a page for each team)
**[http://www.avfc.premiumtv.co.uk/page/Fixtures/ Aston Villa]
**[http://www.wba.premiumtv.co.uk/page/Fixtures/ West Bromwich Albion]
*** Requested by e-mail, 2006-11-13 [[User:AndyMabbett|Andy Mabbett]]
****"webmaster@" bounced. [[User:AndyMabbett|Andy Mabbett]]

====Concert/ Theatre Listings====
e.g. (please add other examples!):
*[http://www.birmingham-alive.com/ Birmingham Alive!] (UK)
**Requested in person; now on "to do" list

=== hReview ===
[[hreview|hReview]] could be used on these sites:

====Government hReview====
=====UK Gov. hReview=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:48, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:08, 4 Dec 2006 (PST)

====Other hReview====
* [http://www.imdb.com/ Internet Movie Database] (IMDb) for film reviews, e.g. [http://www.imdb.com/title/tt0049291/ The Harder They Fall ]. [[User:AndyMabbett|AndyMabbett]] 02:49, 13 Nov 2006 (PST)
**Can't find contact info! [[User:AndyMabbett|Andy Mabbett]]

===hAtom===
[[hatom|hAtom]] could be used on these sites:

====Government hAtom====
=====UK Gov. hAtom=====
*[http://petitions.pm.gov.uk/ E-petitions] (in draft, and asking for suggested improvements}
** Requested by e-mail, 2006-12-01 [[User:AndyMabbett|Andy Mabbett]] 11:49, 1 Dec 2006 (PST)
*** reply: "I've added it to our list of ideas." 2006-12-04 [[User:AndyMabbett|Andy Mabbett]] 11:07, 4 Dec 2006 (PST)

====Other hAtom====
* TV Listings (see hCalendar, above)
*[http://www.mediawiki.org/wiki/MediaWiki *MediaWiki] (Wikipedia and other users, including this 'Wiki') - article histories
**[http://bugzilla.wikimedia.org/show_bug.cgi?id=7913 Bug 7913] raised 2006-11-13. '''[http://bugzilla.wikimedia.org/votes.cgi?action=show_user&bug_id=7913 vote to add hAtom to the change log of media wiki pages]''' [[User:AndyMabbett|Andy Mabbett]]
*[http://rbach.priv.at/Microformats-IRC/2006-11-13 IRC logs]
**E-mailed. [[User:AndyMabbett|Andy Mabbett]] 10:29, 5 Dec 2006 (PST)

=== Geo ===
Adding "[[geo|Geo]]" markup to these sites would make them even more useful:
*Wikipedia
**All articles on places, e.g. [http://en.wikipedia.org/wiki/Birmingham Wikipedia - Birmingham] (note co-ordinates already present in infobox)

===rel-tag===
====Google as rel-tag namespace====
A Google search for 'sparrow' resolves to http://www.google.com/search?&q=sparrow, if not the unwieldy http://www.google.com/search?hs=TUz&hl=en&lr=&client=firefox-a&rls=org.mozilla%3Aen-GB%3Aofficial&q=sparrow&btnG=Search - likewise http://www.google.com/search?&q=%22black+redstart%22 for ' "black redstart" '. If Google can be persuaded to also accept, say, '''<nowiki>http://www.google.com/search/sparrow</nowiki>''' and '''<nowiki>http://www.google.com/search/black_redstart</nowiki>''' as being equivalent (and assuming that the latter term searches for ' "black redstart" ', with the quote marks), then Google would become a namespace for rel-tag. [[User:AndyMabbett|Andy Mabbett]] 00:15, 29 Nov 2006 (PST)

There is a workaround:
*One word - http://www.google.com/search?q=/sun
*Multi-word - http://www.google.com/search?q=/rain_cloud (with an underscore)
[[User:AndyMabbett|Andy Mabbett]] 04:56, 30 Nov 2006 (PST)

===Various===
*eBay (.com and localised versions)
** '''hCard''' - Buyer and seller address details.
** '''hCalendar''' - Auction end date/times.
** '''hReview''' - Feedback.
** '''hAtom''' - Recent purchases/ won/ lost/ watching etc.
**Requested by feedback form, 2006-12-05. [[User:AndyMabbett|Andy Mabbett]]

====IT News sites====
There is obviously a great deal of publicity to be gained, by having uFs used on sites about IT developments, which are likely to be read by people in a position to have uFs used, and uF tools implemented, in their organisations. Please add to this list!
*[http://www.theregister.co.uk/ The Register] (UK)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
*[http://www.ziffdavis.com/ Ziff-Davis] media sites, e.g:
**[http://www.microsoft-watch.com/ Microsoft Watch]
**[http://www.linux-watch.com/ Linux Watch]
**[http://www.extremetech.com/ Extreme Tech]
**[http://www.webbuyersguide.com/ Web Buyer's Guide]
**Requested at corporate level, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* [http://www.netmag.co.uk .Net magazine (UK)] (issue dated December 2006, has tutorial on microformats, by Rachel Andrew)
**Requested by e-mail, 2006-12-14. [[User:AndyMabbett|Andy Mabbett]]
* ...

== Adding Microformats to Applications ==

User-agents (browsers, etc.) should support microformats natively. For instance, a user should not need to use a third party application or web service to add address details or events from a microformat-using web page to their address book or calendar programme.

===Browsers===

In addition to the following, third-party developers should be encouraged to make their relevant browser add-ons microforamt aware; or to create new add-ons with microformat capabilities.

====Firefox====
===== Firefox developments =====
*Mozilla are "brainstorming" developments for Firefox 3.0 and beyond, and have a page on microformat handling at http://wiki.mozilla.org/Firefox/Feature_Brainstorming:Microformat_Handling

=====ReminderFox=====
*The makers of the [http://reminderfox.mozdev.org/ ReminderFox] extension have put hCalendar support on their [http://reminderfox.mozdev.org/userrequests.html ReminderFox "to do" list].

=====LinkAlert=====
*The [http://conlan89.googlepages.com/linkalert LinkAlert] extension could signal when a link is marked as a tag (likewise for other "rel" attributes). [[User:AndyMabbett|Andy Mabbett]]
**Requested by e-mail 2006-12-29. [[User:AndyMabbett|Andy Mabbett]]

====Opera====
* First reference to "microformats" in the [http://my.opera.com/community/forums/topic.dml?id=169975&t=1166045417&page=1#comment1851680 Opera forums]. 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]
*[http://www.operamini.com/ Opera Mini] (and other browsers on telephones) could especially benefit from recognising the "tel" attributes of hCard, and allowing users to dial numbers found on-line.
**[http://my.opera.com/community/forums/topic.dml?id=169978 Proposed on forum] 2006-12-13 [[User:AndyMabbett|Andy Mabbett]]

===Screenreaders===
*Screenreaders (e.g [http://www.freedomscientific.com/fs_products/software_jaws.asp Jaws]) could recognise telephone number components of hCards, to differentiate them from other strings of digits. [[User:AndyMabbett|Andy Mabbett]] 13:02, 9 Dec 2006 (PST)
** Additional to this, I believe that screen reader users would benefit from being able to recognise any of the microformats. For example, there is value in being verbally notified that a page contains "1 contact and 3 events", or being able to seek out rel attributes with help values. [[User:Phae|Frances Berriman]]

===Publishing Platforms===

====Wordpress====
*Wordpress [http://codex.wordpress.org/Defining_Relationships_with_XFN supports XFN] for WP-generated blogrolls (see [[xfn-implementations]])

====Blogger====
* Chris Messina [http://factoryjoe.com/blog/2006/09/02/on-open-letter-to-blogger/ is advocating] for more support in Blogger

====Drupal====
*There's a Drupal group for discussing/advocating/implementing [http://groups.drupal.org/microformats-in-drupal microformats in Drupal]

== Adding Microformats to Web Services ==
===ClearForest===
*[http://sws.clearforest.com/ ClearForest Semantic Web Services ] - uses natural language processing tools to recognise people, organisations, places, events and CVs (resumes) in web pages. Would benefit from recognising hCard, hResume, hCalendar, Geo, Adr, etc. Could also use them in its output. [[User:AndyMabbett|Andy Mabbett]] 05:09, 6 Dec 2006 (PST)

== Successes ==

=== hCard Successes ===

*Details of hCard should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCard page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-25. [[User:AndyMabbett|Andy Mabbett]]

=== hCalendar Successes===

*Details of hCalendar should be added to the [http://www.imc.org/pdi/ Internet Mail Consortium's vCalendar page]
**Requested by e-mail, 2006-11-24 [[User:AndyMabbett|Andy Mabbett]]
**'''Success''' achieved 2006-11-27. [[User:AndyMabbett|Andy Mabbett]]

===Geo Successes===
*Wikitravel
**All articles on places, e.g. [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England]
**See also [http://wikitravel.org/en/Wikitravel:Microformats Wikitravel:Microformats]
** '''Success''' achieved 2006-12-13, per [http://wikitravel.org/shared/Tech:Add_SpecialMap_using_Mapstraction_link_for_geo-tagged_pages_and_for_single_listings] see, for example, [http://wikitravel.org/en/Birmingham_%28England%29 Wikitravel guide to Birmingham, England] [[User:AndyMabbett|Andy Mabbett]]

== Comparisons With Alternative Approaches ==

=== CalDAV ===

====Brian Suda====
The other great thing about exposing your data as microformats, is that the data becomes Open Data. Will the general public have access to the CalDAV? (probably not) and even if they did, it will probably only serve-up .ics files... what if i don't want ICS? i need to then hack that around to get it into the format that i want... if the data were in the HTML to begin with, then i could EASILY convert that to any format i wanted. Also, sites like http://pingerati.net/ will happily take in hCalendar data and aggregate it, make your data more valuable and easily slurped up by other providers - i don't see that happening as easily with a CalDAV.

====Kevin Marks====
With respect to CalDAV: I spoke to the CalDAV chaps at Apple about this, they have hCalendar support as a ticket in their db:
http://trac.macosforge.org/projects/calendarserver/ticket/19

== See Also ==
* [[buttons]]
* [[podcasts]]
* [[presentations]]
* [[press]]
* [[spread-microformats]]

Talk:rel-design-pattern

2007-01-03T14:25:49Z

SteveIvy: discuss rev attribute

Should discussions of uses of the rev attribute be here as well, or should rev get its own design pattern page? It seems that they should go together as the usage is basically identical. I would propose adding some discussion of rev to 'Purposes', and 'Examples' sections of the rel-design-pattern page.

rel-design-pattern

2007-01-03T14:13:43Z

SteveIvy: /* See Also */

= Rel design pattern =

== Purpose ==
Use the [[rel-design-pattern]] to indicate the meaning of a link (i.e. a href) in an XHTML document

== How to use it ==

* define the semantic meaning of a link (<code>A</code> with <code>href</code>) within a microformat and give it a name <code>''mf-rel-value''</code>
** this definition may also extend to the value of elements and text enclosed by the link
* add <code>rel="''mf-rel-value''"</code> to hyperlinks that have that semantic meaning within that microformat.
* simple microformats that use only the [[rel-design-pattern]] are typically named after the rel-value

== Examples ==

==== rel="bookmark" ====

The [http://www.w3.org/TR/REC-html40/types.html#h-6.12 HTML4 spec] describes a bookmark as "a link to a key entry point within an extended document". By convention, this entry point also captures the notion of a "permalink".

<pre>
<a href="archive/entry.html" rel="bookmark">A Document Entry</a>
</pre>

==== rel="tag" ====

[[rel-tag]] defines semantic meaning for by the URI and enclosed elements using <code>rel="tag"</code>

<pre>
<a href="http://technorati.com/tag/tech" rel="tag">tech</a>
</pre>

== See Also ==
* [[Main_Page#Design_Patterns|All microformat design patterns]]
* [http://www.w3.org/TR/REC-html40/struct/links.html#edef-A HTML 4.01 definition of the <code>A</code> element]
* [http://www.w3.org/TR/REC-html40/struct/links.html#adef-rel HTML 4.01 definition of the <code>rel</code> attribute]
* Microformats: [[rel-license]], [[rel-nofollow]], [[rel-tag]]
* Proposals: [[rel-directory]], [[rel-enclosure]]
* [[rel-faq|rel attribute FAQ]] Discusses issues with the use of rel
* [[votelinks-faq|VoteLinks FAQ]] Discusses issues with rel v. rev

vote-links

2007-01-03T13:11:49Z

SteveIvy: /* Implementations */

= Vote Links =
__TOC__
== Specification 2005 ==
=== Editor ===
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.] (formerly of [http://microsoft.com/ Microsoft Corporation])

=== Concept ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com Technorati, Inc.]

=== Authors ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com Technorati, Inc]
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc]

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to everyone who has given feedback on VoteLinks. Thanks especially to EtanWexler, who provided the first really good documentation that VoteLinks should be using 'rev' instead of 'rel' (see [[VoteLinksFAQ]]), and John Allsopp who similarly challenged the use of 'rel', and helped co-author the [[RelFAQ]] exploring questions and issues about the use of the HTML4 'rel', 'rev' attributes and linktypes in general.

== Introduction ==
Indexing and tracking applications treat all links as endorsements, or expressions of support. This is a problem, as we need to link to those we disagree with as well, to discuss why.

== Specification ==
VoteLinks is an [[elemental-microformat|elemental microformat]], one of several [[microformats|microformat]] open standards.
We propose a set of three new values for the rev attribute of the <a> (hyperlink) tag in HTML.

The new values are "vote-for" "vote-abstain" or "vote-against", which are mutually exclusive, and represent agreement, abstention or indifference, and disagreement respectively.

A link without an explicit vote 'rev' value is deemed to have value "vote-for" or "vote-abstain", depending on the application.

Additional human-readable commentary can be added using the existing 'title' attribute, which most browsers show as a rollover.

Examples:
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

=== Deprecated: Using 'rel' for VoteLinks ===
A previous draft of the specification used the 'rel' value instead of the 'rev' attribute. Analysis and feedback has demonstrated this to have been inappropriate use of the 'rel' attribute, when the 'rev' attribute was much more important. See the [[RelFAQ]] for more details.

Implementations MAY support links with the VoteLinks values in the 'rel' attribute for backward compatibility with any existing VoteLinks content.

Authors MUST NOT use 'rel' for VoteLinks values.

== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rev">rev</dt>
<dd><a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rev">
HTML4 definition of the 'rev' attribute.</a>
Here are some additional values.
<dl>
<dt id="vote-for">vote-for</dt>
<dd>Indicates agreement with or recommendation for the referred resource.</dd>
<dt id="vote-abstain">vote-abstain</dt>
<dd>Indicates abstention or indifference for the referred resource.</dd>
<dt id="vote-against">vote-against</dt>
<dd>Indicates disagreement with or recommendation against the referred resource.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implementations ==
This section is '''informative'''.

* [http://moloko.itc.it/paoloblog/ Paolo Massa] created [http://moloko.itc.it/paoloblog/semantic_links/ SemanticLinks], a small Firefox extension that shows vote-for, vote-against links information. (Note the download links for SemanticLinks have been removed by the author.)
* Wordpress VoteBack (vote-link aware pingback and trackback) plugin is in testing at [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] ([[User:SteveIvy|Steve Ivy]]) - looking for testers!

== Normative References ==
* [http://gmpg.org/xmdp/ XMDP]

== Related Work ==
* [[xoxo]]
* [http://gmpg.org/xfn/ XFN]
* [http://developers.technorati.com/wiki/attentionxml Attention.xml]
* [[rellicense]]
* [[reltag]]
* [[relnofollow]]

== FAQ ==
* See [[votelinks-faq]] and the broader [[rel-faq]].
* See also [[votelinks-issues]] for issues which have been raised with the votelinks [[microformat]].

vote-links

2006-12-22T18:36:40Z

SteveIvy: /* Implementations */ add wordpress pingback+votelink implementation

= Vote Links =
__TOC__
== Specification 2005 ==
=== Editor ===
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.] (formerly of [http://microsoft.com/ Microsoft Corporation])

=== Concept ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com Technorati, Inc.]

=== Authors ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com Technorati, Inc]
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc]

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to everyone who has given feedback on VoteLinks. Thanks especially to EtanWexler, who provided the first really good documentation that VoteLinks should be using 'rev' instead of 'rel' (see [[VoteLinksFAQ]]), and John Allsopp who similarly challenged the use of 'rel', and helped co-author the [[RelFAQ]] exploring questions and issues about the use of the HTML4 'rel', 'rev' attributes and linktypes in general.

== Introduction ==
Indexing and tracking applications treat all links as endorsements, or expressions of support. This is a problem, as we need to link to those we disagree with as well, to discuss why.

== Specification ==
VoteLinks is an [[elemental-microformat|elemental microformat]], one of several [[microformats|microformat]] open standards.
We propose a set of three new values for the rev attribute of the <a> (hyperlink) tag in HTML.

The new values are "vote-for" "vote-abstain" or "vote-against", which are mutually exclusive, and represent agreement, abstention or indifference, and disagreement respectively.

A link without an explicit vote 'rev' value is deemed to have value "vote-for" or "vote-abstain", depending on the application.

Additional human-readable commentary can be added using the existing 'title' attribute, which most browsers show as a rollover.

Examples:
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

=== Deprecated: Using 'rel' for VoteLinks ===
A previous draft of the specification used the 'rel' value instead of the 'rev' attribute. Analysis and feedback has demonstrated this to have been inappropriate use of the 'rel' attribute, when the 'rev' attribute was much more important. See the [[RelFAQ]] for more details.

Implementations MAY support links with the VoteLinks values in the 'rel' attribute for backward compatibility with any existing VoteLinks content.

Authors MUST NOT use 'rel' for VoteLinks values.

== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rev">rev</dt>
<dd><a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rev">
HTML4 definition of the 'rev' attribute.</a>
Here are some additional values.
<dl>
<dt id="vote-for">vote-for</dt>
<dd>Indicates agreement with or recommendation for the referred resource.</dd>
<dt id="vote-abstain">vote-abstain</dt>
<dd>Indicates abstention or indifference for the referred resource.</dd>
<dt id="vote-against">vote-against</dt>
<dd>Indicates disagreement with or recommendation against the referred resource.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implementations ==
This section is '''informative'''.

* [http://moloko.itc.it/paoloblog/ Paolo Massa] created [http://moloko.itc.it/paoloblog/semantic_links/ SemanticLinks], a small Firefox extension that shows vote-for, vote-against links information. (Note the download links for SemanticLinks have been removed by the author.)
* Wordpress implementation of a votelink-aware pingback is in testing at [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack] ([[User:SteveIvy|Steve Ivy]])

== Normative References ==
* [http://gmpg.org/xmdp/ XMDP]

== Related Work ==
* [[xoxo]]
* [http://gmpg.org/xfn/ XFN]
* [http://developers.technorati.com/wiki/attentionxml Attention.xml]
* [[rellicense]]
* [[reltag]]
* [[relnofollow]]

== FAQ ==
* See [[votelinks-faq]] and the broader [[rel-faq]].
* See also [[votelinks-issues]] for issues which have been raised with the votelinks [[microformat]].