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:}})
 
(11 intermediate revisions by 8 users not shown)
Line 1: Line 1:
<entry-title>hAtom Examples in the Wild</entry-title>
+
{{DISPLAYTITLE:hAtom Examples in the Wild}}
  
 
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
 
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
Line 13: Line 13:
  
 
You may want to use these buttons on your pages with hAtom. See [[buttons#hAtom]] for any recent additions.
 
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 http://www.boogdesign.com/images/buttons/microformat_hatom.png
+
http://www.davidjanes.com/images/mf_hatom.png
  
 
<!--
 
<!--
Line 20: 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.
 
* [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://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.
Line 31: Line 33:
 
* [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://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 58: 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 hCard for contact information.
+
* [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 91: 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 106: Line 108:
 
Alphabetical by given name:
 
Alphabetical by given name:
 
* [http://aaronparecki.com/ Aaron Parecki] publishes 2 hAtom feeds on his home page.
 
* [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). Feeds supported by the [[hatom-implementation]] "Actionstream Plugin" for [[WordPress]].
+
* [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://ma.tt/ Matthew Mullenweg] publishes a collection of hentry elements using [[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).
 
* [http://tantek.com/ Tantek Çelik] publishes a single hfeed (also [[microformats2]] h-entry support).
 
* ...
 
* ...

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