http://microformats.org/wiki/api.php?action=feedcontributions&user=Guyleech&feedformat=atomMicroformats Wiki - User contributions [en]2024-03-29T07:46:30ZUser contributionsMediaWiki 1.38.4http://microformats.org/wiki/index.php?title=hatom-examples-in-wild&diff=43033hatom-examples-in-wild2010-09-04T08:30:50Z<p>Guyleech: /* new and uncategorized examples */</p>
<hr />
<div><entry-title>hAtom Examples in the Wild</entry-title><br />
<br />
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger"><br />
<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><br />
</div><br />
<br />
This page is an '''informative''' section of the [[hatom|hAtom draft specification]].<br />
<br />
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.<br />
<br />
== new and uncategorized examples ==<br />
'''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.<br />
<br />
You may want to use these buttons on your pages with hAtom. See [[buttons#hAtom]] for any recent additions.<br />
http://www.davidjanes.com/images/mf_hatom.png http://www.boogdesign.com/images/buttons/microformat_hatom.png<br />
<br />
<!--<br />
<br />
Please add examples to the top of this list. Write in the third person ("Acme has..." not "we have..."). <br />
<br />
--><br />
* [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.<br />
* [http://brannfan.com/ brannfan.com] uses hAtom for the news entries on its home page and single entry pages.<br />
* [http://www.chipwreck.de/blog/posts/ chipwreck.de] uses hAtom for the (wordpress) blog entries.<br />
* [http://www.zybez.net/ Zybez] uses hAtom for the news entries on its home page.<br />
* 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.<br />
* [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.<br />
* [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]. <br />
* [http://www.aduk.org/ ADUK] use hAtom to mark up news on their home page.<br />
* [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.<br />
* [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]].<br />
* [http://www.yigg.de YiGG (a german social-news community)] Marks up all there Pages with stories using hAtom.<br />
* [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.<br />
* [http://blog.kakkoi.net/ Kakkoi] - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.<br />
* [http://www.vibereview.com/ VibeReview] uses hAtom for sex toy reviews and articles (no nudity, but still maybe NSFW). Two feeds can be found on the homepage.<br />
* [http://www.linuxinfusion.com/ Linux Infusion] uses hAtom for blog posts and comments.<br />
* Joseph Bergantine has used hAtom to mark up [http://bergantinedesign.us/blog/my-microwave-has-a-button-that-says-record blog posts], [http://bergantinedesign.us/blog/ article lists], and [http://bergantinedesign.us/blog/doneish#comment000068 comments] <br />
* [http://microrevie.ws/ MicroReviews] marks up each review with [[hAtom]] so that every page can be a feed. See [http://microrevie.ws/ the home page] or [http://microrevie.ws/????? 5-Star Reviews]<br />
* LocalHero (localhero dot biz) A local search which returns it search results in hatom (as well as other microformats).<br />
* [http://blog.livedoor.jp/forestk/ forestk's blog] uses hAtom (note it is Japanese!)<br />
* [http://www.niallkennedy.com/blog/ Niall Kennedy's Weblog] features hAtom on every page. includes comments.<br />
* [http://weborganics.co.uk/ WebOrganics] - Has hAtom feeds on every page.<br />
* [http://journal.redflavor.com/ Reprise] - A [http://redflavor.com/reprise.rb minimal blog] application which uses hAtom out of the box.<br />
* [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].<br />
* [http://www.people.com/people/news/ People Magazine] uses hAtom to markup the latest news stories.<br />
* [http://www.tamundo.de/ Tamundo] Online auction platform that uses hAtom<br />
* [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]).<br />
* [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].<br />
* [http://shiftingpixel.com Shifting Pixel] uses hAtom for blog posts and comments.<br />
* [http://lazylibrary.com LazyLibrary] uses hAtom on book results pages.<br />
* [http://findsubstance.com Find Substance Blog] uses hAtom for blog posts.<br />
* [http://www.blogger.com Blogger]<br />
** [http://groups.google.com/group/bloggerDev/browse_thread/thread/69344c5cc35b472e Announcement] on Blogger Dev that all new blogs will have hAtom classes<br />
* AOL<br />
**[http://news.aol.com AOL News], AOL News has implemented hAtom into their center column. This display will be used on other AOL channels as well<br />
**[http://sports.aol.com AOL Sports], AOL Sports is the second AOL channel to use the hAtom display for its center column data<br />
* [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].<br />
* [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.<br />
* [http://guyleech.net guyleech.net] uses hCard for contact information.<br />
* [http://kpumuk.info/ Dmytro Shteflyuk] uses hAtom for all blog posts.<br />
* [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.<br />
* [http://ficlets.com/ Ficlets] uses hAtom on the [http://ficlets.com/stories main stories page] and on [http://ficlets.com/stories/12 individual story pages].<br />
* [http://www.international.unt.edu UNT International] uses hAtom combined with hCard on news/announcement pages (e.g., [http://www.international.unt.edu/quick/news the main news page]) in addition to providing traditional Atom feeds<br />
* [http://www.absalom.net.au Absalom Media] uses hAtom combined with hCard for articles.<br />
* [http://www.joomlamug.com Joomla! Melbourne User Group] uses hAtom combined with hCard for articles.<br />
* [http://www.volume.co.uk Volume] - Main news page is marked up as hAtom 0.1 <br />
* [http://yedda.com Yedda] - Yedda support hAtom on exploration of questions where there is also support for Atom and RSS feeds. ([http://yedda.com/questions/recent/ example])<br />
* The [http://www.westmidlandbirdclub.com/ West Midland Bird Club's] frequently-updated [http://www.westmidlandbirdclub.com/new.htm What's New] page, [http://www.westmidlandbirdclub.com/ladywalk/latest.htm news from its Ladywalk Reserve] and [http://www.westmidlandbirdclub.com/worcs/grimley/latest.htm news from Grimley Pits] &mdash; comments welcome on my talk page [[User:AndyMabbett|Andy Mabbett]]<br />
* [http://pixelsebi.com pixelsebi's repository] uses hAtom 0.1 for blog posts (and hCard, hCalendar, XFN, xFolk and many more) based on manual [[wordpress|WordPress]] template modifications<br />
* [http://www.qmpeople.com/ qmpeople] uses hAtom combined with hCard for [http://www.qmpeople.com/blog/ blog].<br />
* [http://www.geekinthepark.co.uk Geek in the Park] uses hAtom for the comments. -- by [[User:Trovster|trovster]]<br />
* [http://www.csarven.ca Sarven Capadisli] uses hAtom for the articles and comments -- by [[User:Csarven|csarven]]<br />
* [http://www.capital.edu Capital University] uses hAtom 0.1 to mark up the feed of latest posts by student bloggers on its home page.<br />
* [http://blog.davidjanes.com Ranting and Roaring] (David Janes)<br />
* [http://ChunkySoup.net/ ChunkySoup.net] has redesigned using hAtom 0.1 and hCards on the entire site &mdash; by [[User:ChrisCasciano|Chris Casciano]]<br />
* [http://sedna.spip.org/sedna/ Sedna RSS] (a feed aggregator based on SPIP, by Fil, IZO and others; GPLd sources are available at [http://zone.spip.org/trac/spip-zone/browser/_squelettes_/sedna SPIP-Zone])<br />
* [http://quotedprintable.com/pages/scribbish Scribbish] is a Typo theme which uses hAtom.<br />
* [http://rbach.priv.at/hAtom2Atom/Changelog/ hAtom2Atom.xsl's Changelog] is published as hAtom and Atom.<br />
* [http://federali.st/ federali.st]'s webbed Federalist Papers are each marked up in hAtom.<br />
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for [[wordpress|WordPress]] that uses hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].<br />
** The theme is also available to accounts on the [http://wordpress.com/ <username>.wordpress.com] hosting service. The [http://blog.coworking.info Coworking] and [http://barcamp.wordpress.com BarCamp] blogs are examples of custom Sandbox themes.<br />
** Over 40 designs available for the Sandbox at the [http://www.sndbx.org/ Sandbox Designs Competition], which also uses hAtom<br />
* [http://www.whump.com/dropbox/Strangelove.zip Strangelove] is a modification of the default WordPress theme (Kubrick) with hAtom support. <br />
** It points to the hAtom2Atom proxy service as the link for syndication feeds.<br />
* All [http://www.plaintxt.org/themes/ plaintxt.org themes] for [[wordpress|WordPress]] now use hAtom. The themes are also coded for hCard compliance. The themes, by name, are:<br />
** [http://www.plaintxt.org/themes/barthelme/ Barthelme] (two-column, fluid), [http://www.plaintxt.org/themes/blogtxt/ blog.txt] (two- or three-column, elastic), [http://www.plaintxt.org/themes/plaintxtblog/ plaintxtBlog] (three-column, fluid), [http://www.plaintxt.org/themes/simplr/ Simplr] (one column, elastic), [http://www.plaintxt.org/themes/veryplaintxt/ veryplaintxt] (two column, fluid)<br />
** By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].<br />
* [http://www.pats.ua.ac.be/courses PATS Courses], the PATS Research Group uses hAtom to mark up the latest course documents for some of their courses<br />
* [http://mix.excite.co.uk Excite MIX], the Ajax Start Page from Excite Europe, uses hAtom 0.1 and hCard in the Feed Viewer to mark up feed entries and authors.<br />
* [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<br />
* [http://vlograzor.com/ Vlog Razor] - Contains multiple hAtom feeds on the same page.<br />
<br />
<!--<br />
<br />
Please do NOT add new examples here - add them to the TOP of this list. Thank you.<br />
<br />
--><br />
<br />
== examples by category ==<br />
<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!<br />
<br />
'''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.<br />
<br />
=== status updates ===<br />
* [http://twitter.com/ Twitter] publishes hAtom for status updates and short notes [http://twitter.com/al3x/statuses/53982402 since 2007-05-07].<br />
* ...<br />
<br />
<br />
<br />
==Examples with some problems==<br />
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. <br />
<br />
=== Pre 0.1 hAtom examples===<br />
These pages conform to an older draft standard and need to be updated.<br />
<br />
* [http://www.myelin.co.nz/post/ Second p0st] (Phil Pearson)<br />
<br />
==See Also==<br />
{{hatom-related-pages}}</div>Guyleech