Microformats Wiki - User contributions [en]

User:Chrismear

2009-05-29T12:20:05Z

Chrismear: Add public-domain-release template.

Find out more exciting chrismear facts: http://www.feedmechocolate.com/

{{cc-public-domain-release}}

hatom-examples-in-wild

2009-02-23T11:45:11Z

Chrismear: /* 0.1 hAtom examples */ Add Greenvoice blogs as examples

=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.

== 0.1 hAtom examples==

* 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.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://blog.kakkoi.net/ Kakkoi] - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.
* [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.
* [http://www.linuxinfusion.com/ Linux Infusion] uses hAtom for blog posts and comments.
* 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]
* [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]
* LocalHero (localhero dot biz) A local search which returns it search results in hatom (as well as other microformats).
* [http://blog.livedoor.jp/forestk/ forestk's blog] uses hAtom (note it is Japanese!)
* [http://www.niallkennedy.com/blog/ Niall Kennedy's Weblog] features hAtom on every page. includes comments.
* [http://weborganics.co.uk/ WebOrganics] - Has hAtom feeds on every page.
* [http://journal.redflavor.com/ Reprise] - A [http://redflavor.com/reprise.rb minimal blog] application which uses hAtom out of the box.
* [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.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://shiftingpixel.com Shifting Pixel] uses hAtom for blog posts and comments.
* [http://lazylibrary.com LazyLibrary] uses hAtom on book results pages.
* [http://findsubstance.com Find Substance Blog] uses hAtom for blog posts.
* [http://www.blogger.com Blogger]
** [http://groups.google.com/group/bloggerDev/browse_thread/thread/69344c5cc35b472e Announcement] on Blogger Dev that all new blogs will have hAtom classes
* AOL
**[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
**[http://sports.aol.com AOL Sports], AOL Sports is the second AOL channel to use the hAtom display for its center column data
* [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://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://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://ficlets.com/ Ficlets] uses hAtom on the [http://ficlets.com/stories main stories page] and on [http://ficlets.com/stories/12 individual story pages].
* [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
* [http://www.absalom.net.au Absalom Media] uses hAtom combined with hCard for articles.
* [http://www.joomlamug.com Joomla! Melbourne User Group] uses hAtom combined with hCard for articles.
* [http://www.volume.co.uk Volume] - Main news page is marked up as hAtom 0.1
* [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])
* 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] — comments welcome on my talk page [[User:AndyMabbett|Andy Mabbett]]
* [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
* [http://www.qmpeople.com/ qmpeople] uses hAtom combined with hCard for [http://www.qmpeople.com/blog/ blog].
* [http://www.geekinthepark.co.uk Geek in the Park] uses hAtom for the comments. -- by [[User:Trovster|trovster]]
* [http://www.csarven.ca Sarven Capadisli] uses hAtom for the articles and comments -- by [[User:Csarven|csarven]]
* [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.
* [http://blog.davidjanes.com Ranting and Roaring] (David Janes)
* [http://ChunkySoup.net/ ChunkySoup.net] has redesigned using hAtom 0.1 and hCards on the entire site — by [[User:ChrisCasciano|Chris Casciano]]
* [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])
* [http://quotedprintable.com/pages/scribbish Scribbish] is a Typo theme which uses hAtom.
* [http://rbach.priv.at/hAtom2Atom/Changelog/ hAtom2Atom.xsl's Changelog] is published as hAtom and Atom.
* [http://federali.st/ federali.st]'s webbed Federalist Papers are each marked up in hAtom.
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for [[wordpress|WordPress]] that uses hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
** 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.
** Over 40 designs available for the Sandbox at the [http://www.sndbx.org/ Sandbox Designs Competition], which also uses hAtom
* [http://www.whump.com/dropbox/Strangelove.zip 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 [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:
** [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)
** By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
* [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
* [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.
* [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.



==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.

=== Pre 0.1 hAtom examples===
These pages conform to an older draft standard and need to be updated.

* [http://www.myelin.co.nz/post/ Second p0st] (Phil Pearson)

==See Also==
{{hatom-related-pages}}

hcalendar-examples-in-wild

2009-02-23T11:37:06Z

Chrismear: /* new examples */ Add Greenvoice to list of examples

<h1>hCalendar Examples in the wild</h1>
{{TOC-right}}
This page is an '''informative''' section of the [[hcalendar|hCalendar specification]].

The following sites have published events using [[hcalendar|hCalendar]], and thus are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc.

If events on your site are marked up with hCalendar, feel free to add it to the top of this list. Please be sure to include at least one URL of a page on your site that includes actual [[hcalendar|hCalendar]] markup. Examples added without the URL of a page with hCalendar markup may be removed.

Want to get started with writing an [[hcalendar|hCalendar]] event? Use the [http://microformats.org/code/hcalendar/creator hCalendar creator] to write up an event and publish it, or follow the [[hcalendar-authoring|hCalendar authoring tips]] to add hCalendar markup to your page of upcoming events or events you mention in blog posts, wikis, etc.

Don't forget that you can add one of our [[buttons#hCalendar|buttons]] to the page, to indicate the presence of hCalendar microformats. For example: http://www.boogdesign.com/images/buttons/microformat_hcalendar.png. If you can link it back to [[hcalendar|hCalendar]] (or even page on your website, about your use of the microformat), so much the better!

== examples to act on ==

===new examples===
<span id="New_Examples"></span>
Please add new examples to the '''top''' of this section.
* [http://greenvoice.com/events Greenvoice] has listings of environmental events, which are marked up using hCalendar.
* [http://concertsfortct.com/ Teenage Cancer Trust concerts at the Royal Albert Hall] uses hCalendar for the concert listing on the home page.
* [http://www.greatermankatoevents.com/ Greater Mankato Events] uses hCalendar for the event detail pages. Some events are reoccurring, so standardizing RRULE would be helpful.
* [http://debaser.se/ Debaser rock club] uses hCalendar for the [http://debaser.se/kalender event calendar].
* The [http://www.nesn.com/ New England Sports Network] uses hCalendar in the [http://www.nesn.com/content/redsox/schedule.aspx Red Sox], [http://www.nesn.com/content/bruins/schedule.aspx Bruins], [http://www.nesn.com/content/patriots/schedule.aspx Patriots], and [http://www.nesn.com/content/celtics/schedule.aspx Celtics] team schedules.
* [http://wayne.edu/ Wayne State University] uses hCalendar for on the [http://events.wayne.edu/ University events calendar] list and individual event view.
* [http://permatime.com/ Permatime] site for sharing points in time accross times zones. It uses hcalendar and can be used as a quick way of generating hcalendar events.
* [http://www.bath.ac.uk/ University of Bath] uses hCalendar to mark up their [http://www.bath.ac.uk/semester/ semester timetable]
* [http://www.php.net/ PHP.net] uses hCalendar in their [http://www.php.net/conferences/ Conference Announcements] and [http://www.php.net/cal.php Event Calendar].
* [http://www.maine.gov/portal/help/microformats.html Maine.gov] uses microformats in their Calendar of Events and has a nice explanation page about microformats.
* [http://www.viewfilm.net/ Film on Freeview] uses hCalendar to mark up upcoming film listings on free-to-air UK television.
* [http://local.mapquest.com/ MapQuest Local] uses hCards for locations, hCalendar for events and supports the draft Geo format when lat/lng data is provided. See [http://blog.mapquest.com/2008/09/25/microformat-support-on-mapquest-local/ Microformat Support on MapQuest Local] for more information.
* [http://www.cambridgefilmfestival.org.uk/ Cambridge Film Festival] uses hCalendar to mark up the [http://www.cambridgefilmfestival.org.uk/films/list/order/date festival schedule].
* [http://www.law.georgetown.edu Georgetown Law Center] uses hCalendar to mark up faculty scholarly that take place on campus, listing them in the [http://www.law.georgetown.edu/faculty/events/ Faculty Workshops, Lectures and Symposia] system.
* [http://www.ecovian.com Ecovian] uses hCalendar to mark up green living & environmental event details, see [http://www.ecovian.com/event/sanfrancisco San Francisco Green Events] example
* [http://beta.subpop.com/ SubPop Records] features hCalendar events on its homepage and on [http://subpop.com/artists/band_of_horses individual artist pages].
* [http://laughingsquid.com/squidlist/events/ Laughing Squid Events] use hCalendar ''only'' on event detail pages (not on the overall list of events), e.g. [http://laughingsquid.com/squidlist/events/index.php?com=detail&eID=177533&year=2008&month=06 Pownce 1 Year Anniversary Party!].
* [http://www.outbackadventuretreks.com.au Outback Adventure Treks] use hCalendar for their [http://outbackadventuretreks.com.au/tours_calendar.php tours calendar] also hCard for their [http://outbackadventuretreks.com.au/contact.php contact details.]
* [http://www.dancefederation.co.uk Dance Federation Salsa Dancing & Jive Dancing Lessons and Events ] Directory for classes, lessons and events users hcalendar, hcard, geo for events and lessons.
* [http://library.christchurch.org.nz/News/ Christchurch City Libraries] news and events calendar - many but not all events.
* [http://www.villamedia.nl/agenda Villamedia] and [http://www.dejournalist.nl/agenda De Journalist] (both Dutch websites for journalists and media workers) use hCalendar to mark up their (shared) events list.
* At [http://www.ecoresearch.net/event ECOresearch.net] we export our event calendar as hCalendar.
* [http://www.firmendb.de/messetermine/index.php Fimendb Messetermine] uses hCalendar markup to add semantic meaning to the calendar of fairs and exhibitions.
* [http://www.kickstartme.co.uk KickStart Events] uses hCalendar markup to add semantic meaning to our calendar of events for forthcoming RubyOnRails workshop and courses.
* The [http://www.amentsoc.org/events/ Amateur Entomologists' Society] uses hCalendar in our calendar of events for entomologists or people with an interest in natural history.
* The [http://www.sandiegobrewersguild.org/calendar.php San Diego Brewers Guild] is using hCalendar for member brewers’ and pubs’ upcoming events.
* The [http://users.belgacom.net/gaudete Gregorian choir Gaudete] from Aalst (Belgium) uses hCalendar in their calendar of upcoming performances.
* [http://autopendium.com/events Classic Car Events] - Classic car events -- shows, auctions, race meetings -- from around the world marked up with hCalendar.
* [http://www.worldeventsguide.com World Events Guide] - Events occuring around the world marked up with hCalendar.
* [http://www.niallkennedy.com/about/ Niall Kennedy's Upcoming speeches] - hcalendar describing upcoming speeches occurs within the bounds of the parent hCard. Each vevent references said hCard using "include" method and attendee or organizer where appropriate. One vevent's description is a vcalendar itself, specifying multiple events (speeches) within the event and Niall's role in each, again with hCard include.
** The hcard include breaks one of the rules of the [[include-pattern]]: 'To prevent infinite loops, if a class="include" refers to itself or to an ancestor in the parse tree, then it is ignored and has no effect on the parser.'
* [http://competitiondiva.com/calendar.html Competition Diva's Event Calendar] is marked up with hCalendar.
* [http://www.bicyclepaper.com/calendar BicyclePaper Calendar] - Cycling event calendar marked up in hCalendar format
* [http://floatingsheep.com/userscripts/evite-hcalendar.user.js Evite hCalendar] - userscript to add hCalendar markup to eVite invitation pages
* [http://www.tripit.com/ TripIt] - uses hCalendar markup for every itinerary
* [http://www.leaguist.com Leaguist] - uses hCalendar markup sporting events
** Examples: http://www.leaguist.com/super-14-2008/games/, http://www.leaguist.com/super-14-2008/pick/1
* [http://www.areaguides.net areaguides.net] - uses hCalendar markup on all of our event pages
** Examples: http://newyorkny.areaguides.net/events.html, http://chicagoil.areaguides.net/events.html
* [http://www.keevu.com Keevu.com] - embeds hCalendar markup on all of it's events announcements
** Example here: [http://www.keevu.com/events Latest events]
* [http://www.auctionlink.com.au/ AuctionLink] uses hCalendar markup to show dates and times for [http://www.auctionlink.com.au/UpcomingAuctionSales Auction Sales in Australia]. (also uses hCard)
* [http://rosebleed.net/events/ Rosebleed] uses hCalendar markup on the Events calendar and individual Event pages.
* [http://www.hotmix.org/calendar/icalendar/icalagenda.php?Calendar=AnnMeetAgenda The National Asphalt Pavement Association] uses hCalendar on its meeting agenda pages. It features a selective iCalendar/CSV download option. The calendar data comes from an ASP web service on their exchange server. The hCalendar, iCalendar and CSV outputs are all generated with PHP.
* The [http://www.ox.ac.uk/ University of Oxford (UK)] has a locally produced institutional newsfeed system ([http://www.oucs.ox.ac.uk/oxitems/ OXITEMS]) where members of the University can create newsfeeds and add items to those newsfeeds. One of the possibilities is to use a newsfeed to represent a collection of events. This kind of newsfeed can be delivered in the Atom 1.0 notation where the content element of each entry element has [http://rss.oucs.ox.ac.uk/running/events-demo/atom10.xml some hCalendar embedded in it]. It is also possible to obtain an event in iCalendar notation or to obtain all the events of the newsfeed [http://rss.oucs.ox.ac.uk/running/events-demo/getevents.ics in iCalendar notation]. For this, it uses [http://suda.co.uk/projects/X2V/ Brian Suda's X2V] to produce the iCalendar from Atom 1.0.
*Wikipedia-EN - [[User:AndyMabbett|Andy Mabbett]]
**I have added hCalendar to the [http://en.wikipedia.org/wiki/Template:Infobox_Space_mission Infobox Space mission] template, with dates entered using the [http://en.wikipedia.org/wiki/Template:Start_date Start date] and [http://en.wikipedia.org/wiki/Template:End_date end date] templates (to counter the lack of support for the <code>abbr</code> element). Example: [http://en.wikipedia.org/wiki/Apollo_11 Apollo 11]. Work on improvements is continuing, prior to roll-out.
**Now used in templates for album (e.g. [http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon The Dark Side of the Moon]), single (e.g. [http://en.wikipedia.org/wiki/I_Want_to_Hold_Your_Hand I Want to Hold Your Hand]) and film (e.g. [http://en.wikipedia.org/wiki/The_Piano The Piano] release dates.
**Every day from 1 July 2006 onwards has its news events rolled into a single hCalendar item, via the [http://en.wikipedia.org/wiki/Portal:Current_events current events portal]; earlier dates will be converted shortly.
**Issues: non-inclusive end date; no HH:MM:SS component as yet
* [http://my.opera.com/Kilimanjaro07/blog/ My Opera] uses hCalendar to mark-up Countdowns in blog/group sidebars.
* [http://www.nensa.net/sched&result/racing_index.php New England Nordic Ski Association's Calendar] marked up in hCalendar.
* [http://www.lshtm.ac.uk/events/ London School of Hygiene & Tropical Medicine's Events section] supports hCalendar.
* [http://hope-international.com/fundraising/07_springdinners.html HOPE International's Spring Fundraising Dinner Events] marked up in hCalendar.
* [http://www.brewerdesigngroup.com/barcamp-hcalendar.html The schedule for BarCamp San Diego] marked up in hCalendar.
* [http://2007.xtech.org/public/schedule/full The schedule for XTech 2007] uses hCalendar.
* [http://www.seemsartless.com seemsArtless daily photoblog] - embeds hCalendar markup for each photo, with GEO markup for photos with significant geographic locations ( such as with [http://www.seemsartless.com/index.php?pic=348 this photo] )
* [http://www.ischool.washington.edu/ Information School of the University of Washington] - now embeds hCalendar markup on all of it's events
** Example here: [http://www.ischool.washington.edu/events/calendar.aspx Events Calendar]
* [http://playinghere.com/ Playing Here] uses hCalendar for live music shows in America, [http://playinghere.com/2007/07/07/CA/Los_Angeles/The_Hollywood_Bowl/ e.g.]
* [http://www.thsh.co.uk THSH] uses iCalendar for events at Town Hall Birmingham and Symphony Hall Birmingham
* [http://www.anfsusa.org/ America-Nepal Friendship Society] uses hCalendar for its program events
** Example here: [http://www.anfsusa.org/news/programs-projects/ ANFS: Programs & Projects]
* [http://www.friendsofthechildrenny.org/ Friends of the Children, New York] - uses hCalendar for upcoming fundraising events
** Example here: [http://www.friendsofthechildrenny.org/events.html Events]
* [http://www.depechemode.de www.depechemode.de] - uses hCalendar for events in the party guide
** Example here: [http://www.depechemode.de/parties/show-party.php?cat=1 Depeche Mode Parties]
* [http://last.fm last.fm] - uses hCalendar on all concert announcements.
** Example here: [http://www.last.fm/event/75615 Rise Against at Arena, Wien]
* [http://www.radiotimes.com Radio Times] - now mark up all their radio and TV listings.
**The hCals on listings are good, but on pages for individual programmes, they have no date/times - for instance [http://www.radiotimes.com/ListingsServlet?event=10&channelId=56&programmeId=57876521&jspLocation=/jsp/prog_details_fullpage.jsp]
** Would benefit from using [[include-pattern]] for channel name in main listings. This would facilitate the writing of parsers to set audio or video recording software. [[User:AndyMabbett|Andy Mabbett]]
* [http://nederlandskamerkoor.nl Dutch Chamber Choir] uses hCalendar to notify visitors of their tour schedule.
* [http://cloudislands.com Cloud Islands] uses hCalendar to notify our customers about the conferences we'll be attending.
* [http://www.international.unt.edu UNT International] uses hCalendar for events (see esp. [http://www.international.unt.edu/offices/welcome/events/intlweek/calendar International Week 2007 Event Calendar])
* [http://www.rockisland.com/%7elopezmuseum/index.html The Lopez Island Historical Society and Museum] uses hCalendar for events
* [http://futureofwebapps.com/schedule.html Future of Web Apps London] lists its schedule in hcalendar.
* [http://leicesteryha.org.uk/cgi-bin/leoprog Leicester YHA Group's programme page] uses hCalendar and hCard to mark up forthcoming events and their organisers.
* [http://www.wadip.org.uk/pages/events.php Wadhurst Independent Photography events] lists forthcoming events in hCalendar format.
* [http://xlntads.com/about-xlntads/development-schedule.php XLNTads-development schedule] has their project development schedule timeline marked up in hcal (as well as contacts in hCard)
* [http://www.jaama.co.uk Jaama] have their event details as iCal downloads on their [http://www.jaama.co.uk/HS_Seminars.aspx workshops] page.
* [http://3amproductions.net 3AM Productions] has employee education ([http://3amproductions.net/jason.php Jason], [http://3amproductions.net/gilbert.php Gilbert]) marked up in hCalendar
* The [http://neatta.org New England Antique Tractor & Truck Association] (of all sites) has their 15 upcoming events marked up in hCalendar (as well as contacts in hCard and classifieds in hListing)
* [http://diarised.com Diarised] is a quick and simple online tool to help pick the best time for a meeting, uses hCalendar for meeting information.
* [http://etnies.com/ etnies.com] uses hCalendar on each sports home page ([http://etniesskate.com/ etniesskate.com]) and the [http://etnies.com/extra/calendar/ calendar of events] page.
* [http://www.mdas.org/ La maison des associations de Strasbourg] uses hCalendar on event pages.
* [http://nuggetshoops.com/schedule.php NuggetsHoops] , an NBA fansite, uses hCalendar for each remaining game in the current season.
* [http://wikevent.org WikEvent] aims to make it as easy as possible to put events on the web with semantic markup, including hCalendar for events and hCard for venues and artists.
* [http://fundyfilm.ca/calendar/ The Fundy Film Society] uses hCalendar for their calendar of upcoming film screenings.
* Psychology Press and Routledge's Behavioral Sciences' publishing division have implemented hCalendar on their conferences listings on 17 of their websites (example on the conference listing on their [http://www.clinicalpsychologyarena.com/resources/conferences.asp Clinical Psychology Arena])
* [http://jhtc.org Jewish High Tech Community] uses hCalendar on event pages.
*[http://www.gore-tex.com/remote/Satellite?c=fabrics_content_c&cid=1162322807952&pagename=goretex_en_US%2Ffabrics_content_c%2FKnowWhatsInsideDetail Gore-Tex "Know What's Inside"] tour dates in hCalendar by [http://microformats.org/wiki/User:Csarven csarven]
* [http://finetoothcog.com/site/stolen_bikes Finetoothcog] uses hCalendar to markup when bikes are stolen.
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] uses hCalendar for business hours and hCard for business locations.
* [http://www.infoiasi.ro The website of the Faculty of Computer Science], "A. I. Cuza" University Iaşi, Romania, uses hCalendar to markup events.
* [http://www.crosbyheritage.co.uk/events/ Colin Crosby Heritage Tours] uses hCalendar to markup events.
* [http://www.facebook.com Facebook] use hCalendar to markup events.
**'''Example needed''' (no such microformat on this [http://www.facebook.com/event.php?eid=6494697371 public event])
* [http://www.newbury-college.ac.uk/ Newbury College UK] uses a smattering of hCalendar and hCard
* [http://07.pagesd.info/ardeche/agenda.aspx 07.pagesd.info] uses hCalendar and hCard to mark up events of the Ardèche département in France.
* [http://climbtothestars.org Stephanie Booth] announced the [http://climbtothestars.org/archives/2006/09/14/microformats-et-bloggy-friday-doctobre/ Bloggy Friday for October 2006] using hCalendar.
* The [http://www.westmidlandbirdclub.com/ West Midland Bird Club], in the English Midlands, uses hCal (with nested hCard) on its [http://www.westmidlandbirdclub.com/diary/ diary of birding events].
* [http://www.comtec-ars.com/press-releases/ ComTec audience response systems' press releases] use hCalendar as a method to organize by title and date.
* [http://webdirections.org/program/ The Web Directions Conference (Sydney Australia)] uses hCalendar for their program. It uses axis and headers for events in a table, and demonstrates how easy it is to make the whole thing downloadable using X2V.
* [http://www.thestreet.org.au/ The Street Theatre (Canberra, Australia)] now uses hCalendar for performances on its [http://www.thestreet.org.au/whats_on.htm What's On] page.
* [http://www.clacksweb.org.uk Clackmannanshire Council] uses hCalendar on its [http://www.clacksweb.org.uk/community/events/ event diary] listing pages and individual event pages.
* [http://www.markthisdate.com/ Calendarportal MarkThisDate.com] now uses hCalendar for all calendars. On our website visitors can add calendars and download calendars to Outlook, Lotus Notes, iCal, Netvibes, 30Boxes, Google Calendar and many others. Over 600 calendars were already uploaded.
* [http://mogue.jp/ mogue] uses hCalendar at [http://mogue.jp/event/1000/ event detail] pages.
* [http://www.gustavus.edu/events/nobelconference/2006/schedule.cfm 2006 Nobel Conference] uses hCalendar for the conference schedule
* [http://www.geekinthepark.co.uk Geek in the Park] uses hCalendar for the event information. -- by [[User:Trovster|trovster]]
* [http://www.besancon.fr/ official site of Besançon (France)] for its events
* [http://2006.dconstruct.org/schedule/ Conference schedule for d.Construct 2006] is published using hCalendar.
* [http://local.yahoo.com Yahoo Local] now supports hCalendar
* We used hcalendar for the [http://www.fuckparade.org/flyer/2006/ F’parade flyer 2006], a counter demonstration to the Love Parade in Berlin, alas the '''Firefox tails extension''' doesn't get a summary when it's an alt-text in an image.
* [http://www.harper-adams.ac.uk/press/events.cfm Harper Adams University College] uses hCalendar to mark up all University events on the Homepage and Events Calendar page.
* [http://www.capital.edu/ Capital University] uses hCalendar on multiple pages to provide feeds of events, relevant to page content
* [http://www.thesession.org/events/ The Session events] uses hCalendar to mark up concerts, festivals and workshops related to Irish traditional music.
* [http://rubyandrails.org/usergroups/newcastle ncl.rb] uses hCalendar to mark up new meetings.
* [http://www.webanalyticsassociation.org/en/calendarevents/search.asp Web Analytics Association] - hCalendar microformat is in place on all Tendenci sites on the calendar events search page and consolidated list page.
* [http://www.tendenci.com/en/calendarevents/search.asp Tendenci Calendar Events] with hCalendar
* [http://www.argolon.com/2006/04/17/web20-conference-in-dublin/ Web2.0 Conference in Dublin] hCalendar event
* [http://www.meetup.com/ Meetup.com] has marked up [http://www.meetup.com/cities/us/ny/new_york city event calendars], [http://photo.meetup.com/100/events/ group event lists], and [http://www.meetup.com/ signed-in homepages] with hCalendar.
* [http://ukwindsurfing.com/ ukwindsurfing.com] has marked upcoming events with hCalendar, and the [http://ukwindsurfing.com/events/ events page] in a table.
* [http://ocono.com/ ocono.com] has marked up it's "Upcoming Events" list with hCalendar.
* [http://www.austinbloggers.org/ Austin Bloggers] has marked up their "Upcoming Events" box with hCalendar ([http://www.austinbloggers.org/blog/a/001123.html announcement]).
* Ning's cloneable Group app has [[hcalendar|hCalendar]] markup on its [http://group.ning.com/index.php?controller=event&action=list event calendar] and [http://group.ning.com/index.php?controller=event&action=view&id=727220 event detail] pages.
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] has [[hcard|hCard]] and [[hcalendar|hCalendar]] markup. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original here]).
* The National Arbor Day Foundation has started using hCalendars for their [http://arborday.org/programs/conferences/communityforestry/index.cfm upcoming] [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conferences].
* [http://www.stateofflux.com/ State of Flux street art site] has started adding events in hCalendar format
* The [http://barcamp.org/#BarCamps BarCamp home page lists upcoming BarCamps marked up with hCalendar] and even has a "Subscribe..." link.
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] has marked up the schedule and events for the week with hCalendar.
* [http://www.code4lib.org/2006/schedule code4lib Conference 2006 Schedule] is marked up with hCalendar as [http://www.code4lib.org/node/65 announced on their blog].
* [http://grouper.ieee.org/groups/754 IEEE 754 Working Group] - trying hCalendar for upcoming meetings.
* [http://www.pehuen.org/node/494 Elecciones 2005 Chile] - the first spanish language hCalendar event found in the wild.
* [http://www.codewitch.org/it/2005/11/17/no-creative-commons-no-party/ Giocolando » No Creative Commons? No Party!] is marked up with hCalendar
* [http://www.cmprofessionals.org/events/calendar.html CM Pros Events Calendar] by Bob Doyle
* [http://www.midgard-project.org/community/events/ Midgard CMS Event calendar] - as [http://bergie.iki.fi/blog/new-event-calendar-for-midcom.html blogged by Henri Bergius]
* [http://www.iowamilitaryveteransband.com/schedule/ Iowa Military Veterans Band Schedule] - hCalendar markup [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ added by Scott Reynen]
* [http://www.funfairgames.net/weblog/posts/00000011.html Upcoming events on Jason A.R. Moody Amusements Weblog] posted by Jason Moody on 15 Oct 2005. [http://www.funfairgames.net/weblog/index.html His weblog] in general has hCalendar events posted inside the blog posts.
* [http://tantek.com/microformats/2005/syndicate/tracks-sessions-schedule.html Syndicate - Tracks & Sessions]
* [http://tantek.com/microformats/2005/web2/program.html Web 2.0 Conference schedule page marked up with hCalendar]
* [http://www.thisiscmon.com/ C'MON] is a rock band from Canada, and their [http://www.thisiscmon.com/shows/ tour dates] have been marked up by [http://www.d2digitalmedia.com/ Ray Dickman] with hCalendar.
* [http://ifreebusy.com/ ifreebusy.com] will display freebusy information using hCalendar. See this [http://ifreebusy.com/neiljensen/freebusy/ example].
* [http://we05.com/ Web Essentials 05] has marked up their [http://we05.com/program.cfm program schedule table with hCalendar], using the 'axis' and 'headers' attributes.
* [http://www.asdvbonaparte.nl/ ASDV Bonaparte] is a Dutch debating society. Their events calendar has been marked up with the hCalendar conventions.
* [http://chocnvodka.blogware.com/blog Suw Charman] has marked up [http://suw.org.uk/archives/category/events/ her events] with hCalendar.
* [http://www.blogbusinesssummit.com/ Blog Business Summit] has published their [http://www.blogbusinesssummit.com/details.htm event details] marked up with hCalendar.
* [http://eventful.com Eventful.com] publishes all events with hCalendar and venues with [[hcard|hCard]]. Took them only 15 minutes to implement both! Their Atom feeds also contain hCalendar/hCard.
* [http://upcoming.org Upcoming.org] publishes all events and lists of events with hCalendar. Took them only an hour to add hCalendar support to the site.
** The dtend values for events with no time specified (like [http://upcoming.org/event/110145/ | Burning Man] are not exclusive. This causes problems when sending the microformats info to places like Google. They do correct the dtend when exporting to Outlook though. They have been made aware of the problem.
* The [http://laughingsquid.com/squidlist/calendar/ Laughing Squid Calendar] events, [http://laughingsquid.com/squidlist/calendar/9949/2005/5/9 e.g. this party], now supports hCalendar.
* [http://paulschreiber.com/ Paul] Schreiber's [http://concerts.shrub.ca/ Sunnyvale House Concerts] site publishes hCalendar event information for upcoming concerts. In addition the [http://concerts.shrub.ca/shows Past Shows] page contains hCalendar events for all past concerts.
* [http://www.complexspiral.com/ Complex Spiral Consulting], both in the "Events" box on left side, and the separate [http://www.complexspiral.com/events/ Events page].
* [http://tantek.com/log Tantek's Thoughts], specifically the "Events" roll in the right-most column.
* [http://suda.co.uk/projects/holidays/ Lesser Known Holidays], a list of holidays on [http://suda.co.uk suda.co.uk] that can be imported via iCal and hCal so you can compare actual transformation versus intended.
* [http://norman.walsh.name/2005/itinerary/ Norm Walsh's travel schedule] use hCalendar as well as GRDDL.
* [http://www.policyawareweb.org/2005/ftf2/paw-mtg Policy Aware Web (PAW) Project Meeting] uses hCalendar to record date-related decisions, and uses a vtodo microformat to record action items.
* The [http://lufgi4.informatik.rwth-aachen.de Laboratory for Dependable Distributed Systems] publishes it's [http://lufgi4.informatik.rwth-aachen.de/cfps list of notable CfPs on dependability and security] with hCalendar-todo elements.
* The [http://laughingsquid.com/laughing-squid-10th-anniversary-party/ Laughing Squid 10th Anniversary Party] has an hcalendar page.
* SPRACI has hcalendar versions of its nightlife/clubbing/gigs/festivals listings for many cities worldwide - eg: [http://www.spraci.com/listhcalendar.php?parea=sydney&category=all Events in Sydney] (check the [http://www.spraci.com/api/ API] pages in the faq section of [http://www.spraci.com/ SPRACI] for more info about the area/city keywords and category tags to use to get data for your city/categories
* WWF-Australia events calendars: [http://wwf.org.au/act/events/ What's on], [http://wwf.org.au/act/volunteer/ Volunteer]
* [http://rubyholic.com rubyholic] uses hCalendar to publish calendars for ruby groups.
* [http://www.bath.ac.uk/whats-on/ University of Bath What's On] uses hCalendar on individual event pages
* The [http://www.kiez-ev.de/ Kiez] is a small cinema and has published its [http://www.kiez-ev.de/programm program] marked up with hCalendar
* [http://walkwithmetours.net/ Walk With Me Tours ] provides walking tours of Seattle, WA. The selected tours on [http://walkwithmetours.net/take-a-tour.php Take a Tour] are marked up with hCalendar.
====World Cup Kick-off====
* [http://www.worldcupkickoff.com/ World Cup KickOff] where you can download and keep all the fixtures you are interested in so you will never miss a single game of the 2006 football World Cup!
** This link was on the [http://www.lifehacker.com/software/sports/world-cup-start-times-for-ical-etc-175393.php Lifehackers site] and made its way to the yahoo news site:

<blockquote>
Mon May 22, 4:00 PM ET
The World Cup, one of the world's most watched sporting events, is almost upon us. If you've ever tried to follow your favorite team through the Cup you know that it can sometimes be difficult to know when they're on. World Cup Kickoff can help.

World Cup KickOff is all you will ever need for knowing all the match details for the upcoming World Cup 2006. Whether you use your mobile phone, MS Outlook, Apple iCal or Mozilla Calendar, you can download and keep all the fixtures you are interested in so you will never miss a single game!

Next tip? We'll show you how to get up at 2 AM to watch your matches. ;0) Thanks to Tom for the tip!
</blockquote>

=== examples with some problems ===
<span id="Examples_with_some_problems"></span>
If you find a problem with any example in any other section, please move it here, and note the precise problem and cite the section of the [[hcalendar | hCalendar spec]] that appears to be violated. If the example that was moved here is yours, and you want to improve it, see the [[hcalendar-faq| hCalendar FAQ]], or raise any queries on [[hcalendar-issues| hCalendar issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.

* [http://www.tpexpress.co.uk/Liverpool08-Capital-of-Culture/ First TransPennine Express - Liverpool 08, Capital of Culture] - uses hCalendar markup for events.
**'''Suboptimal''', not using exclusive date end. [[User:AndyMabbett|Andy Mabbett]] 12:25, 17 Feb 2008 (PST)
* [http://www.konplan.com konplan.com] - uses hCalendar markup in their event container
** Examples: http://www.konplan.com/public1/_EN/index.php
**'''Suboptimal''', has wrong values in <code>dtend</code>
*** Should be fixed. Can anyone check on it -- I'd like to move it back to examples above. --[[User:AndreasLappe|AndreasLappe]] 07:32, 23 Jan 2008 (PST)
**** Better, but the new end dates are not exclusive (this is a frequently-occurring problem, requiring a rethink of the way the microformat works). [[User:AndyMabbett|Andy Mabbett]] 10:13, 23 Jan 2008 (PST)
***** Should be fixed too. Again, I'd appreciate comments... --[[User:AndreasLappe|AndreasLappe]] 05:22, 25 Jan 2008 (PST)
****** Do those events really run from midnight to midnight? [[User:AndyMabbett|Andy Mabbett]] 05:56, 25 Jan 2008 (PST)
******* They don't. They are all-day events. I was working with [http://lists.osafoundation.org/pipermail/ietf-calsify/2005-September/000769.html] -- wrong? --[[User:AndreasLappe|AndreasLappe]] 06:08, 25 Jan 2008 (PST)
******** That's not usual practice (I'd say it gives a false level of precision), but should perhaps be raised at [[hcalendar-issues]] for clarification. [[User:AndyMabbett|Andy Mabbett]] 02:47, 28 Jan 2008 (PST)
* [http://wiki-translation.com wiki-translation.com] - uses hCalendar markup for events.
**Built-in feature for [http://TikiWiki.org TikiWiki CMS/Groupware] 1.10
**'''Hidden''', data hidden using CSS. [[User:AndyMabbett|Andy Mabbett]] 06:51, 15 Jan 2008 (PST)
***Should be fixed. Can anyone check on it? -- I'd like to move it back to examples above. --[[User:MarcLaporte|MarcLaporte]] 16:58, 4 Mar 2008 (PST)

* [http://konferenciakalauz.hu konferenciakalauz.hu] uses hCalendar for events (in Hungarian).
**'''Suboptimal''', not using exclusive date end. [[User:AndyMabbett|Andy Mabbett]] 13:18, 24 Sep 2007 (PDT)
***Fixed
* [http://www.chronii.com/ chronii.com], a site for creating, searching, and cross-referencing timelines, presents events marked up in hCalendar.
**'''Suboptimal''', '''Hidden''': [http://www.chronii.com/e/line.jsp?ti=1&q=The+Internet] uses <code><nowiki><abbr class="dtstart" title="1991-01-01"></abbr> <abbr class="dtend" title="1992-01-01"></abbr></nowiki></code> for a whole-year date of "1991"
* [http://www.gretchenland.com Gretchen] has their show schedule marked up with hCalendar
** Example here: [http://www.gretchenland.com/shows Upcoming Concert Dates]
**Invalid: <code><nowiki><SPAN title="2007-04-21" class="dtstart">04.21.2007</SPAN></nowiki></code> [[User:AndyMabbett|Andy Mabbett]] 02:08, 20 Apr 2007 (PDT)
* I'd be happy if some future french Pinko-marketing meetings (CantineCamp) could require the use of hCalendar for listing some informal lunches in Paris. [http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/CantineCampParis10 CantineCampParis10 is an example] to include a hCalendar + hCard markup on the wiki-page. When converting to vCard, "Mendès" accent is malformed in a french outlook 2003 "address book". I've looked UTF-8 example but could not find any way to correct. Any idea ? -- [[User:ChristopheDucamp|xtof]] 01:09, 26 Mar 2007 (PDT)
* [http://www.joomlamug.com Joomla! Melbourne User Group] uses hCalendar markup for listing of all events.
** No examples on cited page. [[User:AndyMabbett|Andy Mabbett]] 15:06, 31 Jan 2007 (PST)
* [http://www.webfeet.org/events.html Webfeet events] includes hCalendar markup in its aggregated events lists.
** <s>Possibly a case where <nowiki><abbr></nowiki> won't work for dtstart/dtend as there are many events listed under a single date. [[User:Webf|Webf]] 15:19, 15 Jan 2007 (PST)</s>
**Malformed e.g <code><nowiki><span class="dtstart" title="20070120"></span></nowiki></code> [[User:AndyMabbett|Andy Mabbett]] 15:41, 15 Jan 2007 (PST)
** Continue the discussion under [[hcalendar-issues|hCalendar Issues]] perhaps. [[User:Webf|Webf]] 22:25, 15 Jan 2007 (PST)
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] at the University of Edinburgh uses hCalendar to markup news and events on the index page.
**<s>Uses "display:none" on image. [[User:AndyMabbett|Andy Mabbett]] 15:32, 13 Nov 2006 (PST)</s> Removed img tag from hCard
* [http://www.bokle.de/ s'Bokle] is a German music pub. Their events calendar has been marked up with hCalendar.
** improper use of rrule --[[User:RyanKing|RyanKing]] 16:04, 6 Jan 2006 (PST)
* [http://plan9.tryphon.org/nancy/list Plan9] - Uses hCalendar to mark up events !
** <s>dtstart/dtend are implemented on span element [[User:TomArmitage|Tom Armitage]] June 23, 2006</s> --[[User:Tim|Tim]] 13:34, 4 Mar 2007 (PST) Fixed now
* [http://www.socaltech.com socalTECH] is a news and information site. Their front page event listing is marked up with hCalendar.
** dtstart/dtend implemented on span element [[User:TomArmitage|Tom Armitage]] June 23, 2006
* [http://www.multipack.co.uk The Multipack] features a vevent for the next meeting information.
** dtstart/dtend are implemented on em element [[User:TomArmitage|Tom Armitage]] June 23, 2006
* [http://paulschreiber.com/ Paul] Schreiber's [http://iceoasis.shrub.ca/ unofficial schedule site] publishes hCalendar information for upcoming hockey games at [http://www.iceoasis.com/ Ice Oasis]
** dtstart/dtend are implemented on td element [[User:TomArmitage|Tom Armitage]] June 23, 2006

- whilst Tails parses the "title" attribute for dtstart/dtend on <em>any</em> element (does Tails still do this?), that is incorrect. The title attribute only provides semantics for the <code><nowiki><abbr></nowiki></code> element, while for elements in general like <code><nowiki><span></nowiki></code>, only the contents of the element are used. This is a simplification and see [[hcard-parsing|hCard parsing]] for details. Technorati Microformats Search only looks for the title attribute on <code><nowiki><abbr></nowiki></code> tags per the rules from [[hcard-parsing|hCard parsing]] which apply to [[hcalendar-parsing|hCalendar parsing]] as well.

=== reviewed examples ===
<span id="Reviewed_Examples"></span>
If you have reviewed a New Example (and you are not the author of the example) and believe it to be valid, go ahead and move it here.
* ...

== grouped examples ==
=== listings of upcoming local events ===
* ...
=== archives of local event listings ===
==== Laughing Squid Calendar ====
* The [http://laughingsquid.com/squidlist/calendar/ Laughing Squid Calendar] events listings supported [[hcalendar|hCalendar]]
** [http://laughingsquid.com/squidlist/calendar/month/2003/2 2003 February] thru [http://laughingsquid.com/squidlist/calendar/month/2006/9 2006 September]

=== conference schedules ===
* [http://adactio.com/extras/schedules/barcamplondon3/ BarCamp London 3 Schedule] - uses hCalendar in a semantic <code>table</code> with <code>id</code> and <code>headers</code> attributes. Provides "Subscribe" and "Download" links using the [http://feeds.technorati.com/events/ Technorati Events Feed service].
* [http://adactio.com/extras/schedules/web2expo-berlin/ 2007 Web 2.0 Expo Berlin Schedule] - uses hCalendar in a semantic <code>table</code> with <code>id</code> and <code>headers</code> attributes. Provides "Subscribe" and "Download" links using the [http://feeds.technorati.com/events/ Technorati Events Feed service].

== related pages ==
{{hcalendar-related-pages}}

xfolk

2009-02-23T11:33:49Z

Chrismear: /* In the wild */ Add Greenvoice to 'in the wild' list.

<entry-title>xFolk RC1</entry-title>
{{DraftSpecification}}

'''xFolk''' (from "xFolksomony") is a simple and open format for publishing collections of bookmarks. It better enables services for improving user experience and sharing data in web-based bookmarking software. xFolk may be embedded in HTML or XHTML, Atom, RSS, and arbitrary XML. It is one of several open [[microformats|microformat]] standards.

__TOC__

== Draft Specification ==

=== Editor/Author ===
[http://thecommunityengine.com/ Bud Gibson] ([http://thecommunityengine.com The Community Engine])

=== Copyright ===
{{MicroFormatCopyrightStatement2005}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to: [http://www.cnbc.cmu.edu/~plaut/ David Plaut] who introduced me to the idea that items may partially belong to many categories at once. More recently, thanks to: [http://tantek.com/ Tantek Çelik], [http://epeus.blogspot.com/ Kevin Marks], [http://steve.osdir.com/ Steve Mallet], [http://hybernaut.com/ Brian DelVecchio], and [http://blogmarks.net François Hodierne] who have contributed to the development of xFolk with thoughtful critiques and implementations.

== Introduction ==
Social bookmarking services let users save and tag bookmarks to share with other users. Over the past year, the number of these services has mushroomed to [http://en.wikipedia.org/wiki/Social_bookmarking over 20], with popular examples including: [http://del.icio.us del.icio.us], [http://furl.net furl], [http://de.lirio.us de.lirio.us], [http://jots.com jots], and [http://blogmarks.net blogmarks].

Lack of an open, interoperable data standard is a major issue in using social bookmarking services. An open standard would make it possible to easily collect social bookmark data and remix it to invent new services along the lines of [http://gataga.com gataga]'s experimental bookmark search engine. An open standard would also make it possible to write javascripts that work across services [http://johnvey.com/features/deliciousdirector/ as some currently do for del.icio.us], enabling across-the-board improvements in user experience.

xFolk is an open social bookmarking standard that aims to achieve both benefits. Social bookmarking services that adopt xFolk will continue to differentiate themselves with data services. But, the data itself will be easy to manipulate by third party scripts and easy to share. As a result, bookmarking services will be able to offer a wider array of options to their users at low cost and focus on what truly differentiates them. Individuals or groups operating standalone bookmark repositories will have access to a wider array of functionality than they can produce on their own.

== Semantic XHTML Design Principles ==
{{semantic-xhtml-design-principles}}

== Format ==
Extensive analysis of social bookmarking services and linkblogs, reported on [http://thecommunityengine.com/home/archives/xfolk elsewhere], reveals that the data published by both bookmarking services and '''many''' different linkblogs are described by the following implied schema:

* A bookmarked or tagged link.
* A title for the entry.
* Tags for the link.
* An extended description or summary of the link.

As demonstrated in early iterations of the xFolk standard, this general schema can be translated into markup by:

# creating a container element for each entry of class <code>xfolkentry</code>,
# using an <a> element for the bookmarked or tagged link of class <code>taggedlink</code>,
# using title attribute for the tagged link <a> element, if it exists, as the entry title, otherwise using the element value,
# using [[rel-tag]] for the tags, and
# using a container element of class <code>description</code>, such as <p>, for any extended description or summary.

A given xFolk entry will always contain a tagged link including a title with all other elements optional. Entries may have more than one tag as well as more than one element of class <code>description</code>. Multiple elements of class <code>description</code> are ordered by default document order. Semantic elements within xFolk entries may be nested at arbitray depths.

Many social bookmarking systems exist, each with its own markup conventions. Further, many people are already publishing personal link blogs. xFolk is designed with ease of adapting to these current practices as a primary goal. Therefore, few assumptions are made as to the exact kinds of elements used for an xFolk entry. Rather, the work of defining semantics is left entirely to the class and rel (in the case of [[rel-tag]]) attribute values.

It is expected that developers will use [http://www.w3.org/TR/xpath XPath] or equivalent syntax in accessing xFolk entry elements. a requirement for XPath is that the HTML document be well-formed but not necessarily valid. Thus, while not optimal, it is possible to serviceably use xFolk in an HTML document that does not validate.

=== XMDP Profile ===

See the [[xfolk-profile|xFolk profile]] for the [http://gmpg.org/xmdp XMDP] profile of xFolk.

== Example ==
Here is a sample bookmark as displayed in [http://del.icio.us del.icio.us]'s standard markup. Lines where the value of elements' class attributes must change to conform to xFolk are marked with a comment at the end.
<pre><div class="post"> 
<div>
<a class="delLink" href="http://www.sifry.com/alerts/archives/000306.html"> 
Sifry's Alerts: Technorati launches Related Tags
</a>
</div>
<div class="extended"> 
Ever wanted to see what posts are related to other posts, what tags
are related to others? Now you can! Just check under the Tag
description on most tag pages, like this one, or this one, and you'll
see the patterns. Can you smell the emergence?
</div>
<div class="meta">
to
<a class="delNav" href="/fpgibson/folksonomy">folksonomy</a> 
<a class="delNav" href="/fpgibson/technorati">technorati</a> 
... <a class="delNav" href="/url/cbcabf7de070fdb46598ee679367be49">
and 1 other person
</a>
... on 2005-04-09
</div>
</div></pre>

The equivalent in xFolk is as follows. Comments are placed at the end of lines where class attribute changes were required.
<pre><nowiki>
<div class="xfolkentry"> 
<div>
<a class="taggedlink" href="http://www.sifry.com/alerts/archives/000306.html"> 
Sifry's Alerts: Technorati launches Related Tags
</a>
</div>
<div class="description"> 
Ever wanted to see what posts are related to other posts, what tags
are related to others? Now you can! Just check under the Tag
description on most tag pages, like this one, or this one, and you'll
see the patterns. Can you smell the emergence?
</div>
<div class="meta">
to
<a rel="tag" href="/fpgibson/folksonomy">folksonomy</a> 
<a rel="tag" href="/fpgibson/technorati">technorati</a> 
... <a class="delNav" href="/url/cbcabf7de070fdb46598ee679367be49">
and 1 other person
</a>
... on 2005-04-09
</div>
</div>
</nowiki></pre>

Converting markup to be conformant with xFolk is almost always this easy. The advantage of xFolk is that it provides one set of class attributes that can be reused across all services and link blogs, almost always with no loss of granularity. The next section presents several more examples to illustrate this point.

Another simple example (using lists markup) :
<pre>
<nowiki>
<ul>
<li>
<ul class="xfolkentry">
<li><a class="taggedlink" href="http://microformats.org/wiki/Main_Page">microformats wiki</a></li>
<li class="description">The main place for understanding microformats and playing with...</li>
<li class="description">Community driven wiki</li>
<li class="meta">
Tags :
<a rel="tag" href="http://del.icio.us/tag/microformats">microformats</a>
<a rel="tag" href="http://del.icio.us/tag/websocial">websocial</a>
<a rel="tag" href="http://del.icio.us/tag/semantics">semantics</a>
</li>
</ul>
</li>

<li>

</li>

</ul>
</nowiki>
</pre>

== Many more examples ==

We have numerous examples to help developers incorporate xFolk into their sites.

=== In the wild ===

These are real live examples of functioning systems that publish bookmarks in xFolk. These are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc. If you publish using xFolk, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://greenvoice.com Greenvoice] has a user-generated environmental news link list, which is marked up with xFolk.
* [http://www.idoneos.com Idoneos.com] , a conceptually networked collection of information pages (mostly spanish), is tagging bookmarks with xFolk.
* [http://ashaszin.lautre.net/ Ashaszin] - Small blog running with [http://spip.net SPIP] : del.icio.us links and web feeds tagged with xFolk .
* [http://www.rolandinsh.lv/blog/ Rolands Umbrovskis - blog] all blog posts are marked up with xFolk.
* [http://www.bbc.co.uk/worldservice/bangladeshboat BBC World Service Bangladesh River Journey] a social network mashup, uses basic xFolk for bookmarking hAtom entries. See [http://dharmafly.com/blog/bangladeshboat Dharmafly blog discussion].
* [http://waferbaby.com/hussy waferbaby's Hussy] currently publishes links using xFolk.
* [http://smarking.com/ Smarking] currently publishes all shared links (including search results) using xFolk.
* [http://unalog.com unalog] currently publishes all shared links (including search results) using xFolk.
* [http://de.lirio.us de.lirio.us] currently publishes its bookmarks using xFolk (with the deprecated class attribute <code>extended</code> in place of <code>description</code>, see [[xfolk-profile | the XMDP]]).
* [http://dev.blogmarks.net/wiki/BlogSync blogmarks] currently exports bookmarks to blogs in xFolk (scroll down to the export example on the page; the deprecated class attribute <code>extended</code> is used in place of <code>description</code>, see [[xfolk-profile | the XMDP]]).
* [http://thecommunityengine.com The Community Engine] uses xFolk (with the deprecated class attribute <code>extended</code> in place of <code>description</code>, see [[xfolk-profile | the XMDP]]) for its [http://thecommunityengine.com/home main entries] and for its [http://thecommunityengine.com/webcites republished bookmarks].
* [http://groovymother.com/links/ Groovy Links] is a link blog which is marked up with xFolk.
* [http://tommorris.org/blog/ Tom Morris] - daily del.icio.us links are marked up with xFolk, [[hCard]] and [[vote-links]].

=== Additional social bookmarking services ===

This example illustrates how xFolk may be applied to one additional service:

* [[xfolk-scuttle | scuttle]]

=== Link blogs ===

Social bookmarking services are only the most recent examples of people publishing links. Link blogs have been around almost since the beginning of blogging. They represent somewhat more of a challenge for xFolk because their markup tends to be less semantic from the outset. The following examples illustrate some particular challenges and how they can be overcome.

* [[xfolk-kottke | kottke]]
* [[xfolk-pollas | pollas]]
* [[xfolk-jacobian | jacobian]]
* [[xfolk-julian-bez | julian-bez]]

=== Spam ===
Some spammers are adding xFolk tags to their link farms. (It's probably a bad idea to actually link to these sites.) For example,
* phontron.info

== Implementations ==

The following implementations have been developed which generate or use xFolk. If you have an xFolk implementation, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://buzka.com Buzka], a social bookmarking service, now supports xFolk
* [http://blip.tv Blip.tv], a video hosting site, now [http://blog.blip.tv/blog/2006/08/19/blip-supports-xfolk/ supports xFolk].
* [http://www.s9y.org/ Serendipity], a PHP-powered, flexible Blogging/CMS application, now has a [http://www.numblog.de/archives/241-Social-Bookmarks-Plugin-for-Serendipity.html social bookmarks plugin] that supports xFolk.
* [http://claimid.com claimID] has implemented xFolk for people's links.
* [http://ma.gnolia.com ma.gnolia] now supports xFolk.
* [http://smarking.com/ Smarking.com] (a social bookmarking service) marks up their tagged links with xFolk! Hat tip: [http://3spots.blogspot.com/2006/05/social-bookmarking-smarking.html 3spots: Social + bookMARKING = Smarking] which itself is an [[hreview|hReview]].
* [http://blog.codeeg.com/2006/03/20/flock-tails-flocktails/ Flocktails] - port of Tails extension for Flock 0.5.12 that looks for hCards, hCalendar, xFolk and hReview and tosses them into a handy topbar
* [http://blog.codeeg.com/tails-firefox-extension/ Tails is a Firefox Extension] that will display the presence of microformats ([[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [[xfolk|xFolk]]) on a webpage.
* Bud Gibson and Mike Migurski [http://thecommunityengine.com/home/archives/2005/09/vegomatic_an_al.html have written] [http://thecommunityengine.com/veg-o-matic veg-o-matic], an xFolk reblogging tool and service.
* [http://inside.glnetworks.de/ Martin Rehfeld] has updated the work of [http://blogmatrix.blogmatrix.com/ David Janes] and produced a [[Greasemonkey]] [http://inside.glnetworks.de/2006/06/05/microformats-have-arrived-in-firefox-15-greasemonkey-06/ script] that finds many microformat elements, including xFolk and [http://blog.davidjanes.com/mtarchives/2005_08.html#003379 provides a popup menu of actions]. ''This will work with FireFox 1.5+/GreaseMonkey 0.6.4+ now.''
* [http://www.midgard-project.org/midcom-permalink-6416db7e1f0e297b4cf3dcc285702a8d net.nemein.bookmarks], the bookmark manager in [http://www.midgard-project.org/ Midgard CMS] uses xFolk as the native output format, with added <code>abbr class=posted</code> for publication date and <code>abbr class=poster</code> for user who added the bookmark. See [http://bergie.iki.fi/links/ example]
* [http://de.lirio.us de.lirio.us] currently publishes its bookmarks using xFolk 0.4 (the class attribute <code>extended</code> is used in place of description).
* [http://dev.blogmarks.net/wiki/BlogSync blogmarks] currently exports bookmarks to blogs in xFolk 0.4 (scroll down to the export example on the page; the class attribute <code>extended</code> is used in place of <code>description</code>).
* [http://pokkari.com/microformat/javadoc/ Sivitols] is a Java library for microformats. Currently only the xFolk RC1 standard is implemented, but additional microformat support is planned. (adapted from [http://blog.blip.tv/blog/microformats/])
* [http://bildu.net Bildu] a social bookmarking service in Basque that supports xFolk (an also rel-tag).
* [http://bookmarks.excite.co.uk/ Excite Bookmarks] a social bookmarking service that supports xFolk and rel-tag.

== References ==
=== Normative References ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE]
* [[rel-tag]]

=== Informative References ===
* [http://thecommunityengine.com/home/archives/xfolk articles about xFolk]
* [http://thecommunityengine.com/home/archives/tags/microformats articles about the business value of microformats]
* [http://gataga.com gataga social bookmark search engine]
* [http://johnvey.com/features/deliciousdirector/ an ajax based interface for del.icio.us]
* [http://en.wikipedia.org/wiki/Social_bookmarking social bookmarking defined at wikipedia]

=== Similar Work ===
* [[hreview | hReview]]

== Work in progress ==
Although this specification has recently begun to stabilize as indicated by the version RC1, it is still a work in progress. If warranted, I am prepared to go through multiple release candidates to achieve the narrow purpose of making bookmark entries more genrally accessible with as with as light weight a format as possible. All changes since the last iteration have been motivated by the implementation experience of developers attempting to achieve this narrow aim. Further changes will also most likely be motivated by implementation concerns. See "future directions" below for additional microformat possibilities.

=== Changes since xFolk 0.4 ===
The class attribute value <code>extended</code> was deprecated in favor <code>description</code> to better conform with other microformat usage and some requests during implementation. The other change has been to allow use of multiple elements of class <code>extended</code> based on some use cases discovered in implementation.

=== Future directions ===
There are several extensions one might imagine for xFolk. Frequently, these extensions are best achieved by combining xFolk with another microformat. For instance, one might want to indicate his or her evaluation of the bookmarked item. This might be achieved by using [[vote-links | Vote Links]] or [[hreview | hReview]] with xFolk.

One can also imagine extending xFolk to provide data conformant with various social bookmarking service APIs, for instance to provide all bookmarks by tag. These APIs are currently too fluid for specification in any kind of standard. The APIs and the functionality they provide represent one way social bookmarking services and meta services can differentiate themselves.

A companion format called "xFolk definition" is under development. xFolk definition will provide a means of explicitly defining the tags used in social bookmarks.

=== Brainstorming ===
* [[xfolk-brainstorming|xFolk brainstorming]]

== Discussions ==

=== Q&A ===
* If you have any questions about xFolk, check the [[xfolk-faq|xFolk FAQ]], and if you don't find answers, add your questions!

=== Issues ===
* Please add any issues with the specification to the separate [[xfolk-issues|xFolk issues]] document.

==Related pages==
{{template:xfolk-related-pages}}

[[Category:Draft Specifications]]
[[Category:xFolk]]

xfolk-profile

2009-02-20T18:05:58Z

Chrismear: Adding missing pre tag around code block, and convert tabs to spaces so that it's readable

<h1>xFolk meta data profile</h1>
<h2>Author</h2>
<ul id="author">
<li>[http://thecommunityengine.com/home Bud Gibson]</li>
</ul>

<p>As described in [http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.3 HTML4 Meta data profiles] and further elaborated on in [http://gmpg.org/xmdp/ Xhmtl Meta Data Profiles] with specific reference to the [http://gmpg.org/xfn/11 XFN 1.1 relationships meta data profile] and
[[xoxo|XOXO Profile]].</p>

<p>The author believes this profile provides a set of class attribute values sufficient to be used in working implementations of xFolk. The profile may be incomplete and is subject to change as xFolk evolves.</p>

<pre>
<dl class="profile">
<dt id="class">class</dt>
<dd>
<p>[http://www.w3.org/TR/html401/struct/global.html#adef-class HTML4 definition of the 'class' attribute]. This meta data profile defines some 'class' attribute values (class names) and their meanings as suggested by a [http://www.w3.org/TR/WD-htmllink-970328#profile" draft of "Hypertext Links in HTML"]:</p>
<dl>
<dt id="xfolkentry">xfolkentry</dt>
<dd>Indicates a container element for an xFolk entry. An xFolk entry indicates one bookmark with supporting metadata that the user wants to have aggregated into a folksonomy. The xfolkentry class attribute value is usually applied to <div>, <ul>, <ol>, <dt>, <p> or <span> elements. xFolk elements contained in an xfolkentry may be nested at an arbitrary depth.</dd>
<dt id="taggedlink">taggedlink</dt>
<dd>An <a> tag of class taggedlink indicates the URL of the item the xFolk entry bookmarks. One and only one <a> element of class taggedlink must occur within each element of class xfolkentry. The title of the bookmark is in order of availability: (1) the value of an optional title attribute; (2) The value of the <a> element itself.</dd>
<dt id="description">description</dt>
<dd>A further description of the xFolk entry. Typically applied to <dd>, <li>, <p>, and <span> elements. Elements of class <code>description</code> are optional and may occur multiply. When multiple elements of class <code>description</code> are present, they are assumed to be in document order.</dd>
<dt id="extended">extended</dt>
<dd>A deprecated class value that is equivalent to <code>description</code>.</dd>
</dl>
</dd>
</dl>
</pre>
==Related pages==
{{template:xfolk-related-pages}}
* [[xfolk-0.5-XMDP]]

vote-links-issues

2009-02-20T16:39:24Z

Chrismear: /* Issues */ Expressing desire for clarification that vote links isn't for polling links

=Vote-link Issues=

These are issues that people have raised regarding [[vote-links]]. If you'd like to raise an issue here, please put the date and your name and clearly state your issue.

== Template ==
{{issues-format}}

==Issues==

* {{OpenIssue}} 2005-06-21 raised by Hixie
*# ''Issue H-1: This specification is lacking a user agent conformance section. There's basically nothing that says how VoteLinks must be parsed, how to handle errors, and so forth. Is it defined in terms of the DOM? Is it defined in terms of a serialisation? How do you handle conflicting content?

* {{OpenIssue}} 2006-08-23 by porneL
*# ''What is the relation of vote links and [[rel-nofollow|rel=nofollow]]? <a rev="vote-against"> may actually have positive effect on referenced page in search engines that don't understand vote links. <a rev="vote-against" rel="nofollow"> makes more sense in this case, however nofollow means that PR should not be affected, which might be in conflict with interpretation of vote-against.

* {{OpenIssue}} 2007-01-04 by SteveIvy (originally by tantek in irc)
*# ''[[rel-faq#Should_.27rev.27_even_be_used|According to the 'rel' FAQ]], 'Use of "rev" SHOULD be avoided. However, VoteLinks, is being grandfathered since it was such an early use. No future microformats should be developed that use "rev".' Would it be useful to put vote-links through the proper process and see what comes of it?

* {{OpenIssue}} 2009-02-02 by icoloma
*# It has been raised in the FAQ that votes should not be implemented using GET links, since GET is expected to be idempotent and in fact could be followed by search engines or link-prefetching browser plugins. Instead, the proposal should describe a method using POST forms, or using javascript code to actually cast the vote (like using Rails' POST links).
*#* I think you're misunderstanding the purpose of votelinks. They're not for polling systems. This is a non-issue; I propose that it be marked closed. [[User:TobyInk|TobyInk]] 08:31, 3 February 2009 (UTC)
*#** As someone who was similarly confused on my first encounter with vote links, I think a case could be made for clarifying this in the spec. In particular, the specification's example, which consists of two links to 'Do melt the cheese!' and 'Don't melt the cheese!', seems to be exactly the kind of polling thing that vote links isn't for. Could we come up with a better example? [[User:Chrismear|Chrismear]] 16:39, 20 February 2009 (UTC)

==See also==
*[[vote-links]]

User:Chrismear

2008-11-18T14:25:48Z

Chrismear: Add homepage link.

Find out more exciting chrismear facts: http://www.feedmechocolate.com/