Difference between revisions of "hatom-examples-in-wild"

From Microformats Wiki
hatom-examples-in-wild
Jump to navigation Jump to search
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(34 intermediate revisions by 24 users not shown)
Line 1: Line 1:
=hAtom Examples in the Wild=
+
{{DISPLAYTITLE:hAtom Examples in the Wild}}
  
The following sites have implemented [[hatom|hAtom]], and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc. If your site marked up with hAtom, feel free to add it o the '''top''' of this list. Please check back after a few days, to see if anyone has found any problems with the examples supplied.
+
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
 +
<span style="padding:3em 0;float:left;width:33%">[[hatom-examples-in-wild#examples_by_category|Want hAtom]]</span><span style="padding:3em 0;float:left;width:33%">[[hatom-examples-in-wild#new_and_uncategorized_examples|Have hAtom]]</span>
 +
</div>
 +
 
 +
This page is an '''informative''' section of the [[hatom|hAtom draft specification]].
 +
 
 +
The following sites have published [[hAtom|hAtom]], and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or to try parsing and indexing.
 +
 
 +
== new and uncategorized examples ==
 +
'''Have hAtom?''' If you have a site with hAtom, add it to the top of this list. Include at least one URL to a page that includes actual [[hatom|hAtom]] markup. Examples without direct links to pages with hAtom markup will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.
 +
 
 +
You may want to use these buttons on your pages with hAtom. See [[buttons#hAtom]] for any recent additions.
 +
http://www.davidjanes.com/images/mf_hatom.png
  
== 0.1 hAtom examples==
 
 
<!--
 
<!--
  
Line 9: Line 20:
  
 
-->
 
-->
 +
* [https://imelgrat.me/ IMELGRAT.ME] uses hAtom markup for sharing updates on its WordPress blog on Web and Mobile Development.
 +
* [http://www.iprocess.firm.in/ iProcess] uses hAtom for its business news updates from within hNews, and custom implementation of hAtom2Atom.xsl to drive its [http://iprocess.firm.in/feed/ business news syndication feed].
 +
* [https://flattr.com/ flattr.com] uses hAtom for the activity streams on its [https://flattr.com/profile/pthulin profiles]. Uses experimental [http://activitystrea.ms/ Activity Streams] classes in it.
 +
* [http://www.gulfdine.com/Restaurant.aspx?Name=Aalishan+-+Al+Muntazah&Restaurant=6497 gulfdine.com] uses hAtom, hReviews for contact information, restaurant information (company address, etc.) and admin reviews.
 +
* [http://brannfan.com/ brannfan.com] uses hAtom for the news entries on its home page and single entry pages.
 +
* [http://www.chipwreck.de/blog/posts/ chipwreck.de] uses hAtom for the (wordpress) blog entries.
 +
* [http://www.zybez.net/ Zybez] uses hAtom for the news entries on its home page.
 +
* The [http://greenvoice.com Greenvoice] Blog, as well as all of the individual campaign blogs on the site ([http://greenvoice.com/campaigns/303-saving-scottish-seals/blogs/595/posts example]), have their posts marked up with hAtom.
 +
* [http://huffduffer.com/ Huffduffer] uses hAtom for the [http://huffduffer.com/new newest] and the most [http://huffduffer.com/popular popular] additions as well as on every user profile and on tag places.
 +
* [http://fairvote.ca/en/WaterlooRegion Waterloo Region Chapter Fair Vote Canada] hAtom enabled until the site enables RSS/Atom in Drupal.  Self-referentially linked with Luke Arno's [http://www.lukearno.com/projects/hatom2atom/ hatom2atom service].
 +
* [http://www.aduk.org/ ADUK] use hAtom to mark up news on their home page.
 +
* [http://thetyee.ca/Blogs/TheHook/ The Hook] a Canadian political blog, uses hAtom for blog posts and list of blog posts, however also offers a feedburner RSS feed.
 
* [http://www.plaintxt.org/experiments/blog-summary/ Blog Summary] is a [[wordpress|WordPress]] plugin from plaintxt.org that generates a semantic list of recent entries in hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
 
* [http://www.plaintxt.org/experiments/blog-summary/ Blog Summary] is a [[wordpress|WordPress]] plugin from plaintxt.org that generates a semantic list of recent entries in hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
* [http://www.yigg.de YiGG (a german social-news community)] Marks up all there Pages with stories using hAtom.
 
 
* [http://www.dancefederation.co.uk Dance Federation Salsa Dancing & Jive Dancing Lessons and Events ] Directory for classes, lessons and events users hatom for its news page and generating rss.
 
* [http://www.dancefederation.co.uk Dance Federation Salsa Dancing & Jive Dancing Lessons and Events ] Directory for classes, lessons and events users hatom for its news page and generating rss.
 
* [http://blog.kakkoi.net/ Kakkoi] - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.
 
* [http://blog.kakkoi.net/ Kakkoi] - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.
Line 24: Line 46:
 
* [http://www.bbc.co.uk/worldservice/bangladeshboat BBC World Service Bangladesh River Journey] a social network mashup, with hAtom entries & other microformats. See [http://dharmafly.com/blog/bangladeshboat Dharmafly blog discussion].
 
* [http://www.bbc.co.uk/worldservice/bangladeshboat BBC World Service Bangladesh River Journey] a social network mashup, with hAtom entries & other microformats. See [http://dharmafly.com/blog/bangladeshboat Dharmafly blog discussion].
 
* [http://www.people.com/people/news/ People Magazine] uses hAtom to markup the latest news stories.
 
* [http://www.people.com/people/news/ People Magazine] uses hAtom to markup the latest news stories.
 +
* [http://www.tamundo.de/ Tamundo] Online auction platform that uses hAtom
 
* [http://www.bo.ingv.it/italiano/News.html Istituto Nazionale Geofisica e Vulcanologia, Bologna] implemented hAtom entries with embedded rel-tags for categories in its news-page (custom template for [http://www.modxcms.com MODx CMS]).
 
* [http://www.bo.ingv.it/italiano/News.html Istituto Nazionale Geofisica e Vulcanologia, Bologna] implemented hAtom entries with embedded rel-tags for categories in its news-page (custom template for [http://www.modxcms.com MODx CMS]).
 
* [http://v1.itvp.pl/blog/przebojowanoc/i.tvp/idb/24/ ITVP] uses hAtom for entries. See [http://twitter.com/Wojtek/statuses/299700082 Wojtek's announcement 2007-09-28].
 
* [http://v1.itvp.pl/blog/przebojowanoc/i.tvp/idb/24/ ITVP] uses hAtom for entries. See [http://twitter.com/Wojtek/statuses/299700082 Wojtek's announcement 2007-09-28].
Line 36: Line 59:
 
* [http://www.creation.uk.com Creation design & marketing] uses hAtom for a lot of the content as well as [http://www.creation.uk.com/news/2007/06/06/easy-money/ comments on articles].
 
* [http://www.creation.uk.com Creation design & marketing] uses hAtom for a lot of the content as well as [http://www.creation.uk.com/news/2007/06/06/easy-money/ comments on articles].
 
* [http://www.sndbx.org/ The Sandbox Designs Competition] uses hAtom for all content, hCard for participant (the competition designers) and sponsor information, hCalendar for the competition schedule, XFN for links, and rel-license for licensing information. It's all GNU GPL.
 
* [http://www.sndbx.org/ The Sandbox Designs Competition] uses hAtom for all content, hCard for participant (the competition designers) and sponsor information, hCalendar for the competition schedule, XFN for links, and rel-license for licensing information. It's all GNU GPL.
* [http://guyleech.net guyleech.net] uses hAtom for blog posts, and uses hCard for contact information. There is also an [http://guyleech.net/technical/html/minimal-microformats article] on how to minimise hAtom, to save time and code.
+
* [http://guyleech.net guyleech.net] uses hCard for contact information. Example: [http://qwikfix.co.uk/barclays/ Barclays Bank Customer Service]
 
* [http://kpumuk.info/ Dmytro Shteflyuk] uses hAtom for all blog posts.
 
* [http://kpumuk.info/ Dmytro Shteflyuk] uses hAtom for all blog posts.
 
* [http://blog.no-panic.at Florian Beer] uses hAtom to mark up all the blog posts. There is also a [http://blog.no-panic.at/2006/11/16/hatom-and-wordpress/ tutorial] on how to convert [[wordpress|WordPress]] themes to include hAtom.
 
* [http://blog.no-panic.at Florian Beer] uses hAtom to mark up all the blog posts. There is also a [http://blog.no-panic.at/2006/11/16/hatom-and-wordpress/ tutorial] on how to convert [[wordpress|WordPress]] themes to include hAtom.
Line 69: Line 92:
 
* [http://last.fm Last.FM], a social music sharing platform, uses hAtom markup for [http://blog.last.fm/2007/05/30/rss-your-shoutbox-and-you shoutbox], and recommends using [http://tools.microformatic.com microformatic]'s transcode tool
 
* [http://last.fm Last.FM], a social music sharing platform, uses hAtom markup for [http://blog.last.fm/2007/05/30/rss-your-shoutbox-and-you shoutbox], and recommends using [http://tools.microformatic.com microformatic]'s transcode tool
 
* [http://vlograzor.com/ Vlog Razor] - Contains multiple hAtom feeds on the same page.
 
* [http://vlograzor.com/ Vlog Razor] - Contains multiple hAtom feeds on the same page.
 +
* [http://www.androided.in Androided] uses hAtom on all the pages in the site.
  
 
<!--
 
<!--
Line 75: Line 99:
  
 
-->
 
-->
 +
 +
== examples by category ==
 +
<em>This section is a stub.</em>This list is very incomplete - please see the above uncategorized list and add to existing category(ies) or add new categories accordingly!
 +
 +
'''Want hAtom?''' Use examples from the spec to start with, [[validators|validate]] and publish it, or following the [[hatom-authoring|hAtom authoring tips]] to add hAtom markup to your current site.  Check out this section for similar examples of types of pages that benefit from hAtom markup.
 +
 +
=== indieweb sites ===
 +
Alphabetical by given name:
 +
* [http://aaronparecki.com/ Aaron Parecki] publishes 2 hAtom feeds on his home page.
 +
* [http://ossguy.com/ Denver Gingerich] publishers 4 hAtom feeds (as denoted by 'hfeed' root class names), including. Feeds supported by the [[hatom-implementation]] "Actionstream Plugin" for [[WordPress]].
 +
** http://ossguy.com/?cat=8 (blog filtered by category + tweets feed on the same page)
 +
* [http://ma.tt/ Matthew Mullenweg] publishes a collection of hentry elements using [[WordPress]] (no explicit hfeed(s)). He also visually publishes a blog feed and tweets feed on the same page.
 +
* [http://tantek.com/ Tantek Çelik] publishes a single hfeed (also [[microformats2]] h-entry support).
 +
* ...
 +
 +
=== popular news media ===
 +
* [http://time.com TIME.com] marks up articles with hAtom including authors with hCard, e.g. <cite>[http://techland.time.com/2012/05/10/like-to-brag-on-facebook-or-twitter-thats-because-self-disclosure-is-like-eating-and-sex-says-study/ Like to Brag on Facebook or Twitter? That’s Because Self-Disclosure Is like Eating and Sex, Says Study]</cite>
 +
* ...
 +
 +
=== status updates ===
 +
* [http://twitter.com/ Twitter] publishes hAtom for status updates and short notes  [http://twitter.com/al3x/statuses/53982402 since 2007-05-07].
 +
* ...
  
 
==Examples with some problems==
 
==Examples with some problems==
 
 
Entries may be moved here if there's a problem with the way hAtom is used on the page concerned. If the page is yours, and you want to improve it, see the [[hatom-faq|hAtom FAQ]], or raise any queries on [[hatom-issues|hAtom Issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.  
 
Entries may be moved here if there's a problem with the way hAtom is used on the page concerned. If the page is yours, and you want to improve it, see the [[hatom-faq|hAtom FAQ]], or raise any queries on [[hatom-issues|hAtom Issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.  
  

Latest revision as of 16:23, 18 July 2020


Want hAtomHave hAtom

This page is an informative section of the hAtom draft specification.

The following sites have published hAtom 0.1, and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or to try parsing and indexing.

new and uncategorized examples

Have hAtom? If you have a site with hAtom, add it to the top of this list. Include at least one URL to a page that includes actual hAtom markup. Examples without direct links to pages with hAtom markup will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.

You may want to use these buttons on your pages with hAtom. See buttons#hAtom for any recent additions. mf_hatom.png


examples by category

This section is a stub.This list is very incomplete - please see the above uncategorized list and add to existing category(ies) or add new categories accordingly!

Want hAtom? Use examples from the spec to start with, validate and publish it, or following the hAtom authoring tips to add hAtom markup to your current site. Check out this section for similar examples of types of pages that benefit from hAtom markup.

indieweb sites

Alphabetical by given name:

popular news media

status updates

Examples with some problems

Entries may be moved here if there's a problem with the way hAtom is used on the page concerned. If the page is yours, and you want to improve it, see the hAtom FAQ, or raise any queries on hAtom Issues or the mailing list, where people will be happy to help you.

Pre 0.1 hAtom examples

These pages conform to an older draft standard and need to be updated.

See Also