hcard-examples-in-wild: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(→‎New Examples: "Please check back after a few days, to see if anyone has found any problems")
(→‎New Examples: can export uFs to any compatible app)
Line 23: Line 23:
Please add new examples to the '''top''' of this section so they can be reviewed! Please check back after a few days, to see if anyone has found any problems with the examples supplied.
Please add new examples to the '''top''' of this section so they can be reviewed! Please check back after a few days, to see if anyone has found any problems with the examples supplied.


* [http://www.kiteboarder.com.au/php/search.php www.kiteboarder.com.au] A new Australian kiteboarding portal.  Microformats have been used so that users can export the shops directly to outlook. I was able to learn microformats through the Media 2007 conference in London. Author: Damien King
* [http://www.kiteboarder.com.au/php/search.php www.kiteboarder.com.au] A new Australian kiteboarding portal.  Microformats have been used so that users can export the shops <s>directly to outlook</s>. I was able to learn microformats through the Media 2007 conference in London. Author: Damien King
* [http://krevi.dk/ KREVI] A Danish research institute. Using hCard in the footer of each page and on staff list. This is the first known danish website from the public sector of Denmark using microformats.[http://krevi.dk/om-krevi/organisation/medarbejdere example staff list]
* [http://krevi.dk/ KREVI] A Danish research institute. Using hCard in the footer of each page and on staff list. This is the first known danish website from the public sector of Denmark using microformats.[http://krevi.dk/om-krevi/organisation/medarbejdere example staff list]
* [http://www.hss.ed.ac.uk/web-team/ College of Humanities and Social Science Web Team's site], University of Edinburgh uses a hCard in the footer of each page.
* [http://www.hss.ed.ac.uk/web-team/ College of Humanities and Social Science Web Team's site], University of Edinburgh uses a hCard in the footer of each page.

Revision as of 17:16, 27 June 2007

hCard Examples in the wild

This page is an informative section of the hCard specification.

The following sites have published 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 markup. Examples added without a URL to a page with hCard markup may be removed.

Want to get started with writing an hCard? Use the hCard creator to write up some contact information and publish it, or follow the hCard authoring tips to add hCard markup to your current contact page.

Buttons

You can use these buttons on pages with hCards. See buttons#hCard for any recent additions.

Examples To Act On

New Examples

Please add new examples to the top of this section so they can be reviewed! Please check back after a few days, to see if anyone has found any problems with the examples supplied.

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, or raise any queries on hCard Issues or the mailing list, where people will be happy to help you.

  • reefscape.net Personal blog page that has a hidden hCard in the about section on every page. A vCard can be downloaded using the Technorati service.
    • Hidden.
  • www.cosmotourist.com and www.cosmotourist.de A new German and English portal around travel tips. Using hidden hCard for hotel listings, wherever address data is available.
    • Hidden.
  • Venn Communications System uses a hidden hCard sitewide.
    • Hidden.
  • Last FM has hCards hidden on their profile pages e.g. [4].
    • Hidden.
  • Kriss Watt has hidden an hCard his blog footer.
    • Hidden.
  • Frances Berriman has a hidden vCard in the footers of her website.
    • Hidden.
  • CandleScience Candle Supply added a hidden hcard sitewide.
    • Hidden.
  • Meryl K. Evans has a hidden hCard on her homepage.
    • Hidden.
  • High Flyers Careers, India's first flight-crew placement agency uses microformats for their corporate information page. Using standards couldn't be easier or better.
    • Has honorific prefixes as part of "fn", rather than marked up separatley.
  • IBM is embracing microformats. The IBM Employee Directory now returns hCards in its query results. Also see the Shortcuts Podcast.
    • Invalid - no fn; adr has no children.
  • Spotstor.com eg - [5] uses hCard on profile pages (where user has elected to show contact information).
  • Stanford Online Accessibility Program has implemented hCard on every page
    • positioned off screen via CSS Andy Mabbett 15:09, 9 Apr 2007 (PDT)
  • Belkin Press Release - All Belkin press releases since October 2006 use hCard and vCard for company contact info.
    • One of the three hCards in invalid (no "fn") Andy Mabbett 16:50, 2 Apr 2007 (PDT)
  • Ray & Berndtson, a global recruitment firm, are listing all of their offices worldwide as hCards, e.g UK offices.
  • The imprint of Hohenstaufen Gymnasium Kaiserslautern
  • Alexa Internet marked up its managers' page with hCard.
  • Natural England (new UK government agency, formed 2006-10-01).
    • No "fn" - which makes it invalid.
  • G3:2 uses hCard with geo tags in the copyright and on the about me page
    • Address data is hidden using CSS.
  • ZDnet Contact Us Page supports hCard.
  • Gerard Braad has published an example on his profile page that is almost consistent with his original vCard file. Also progress is made for transforming his FoaF file to a hCard encoded representation (also done for my spouse: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 --RyanKing 17:19, 5 Jan 2006 (PST)
  • Cori Schlegel discusses how he has updated 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') --RyanKing 15:15, 5 Jan 2006 (PST)
  • The good ship Leonid Miloslavskiy spotted in the North Atlantic
    • INVALID --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)
  • Landsbanki Føroya
    • INVALID - using embedded RDF/XML invalidly
  • Chris Cherry's contact page with his hCard
    • WARNING - uses class="cell" instead of <span class="type">cell</span> Fixed -- Chris Cherry 19:54, 15 Sep 2006 (PST)
  • 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. --RyanKing 14:29, 5 Jan 2006 (PST)
    • Error appears for external users only. Won't be fixed any time soon. -- PhilWilson 00:03, 28 Jan 2006 (GMT)
  • Richi Jennings has put up his attempt
    • INVALID, missing "fn"--RyanKing 12:47, 5 Jan 2006 (PST)
  • Yellow Pencil Using microformats to present company contact information
    • First hcard has empty "fn" and no "n". "fn" should be with "org" -- ScottReynen 21:29, 19 Jun 2006 (CST)

Reviewed Examples

Reviewed New Examples which are fine can be moved here to indicate that they've been reviewed. Or take the next step and note which type of example in the wild each of these are, and then please move them to the "Grouped Examples" sectionl

Grouped Examples

This section organizes examples into several rough categories as follows. If an example fits in more than one cateogry, use the *last* matching category in this list that matches the specific hCard example(s) in the wild that you are trying to categorize.

  1. Individuals - one card per person, perhaps sort alphabetically by "family-name". People with their own hCards (typically) on their own site.
  2. Organizations - one card per organization, alphabetical by "fn". Organizations with their own hCard(s) (typically) on their own site.
  3. 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. Alphabetically sorted by "org" with perhaps a few individuals listed in a single sub-bullet, comma delimited, sorted by "family-name".
  4. Online Profiles - which host profiles for more than one person, with a count estimating the # of hCards, e.g. 10m+ for Flickr.com. Alphabetically sorted by "fn" with perhaps a few individuals listed in a single sub-bullet, comma delimited, sorted by "family-name".
  5. Online Venues - which provide listings for businesses or organizations, with a count estimating the # of venues, e.g. ~10k for Upcoming.org. Alphabetically sorted by service/site name, with perhaps a few specific venues listed in a single sub-bullet, comma delimited, sorted by "fn".
  6. Speakers Listings - event sites' speakers pages where the speakers are marked up with hCard. Sort by date, sub-grouped by year. Most recent first. Perhaps a few individuals listed in a single sub-bullet each event, comma delimited, sorted by "family-name".

In addition there is a separate "UTF8 Examples" section that can be used to put another link to any hCard examples in the wild which exercise various non-ASCII7 / non-english characters for various property values.

As each section itself become quite large (we might be there already, once we sort through the above "Reviewed Examples"), it will probably be moved to a separate page, leaving its heading here in place, and replacing its contents here with a link to the separate page and perhaps a stats summary.

Individuals

Organizations

Institutions

Online Profiles

Online Venues

  • ...

Speakers Listings

2007

  • ...

2006

  • ...

2005

  • ...

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.

Non-HTML examples

Related Pages

The hCard specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.