Microformats Wiki - User contributions [en]

job-listing-examples

2011-02-25T11:40:33Z

Bcampbell:

=== Job Listing Examples ===

* 37 Signals Job Board (a minimalist approach - comments in brackets are from their site)

** https://jobs.37signals.com/jobs/new
** Company
** URL (e.g. Example: "http://www.google.com")
** Tile (Example: "Senior Designer" or "Rails Programmer")
** Location (Example: "Chicago, IL" or "Stockholm, Sweden")
** Category ["Design","Programming","Business/Exec","Misc","Copywriter"]
** Description (no more than 1000 chars)
** How to apply (Example: "Send a resume to jane@company.com")

* Descheneaux Insurance Recruiters LTD
** http://www.insuranceheadhunters.com/links.cfm
** title
** company
** location
** start date
** end date
** type - regular (vs. contract?)
** classification (full/part time)
** hours/week
** salary range
** education
** certification
** experience (years)
** description
** benefits

* America's Job Bank
** http://www.ajb.dni.us/
** title
** company
** location
** start date
** end date
** type - regular (vs. contract?)
** classification (full/part time)
** hours/week
** salary range
** education
** certification
** experience (years)
** description
** benefits

* Australian Job Search
** http://jobsearch.gov.au/
** title
** location
** title
** description
** type (permanent/full-time/etc.)
** contact
** time posted

* CareerBuilder
** http://www.careerbuilder.com/
** title
** company
** industry
** location
** qualifications
*** experience
*** education
** pay
*** relocation covered (y/n)
** travel required (y/n)
** type (full time, contract, etc.)
** job function
** management (y/n)
** description

* careerpowerups.com (covers the videogames industry)
** http://careerpowerups.com
** date
** company (or recruitment agency)
** company homepage
** title (eg "Concept Artist")
** location (eg "Rockville, MD")
** description
** how to apply (eg "Email jobs@example.com to apply")
** pay (eg "$DOE + Benefits + Relocation Support" - ie even where specified, pay is usually meaningless)

* Craigslist
** http://www.craigslist.org/jjj/
** category
** contract terms
** date
** duration (implied)
** contact info
** location
** title
** description
** principals/recruiters

* Diario Clarin
** http://www.empleosclasificados.clarin.com/
** category
** job type
** description
** listing date
** contact phone

* Dice
** http://www.dice.com/
** title
** skills
** time posted
** location
*** area code
** tax term (W2, etc.)
** pay rate
** length (months)
** description
** qualifications
*** skills
**** required
**** preferred
*** experience
*** education
** contact
** travel required
** telecommute (y/n)

*HigherEdJobs.com
**http://www.higheredjobs.com
**title
**institution
**location(city-state)
**job category
**posting date
**application due date
**type (ft/pt)
**description
***experience
***education
***salary
***application requirements
**application information
***postal address
***website link
***phone/fax/email
**additional information (incl. relevant links)

* InfoEmprego.com.br
** http://www.infoemprego.com.br/OfertaVisualizar.aspx?id=546853
** Offer title
** location (city - state - country)
** description
** company size
** company sector (of the job offer)
** company type
** offer description
*** sector
*** specialization
*** vacancies
** requirements
*** studies
*** professional experience
** Offering
*** salary (might not be shown it seems)
*** contract type

* Infojobs.net
** http://www.infojobs.net/visualizar_oferta.ij/of_codigo=25152424536981905650024953746
** offer title
*** offer date
*** offer reference
*** company name
**** company url
**** company number of workers
**** company headquarters
**** company description/filosophy
** location
*** location city
*** location country
*** location province/state
** job description
*** job title
*** job category
*** department
*** vacancies
*** job offer description
** requirements
*** minimal estudies
*** minimal experience
*** place of residency (where the candidate must live)
** contract
*** journal (full day| part time)

* Indeed
** http://www.indeed.com/
** title
** company
** location
** description
** source
** time posted

* Job.com
** http://www.job.com/
** title
** company
*** company type (public/private)
** industry
** time posted
** contact
** location
** salary
** travel required (%)
** security clearance (y/n)
** type (full/part time)
** description
** qualifications

* Jobing
** http://florida.jobing.com/
** title
** company
** status (full time, temp, etc.)
** pay rate
** description
** qualifications
** location

* Job Search
** http://www.jobsearch.co.uk/
** title
** description
** pay
** time posted
** contact
** location
** term (permanent, temp)
** industry
** start date

* Jobserve
** http://jobserve.com/
** Description
** Type ["Contract","Perm"]
** Location
** Country
** Start Date
** Duration
** Employment Business (Agency)
** Contact Name
** Telephone
** Fax
** Email
** Reference (some sort of GUID)
** Posted Date

* Monster
** http://jobsearch.monster.com/
** company
*** link
*** logo
** status (full time, temp, etc.)
** location
** job title
** job function
** qualifications
*** education/certification
*** skills
** contact (name,email,org)

* Prague.tv
** http://prague.tv/jobs/job.php?id=246
** title
** location (city)
** type (permanent | part time)
** summary
** description

* PromotionStep
** http://www.promotionseo.com/seo_jobs.htm
** requirements
** experience
** description
** part time / full time
** compensation
** benefits
** contact

* Segunda Mano
** http://www.segundamano.com.ar/detalles/asp/trabajo_y_capacitación/comercial/oferta/13104203.htm
** category
** job type
** description
** contact phone
** province
** city
** listing date

* Simply Hired
** http://www.simplyhired.com/
** title
** company
** location
** description
** time posted
** source

* Town News
** http://www.pantagraphclassifieds.com/?loc=sub&main=Employment
** (Locally-hosted newspaper classifieds engine)
** title
** description
** time posted

* Workopolis
** http://www.workopolis.com/
** title
** type (full time, etc)
** Location (sometimes multiple locations, seperated by ;)
** Job Category
** Industry
** company URL
** Years experience
** Number of openings for position
** Date Posted
** Contact Email
** Description

* Yahoo! HotJobs
** http://hotjobs.yahoo.com/
** title
** type (full time, etc.)
** company
** location
** salary
** time posted
** qualifications
*** experience
*** education
** contact
** description

wordpress-plugins

2011-02-09T13:22:12Z

Bcampbell:

<entry-title>WordPress Plugins</entry-title>

These plugins add [[microformats]] functionality to [[WordPress]], one of several microformats [[implementations]]. For an ever-changing list of WordPress plugins utilizing microformats, [http://wordpress.org/extend/plugins/tags/microformats see plugins tagged microformats] on WordPress.org.

==Blog Summary==
The [http://www.plaintxt.org/experiments/blog-summary/ Blog Summary] plugin produces a customizable, [[hatom|hAtom]]-enabled [[xoxo|XOXO]]-friendly list of recent posts via the shortcode <code>[</code><code>blog-summary</code><code>]</code>. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].

==GigPress==
[http://gigpress.com/ GigPress] is a WordPress plugin that manages and displays concerts and tours for bands or other touring acts, and outputs them with [[hcalendar|hCalendar]] markup. By [[implementors#Derek_Hogue|Derek Hogue]]

==hAvatar==
Displays avatars for commenters based on the hCards on the URL they leave behind.

Try the [http://wordpresstest.aardverschuiving.com/2_3_1/?p=1 Test page] or [http://files.fourstarters.com/havatar-0.3.zip download version: 0.3] (latest at 2008-02-09).

Test hAvatar by typing: <code>hg clone static-http://alper.nl/hg/havatar/</code>

See the [http://fourstarters.com/2008/01/20/havatar-wordpress-plugin/ initial announcement] and [http://fourstarters.com/2008/02/09/havatar-updated-version-03/ update announcement], and the known issues in the [http://alper.nl/hg/havatar/README README].

== hCard About Box ==
* The [http://redmonk.net/projects/widget_hcard_about/ hCard About Box] widget by [[implementors#Steve_Ivy|Steve Ivy]] supports [[hcard|hCard]].

== hCard Commenting ==
* The [http://notizblog.org/projects/wp-hcard-commenting/ hCard Commenting] WordPress plugin by [[implementors#Matthias_Pfefferle|Matthias Pfefferle]] allows visitors to easily fill out the comment forms using an hCard.

== Microformatted Blogroll ==
* The [http://factorycity.net/projects/wp-microformatted-blogroll/ WP Microformatted Blogroll 0.2] Wordpress plugin by [[implementors#Chris_Messina|Chris Messina]] supports [[hcard|hCard]] and [http://gmpg.org/xfn/ XFN].

== Save Microformats Plugin ==
* [http://notizblog.org/projects/save-microformats/ Save Microformats plugin for Wordpress] - a plugin by [[implementors#Matthias_Pfefferle|Matthias Pfefferle]] to save posted Microformats using technorati feeds.

== VoteBack ==
* The [http://redmonk.net/archives/2006/12/21/voteback/ VoteBack plugin for Wordpress] by [[implementors#Steve_Ivy|Steve Ivy]] checks incoming pingbacks and trackbacks for [[votelinks]].

== rel-me publishing ==
Plugins that implement publishing [[rel-me]] links to other services and profiles:
* [http://blog.maybe5.com/?page_id=94 Social Links Wordpress plugin] - supports rel-me links to other services
* [http://code.l0g.in/about-me/ About Me plugin] (on github) - supports creation of an About Me page with rel-me links to other profiles.

== TinyMCE plugins ==
If you use the TinyMCE plugin, consider also installing the following:
* '''TinyMCE hCard''' (was at <nowiki>http://www.undergroundwebdesigns.com/tinyMCE-hcard-plugin.html</nowiki>) - adds a [http://www.undergroundwebdesigns.com/assets/images/hcard_button.gif] icon in your tinyMCE toolbar that provides a form for creating an hCard contact.
* '''TinyMCE hCalendar''' (was at <nowiki>http://www.undergroundwebdesigns.com/tinyMCE-hcalendar-plugin.html</nowiki>) - adds a new [http://www.undergroundwebdesigns.com/assets/images/calendar_button.gif] icon in your tinyMCE toolbar that provides a form for creating an hCalendar event.
See also the [http://undergroundwebdesigns.com/blog/how-to-use-the-tinymce-hcalendar-and-hcard-plugins-with-modx instructions for installing these TinyMCE plugins in modx] ([http://twitter.com/alx4god17/statuses/856692032 tweeted]).

== hNews ==

* The [http://wordpress.org/extend/plugins/hnews-for-wordpress/ hnews-for-wordpress] plugin by themattharris and Ben Campbell. And a basic [http://valueaddednews.org/technical/hnews-for-wordpress HOWTO].

== related ==
* See [http://wordpress.org/extend/plugins/tags/microformats plugins tagged '''microformats'''] on the official WordPress plugin repository for more.
* [[wordpress]]
* [[wordpress-themes]]
* [[cms]]
* [[implementations]]

icons

2010-07-29T14:22:52Z

Bcampbell: /* General */

<h1> Icons </h1>
These icons can be used to depict various microformats in webpages or on the desktop.

== Creators ==
* [http://factoryjoe.com/blog Chris Messina]
* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
* [http://bartleme.at Wolfgang Bartelme]

==Accessibility==
Publishers are advised to ensure that these icons are used in an accessible fashion, by including suitable "alt" attributes.

Icon designers are reminded that inability to distinguish between red and green is the commonest form of color-blindness .

=== Copyright ===
Unless otherwise noted, these icons are licensed under the [http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons Attribution-ShareAlike 2.5 license].

== Icons ==

=== Web ===

A [http://factorycity.net/projects/microformats-icons/ first effort] has been completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.

==== General ====

* http://img.skitch.com/20090827-qa9y941qxn6haf1y2e31fydt7.png hAtom
* http://img.skitch.com/20090827-qg4y5k6ayapuc3fm36a8hada6b.png hCalendar
* http://img.skitch.com/20090827-f3qdiebfdr665y1ag1byy31du2.png hCard Add
* http://img.skitch.com/20090827-fnq86wtfttf2tah18q4j69wbka.png hCard Download
* http://img.skitch.com/20090827-pc154xc2xw6ainsajxbncmxqyg.png hResume (button)
* http://img.skitch.com/20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (button)
* http://img.skitch.com/20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (button)
* http://github.com/bcampbell/hnews_popup/raw/master/hnews_icon.png hNews

'''Based on the General Icon DevKit:'''
* http://farm1.static.flickr.com/247/515868619_ed9cda470a_o.png hCalendar Download
* http://farm1.static.flickr.com/217/515843744_57bd70fdf5_o.png hCalendar Add
* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard
* http://farm3.static.flickr.com/2178/2528693942_1a58d71d27_o.png [http://notizblog.org/projects/haudio-icons/ hAudio Icons]

'''Comments:'''

* Hober pointed out that bright green seems to be a common color for [eventful.com/images/skin/ical.gif ical chicklets]
* Tantek wonders if the rel-tag button is useful
* ChrisMessina suggest a need for a small 10x10 tag icon
** http://archgfx.net/aspnet_client/tag-ltblue.gif square tag
** [[User:SunBurntKamel|Adam]] suggests 10x10 is a little small, but square is nice
*** [[User:PatHawks|PatHawks]] thinks smaller is better, if the icon is going to sit next to every tag
** [[User:Pfefferle|Pfefferle]] suggests the [http://www.famfamfam.com/lab/icons/silk/ FamFamFam] tag-icon: http://notizblog.org/wp-content/uploads/2007/05/tag_blue.png
* Tantek wonders whether we need an hCard Download icon -- since it focuses too much on the "pipes"
* Ron thinks it's ok to use icons, cause it's a nice way of promoting the "Microformat idea". Maybe it's a good idea to use a downward aimed arrow to indicate the possibility to "download" something (like an hCard or hResume).
* Adam wonders if a multiple-license, including GPL, might be helpful in increasing adoption among wordpress themes.
* [[User:Pfefferle|Pfefferle]] suggests to change the color of the XFN-button into blue, because it uses the rel-attribute like "rel-tag" http://farm1.static.flickr.com/195/515824030_3c0dd42493_o.png.
* [[User:SvenDowideit|SvenDowideit]] wonders what font is used above, and why there are no open source friendly source files - ie svg (Dmitry's site is offline so i don't know if those are what I'm looking for)

==== XFN ====

* http://img.skitch.com/20090827-r6ksuun131mk1rupdittkh987b.png rel-me
* http://img.skitch.com/20090827-f6y8qp5q5b3ejtyphw931698uw.png rel-friend
** http://img.skitch.com/20090827-kwbt1kty45ynp8nxf3wbyyderx.png met
* http://img.skitch.com/20090827-tmm7p8pkw149hfdku8jfc2greu.png rel-sweetheart
** http://img.skitch.com/20090827-t3btra8dyxnp5fshqg58ywjhc.png met
* http://img.skitch.com/20090827-miwd8ux7kf35fntsqriicrrjsw.png rel-colleague
** http://img.skitch.com/20090827-pjeiakssxjyr54k7htr3qjxgmu.png met

'''Comments:'''

* Tantek: wonders if a rel-me icon is necessary or appropriate; perhaps something indicating "facets"?
* ChrisMesssina: rel-me is useful in blog posts where you link to other posts that you've written
* [[User:WizardIsHungry|Jon Williams]] 13:40, 5 Jan 2007 (PST): I thought "Flickr buddy" when I first saw these due to the color. Also the pink/blue may annoy people with some gender issues. Maybe we should use green for the sweetheart?
* [[User:PatHawks|Pat Hawks]] 12:58, 11 Apr 2008 (CST): Should "crush" and "sweetheart" use the same icon? Should "colleague" and "co-worker" use the same? Do we need one for "contact" or "acquaintance" as well?

==== VoteLinks ====

[http://microformats.org/wiki/vote-links VoteLinks]

* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for
* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against
* http://factorycity.net/projects/microformats%2Dicons/images/vote-links.png (download the [http://factorycity.net/projects/microformats%2Dicons/files/vote-links.zip kit])

'''Comments:'''
* [[User:SteveIvy|Steve Ivy]]: I don't have a good icon for vote-abstain. Recommendations welcome. These are also a tad large to site next to links, perhaps?
** [[User:AndyMabbett|Andy Mabbett]]: Is +1/-1 a common way of representing voting? Would ticks and crosses be better, or thumbs up/ down (or horizontal for abstain)?
*** [[User:SteveIvy|Steve Ivy]]: I rather like the icons used by [http://digg.com digg] for voting on comments, but cannot use them for obvious reasons. I'm no iconographer to be honest, but if someone were to create thumbs-up/thumbs-down icons I'd use them instead of these.

==== Geo ====

Can be used in the ''background-image'' CSS property, next to a geo microformat. It could also indicate that a map opens in a new window:

* http://users.hol.gr/~dzach/microformats/openmap.gif

* http://www.geotagicons.com/img/geotag-16px.png (taken from [http://www.geotagicons.com/ Geotag Icon Project])

----

=== Mac ===
[http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons-preview.png]

These [http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip icons] can be used for folders or files on your Mac. You can use a tool like [http://iconfactory.com/software/pixadex Pixadex] for managing and applying them.

Created by [http://factoryjoe.com/blog Chris Messina]

----

=== PDF & SVG ===

[http://dmitry.baranovskiy.com/res/mf-logo.pdf http://dmitry.baranovskiy.com/i/pdffile.png] [http://dmitry.baranovskiy.com/res/mf-logo.svg http://dmitry.baranovskiy.com/i/svgfile.png]

This logo looks pretty much as first icon of Chris’ set. You could open it in any bitmap or vector editing tools, such as Adobe Photoshop or Adobe Illustrator.

Created by [http://dmitry.baranovskiy.com Dmitry Baranovskiy]

==See also==
{{branding-see-also}}

== Examples in the Wild ==

* [http://zeroseis.com.br ZeroSeis] uses hCard download icon.
* [http://www.bayofislands.net/ Bay of Islands] uses hCard geo icon eg. in [http://www.bayofislands.net/accommodation/backpackers/mousetrap/ Moustrap Backpackers] page
* [http://www.nextbbs.com nextBBS] uses vote-links icons.
* [http://www.revolucao.etc.br Revolução Etc] uses hCard download icon and tag icon.
* There are various microformat logos on [http://www.westmidlandbirdclub.com/site/ the West Midland Bird Club's "about this site" page] and on its [http://www.westmidlandbirdclub.com/club/executive.htm contacts] and [http://www.westmidlandbirdclub.com/diary/2007/10.htm events] pages

rel-principles

2010-06-10T11:46:05Z

Bcampbell:

<entry-title>rel-principles 0.1</entry-title>
{{Template:DraftSpecification}}

rel-principles is a simple, open format for indicating statements of principles for the associated content, which is embeddable in HTML or XHTML, Atom, RSS, and arbitrary XML.

== Draft Specification 2010-01-21 ==

;Editor/Author
:[[:User:MarkNg|Mark Ng]] ([http://mediastandardstrust.org Media Standards Trust])

;Contributors
:[[:User:JonathanMalek|Jonathan Malek]] ([http://www.ap.org Associated Press])
:[[:User:Bcampbell|Ben Campbell]] ([http://mediastandardstrust.org Media Standards Trust])
:[[:User:Martinjemoore|Martin Moore]] ([http://mediastandardstrust.org Media Standards Trust])
:[[:User:Smyles|Stuart Myles]] ([http://www.ap.org Associated Press])
:[[:User:Tbmartinwiki|Todd B. Martin]] ([http://www.ap.org Associated Press])

=== Copyright ===
Per the public domain release on the authors' user pages ([[:User:MarkNg|Mark Ng]]) this specification is released into the public domain.

{{MicroFormatPublicDomainContributionStatement}}

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

== Introduction ==

rel-principles is a format for identifying principles statements for a piece of content. It builds on other microformats which define specific uses of the rel attribute for links, such as [[rel-tag]] and [[rel-license]].

Whilst its original intention is to be used for journalistic content in conjunction with [[hNews]], its use may extend to other entities or professions with principles or codes of conduct.

{{rfc-2119-intro}}

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

==Abstract==

By adding <code>rel=”principles”</code> to a hyperlink, a page indicates that the destination of that hyperlink is a description of the principles the content on the page was created under.

<a href="http://www.mediastandardstrust.org/code-of-practice" rel="principles">some statement
of principles name goes here</a>

==XMDP Profile==
See [[rel-principles-profile]]

[[Category:Draft Specifications]]

User:Bcampbell

2010-06-10T11:44:53Z

Bcampbell: New page: {{cc-public-domain-release}}

hnews-examples-in-wild

2010-06-10T10:14:14Z

Bcampbell: add quad city times, add query to smallbusiness.aol.com

<h1>hNews Examples in the wild </h1>
This page is an '''informative''' section of the [[hnews|hNews]] specification.

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

If you publish hNews on your own site, feel free to add it to the '''top''' of this list. Please be sure to include at least one URL to a page on your site that includes actual [[hnews|hNews]] markup. Examples added without a URL to a page with hNews markup may be removed.

== New Examples ==
[http://blog.tech-and-law.com/ Tech and Law]
*http://blog.tech-and-law.com/2010/04/cloud-computing-privacy-canada-eu-etc.html

[http://semissourian.com Southeast Missourian]
*http://www.semissourian.com/story/1620555.html (Also see the [http://www.semissourian.com/help/partners/ Media Partners page] for 31 other Rust Communications newspapers that publish hNews, shown in bold on the list)

[http://hosted2.ap.org/APDefault/ Essential News from the Associated Press]
*http://hosted2.ap.org/APDefault/ (Follow any "Latest Headline" story link on this page for a hNews story example)

[http://news.aol.com AOL News]
*http://news.aol.com/article/runoff-ordered-for-afghanistan/720595

[http://gnn.com Good News Now]
*http://www.gnn.com/article/patrick-ivison-and-dog-ricochet-surf-to/720774

[http://smallbusiness.aol.com/startup The Start Up]
*http://smallbusiness.aol.com/startup/article/entrepreneur-draws-her-own-path/703611
(no longer has hNews?)

[http://qctimes.com Quad City Times]
*http://qctimes.com/news/local/government-and-politics/elections/article_7bad27da-7425-11df-8955-001cc4c03286.html
(and maybe other [http://www.lee.net/newspapers/ Lee Enterprise papers]?)