hatom-examples-in-wild: Difference between revisions
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
|||
(8 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
{{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 | 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]. | * [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. | ||
Line 32: | 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.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 59: | 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. |
Latest revision as of 16:23, 18 July 2020
This page is an informative section of the hAtom draft specification.
The following sites have published 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 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.
- IMELGRAT.ME uses hAtom markup for sharing updates on its WordPress blog on Web and Mobile Development.
- iProcess uses hAtom for its business news updates from within hNews, and custom implementation of hAtom2Atom.xsl to drive its business news syndication feed.
- flattr.com uses hAtom for the activity streams on its profiles. Uses experimental Activity Streams classes in it.
- gulfdine.com uses hAtom, hReviews for contact information, restaurant information (company address, etc.) and admin reviews.
- brannfan.com uses hAtom for the news entries on its home page and single entry pages.
- chipwreck.de uses hAtom for the (wordpress) blog entries.
- Zybez uses hAtom for the news entries on its home page.
- The Greenvoice Blog, as well as all of the individual campaign blogs on the site (example), have their posts marked up with hAtom.
- Huffduffer uses hAtom for the newest and the most popular additions as well as on every user profile and on tag places.
- Waterloo Region Chapter Fair Vote Canada hAtom enabled until the site enables RSS/Atom in Drupal. Self-referentially linked with Luke Arno's hatom2atom service.
- ADUK use hAtom to mark up news on their home page.
- The Hook a Canadian political blog, uses hAtom for blog posts and list of blog posts, however also offers a feedburner RSS feed.
- Blog Summary is a WordPress plugin from plaintxt.org that generates a semantic list of recent entries in hAtom. By Scott Allan Wallick.
- Dance Federation Salsa Dancing & Jive Dancing Lessons and Events Directory for classes, lessons and events users hatom for its news page and generating rss.
- Kakkoi - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.
- VibeReview uses hAtom for sex toy reviews and articles (no nudity, but still maybe NSFW). Two feeds can be found on the homepage.
- Linux Infusion uses hAtom for blog posts and comments.
- Joseph Bergantine has used hAtom to mark up blog posts, article lists, and comments
- MicroReviews marks up each review with hAtom so that every page can be a feed. See the home page or 5-Star Reviews
- LocalHero (localhero dot biz) A local search which returns it search results in hatom (as well as other microformats).
- forestk's blog uses hAtom (note it is Japanese!)
- Niall Kennedy's Weblog features hAtom on every page. includes comments.
- WebOrganics - Has hAtom feeds on every page.
- Reprise - A minimal blog application which uses hAtom out of the box.
- BBC World Service Bangladesh River Journey a social network mashup, with hAtom entries & other microformats. See Dharmafly blog discussion.
- People Magazine uses hAtom to markup the latest news stories.
- Tamundo Online auction platform that uses hAtom
- Istituto Nazionale Geofisica e Vulcanologia, Bologna implemented hAtom entries with embedded rel-tags for categories in its news-page (custom template for MODx CMS).
- ITVP uses hAtom for entries. See Wojtek's announcement 2007-09-28.
- Shifting Pixel uses hAtom for blog posts and comments.
- LazyLibrary uses hAtom on book results pages.
- Find Substance Blog uses hAtom for blog posts.
- Blogger
- Announcement on Blogger Dev that all new blogs will have hAtom classes
- AOL
- AOL News, AOL News has implemented hAtom into their center column. This display will be used on other AOL channels as well
- AOL Sports, AOL Sports is the second AOL channel to use the hAtom display for its center column data
- Creation design & marketing uses hAtom for a lot of the content as well as comments on articles.
- 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.
- guyleech.net uses hCard for contact information. Example: Barclays Bank Customer Service
- Dmytro Shteflyuk uses hAtom for all blog posts.
- Florian Beer uses hAtom to mark up all the blog posts. There is also a tutorial on how to convert WordPress themes to include hAtom.
- Ficlets uses hAtom on the main stories page and on individual story pages.
- UNT International uses hAtom combined with hCard on news/announcement pages (e.g., the main news page) in addition to providing traditional Atom feeds
- Absalom Media uses hAtom combined with hCard for articles.
- Joomla! Melbourne User Group uses hAtom combined with hCard for articles.
- Volume - Main news page is marked up as hAtom 0.1
- Yedda - Yedda support hAtom on exploration of questions where there is also support for Atom and RSS feeds. (example)
- The West Midland Bird Club's frequently-updated What's New page, news from its Ladywalk Reserve and news from Grimley Pits — comments welcome on my talk page Andy Mabbett
- pixelsebi's repository uses hAtom 0.1 for blog posts (and hCard, hCalendar, XFN, xFolk and many more) based on manual WordPress template modifications
- qmpeople uses hAtom combined with hCard for blog.
- Geek in the Park uses hAtom for the comments. -- by trovster
- Sarven Capadisli uses hAtom for the articles and comments -- by csarven
- Capital University uses hAtom 0.1 to mark up the feed of latest posts by student bloggers on its home page.
- Ranting and Roaring (David Janes)
- ChunkySoup.net has redesigned using hAtom 0.1 and hCards on the entire site — by Chris Casciano
- Sedna RSS (a feed aggregator based on SPIP, by Fil, IZO and others; GPLd sources are available at SPIP-Zone)
- Scribbish is a Typo theme which uses hAtom.
- hAtom2Atom.xsl's Changelog is published as hAtom and Atom.
- federali.st's webbed Federalist Papers are each marked up in hAtom.
- Sandbox is a theme for WordPress that uses hAtom. By Scott Allan Wallick.
- The theme is also available to accounts on the <username>.wordpress.com hosting service. The Coworking and BarCamp blogs are examples of custom Sandbox themes.
- Over 40 designs available for the Sandbox at the Sandbox Designs Competition, which also uses hAtom
- Strangelove is a modification of the default WordPress theme (Kubrick) with hAtom support.
- It points to the hAtom2Atom proxy service as the link for syndication feeds.
- All plaintxt.org themes for WordPress now use hAtom. The themes are also coded for hCard compliance. The themes, by name, are:
- Barthelme (two-column, fluid), blog.txt (two- or three-column, elastic), plaintxtBlog (three-column, fluid), Simplr (one column, elastic), veryplaintxt (two column, fluid)
- By Scott Allan Wallick.
- PATS Courses, the PATS Research Group uses hAtom to mark up the latest course documents for some of their courses
- 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.
- Last.FM, a social music sharing platform, uses hAtom markup for shoutbox, and recommends using microformatic's transcode tool
- Vlog Razor - Contains multiple hAtom feeds on the same page.
- Androided uses hAtom on all the pages in the site.
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:
- Aaron Parecki publishes 2 hAtom feeds on his home page.
- 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)
- 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.
- Tantek Çelik publishes a single hfeed (also microformats2 h-entry support).
- ...
popular news media
- TIME.com marks up articles with hAtom including authors with hCard, e.g. Like to Brag on Facebook or Twitter? That’s Because Self-Disclosure Is like Eating and Sex, Says Study
- ...
status updates
- Twitter publishes hAtom for status updates and short notes since 2007-05-07.
- ...
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.
- Second p0st (Phil Pearson)
See Also
- h-entry - latest markup spec for Atom entries in HTML
- h-feed - brainstorm/experiment for feeds in HTML
- hAtom - the draft proposal.
- hAtom Cheatsheet - hAtom properties.
- hAtom Examples, in the Wild
- hAtom Hints - help for implementors.
- hAtom Issues - problems? complaints? ideas? Put them here.
- hatom-brainstorming - active work on iterations toward the next version of hAtom
- hAtom FAQ - knowledge base.
- hAtom advocacy - encourage others to use hAtom.