recipe-examples

2006-08-28T11:46:28Z

Andre V.: /* Lentil Stew */

<h1> Recipe Examples </h1>

Per the microformats [[process]] this is an [[examples]] page documenting existing real world examples of actual tasty recipes published on the Web.

__TOC__

== Contributors ==

* [http://tantek.com/ Tantek Çelik]
* [[User:RobertBachmann|Robert Bachmann]]

== Recipe Lists ==
* [http://orens.com/stuff/recipes.html Steve and Aytek's recipes]. Note that they are simply using [[xoxo|XOXO]] for the lists. It doesn't appear that anything more is necessary for a list of recipes.
* ...
* ...

== Recipes Examples ==

=== Individuals ===

==== Lentil Stew ====
[http://1moon.com/recipes/mercimek.html Neriman’s Mercimek - Yummy Lentils]

* Appears to be a simple BBEdit 5.0 conversion of a plain text file into HTML 3.2
* Uses <code><br><br></code> to delimit sections
* Composed of:
** author of recipe
** title of recipe, with English translation
** top level structure of time/instructions, with [http://buy-tramadol.vip-blog.com VIP Blog]ingredients noted as necessary for each step
** serving suggestion(s) (serve with ...)

==== Mocha Brownie Cake ====
[http://orens.com/stuff/recipe_data/mocha_brownie_cake.html Mocha Brownie Cake]

* Composed of
** title of recipe / food item (looks like a heading)
** sequence of larger tasks (separated by subheadings), each of which has
*** list of ingredients (uses <code><ul></code>) for a particular component of the dish
*** preparation instructions for those ingredients
*** OR a instructions for assembling components of the dish
** contributing baker - perhaps someone who has modified the recipe?
** source - citation of where recipe originally came from

==== A Moroccan-ish Casserole ====
[http://www.simonwheatley.co.uk/2006/03/26/a-moroccan-ish-casserole/ Simon Wheatley]

* Structured semantic XHTML based, as well as possible, on hcard/review type principles
* Composed of:
** title
** description
** number of servings (quantity)
** prep time
** cooking time
** approval rating (from hreview)
** ingredients
** preparation steps

May expand to include: variation suggestions

==== Fruit Salad ====

[http://diveintomark.org/archives/2006/06/09/fruit-salad-recipe fruit salad (Mark Pilgrim)]

Extremely detailed instructions.

* Composed of (at least)
** title of recipe
** description
** number of servings (quantity)
** shopping instructions
** ingredients
** ingredients to avoid
** preparation steps
** left-over preservation instructions

==== Perfect Flank Steak ====

[http://www.dvorak.org/blog/?p=6283 John C. "CSS is a series of tubes" Dvorak]

* Composed of
** title of recipe
** description
** ingredients
** preparation steps
** suggested accompaniments

=== Services ===

==== allrecipes.com - Sachertorte ====
[http://cake.allrecipes.com/az/Sachertorte.asp Sachertorte (allrecipes.com)]

* Composed of
** title of recipe (as a heading)
** name of the submitter
** description of the food item (e.g: "Elegant chocolate cake.")
** optional photo
** servings count
** sequence of ingredients (uses <code><ul></code>)
** sequence of preperation instructions (uses <code><ol></code>)

==== BBC Food - Marzipanned fruit cake ====

[http://www.bbc.co.uk/food/recipes/database/marzipannedfruitcake_14581.shtml Marzipanned fruit cake] [http://www.bbc.co.uk/food/recipes/ BBC Food Recipes]

* Composed of (all B&BR markup)
** title of recipe
** name of submitter/source
** servings count/quanity
** preparation time
** cooking time
** image
** suitable for vegetarians icon
** description of recipe
** ingredients list
** method steps
** notes

==== cooking.com - Jamaican Chicken Stew Recipe ====
[http://www.cooking.com/recipes/rerecite.asp?No=8196 Jamaican Chicken Stew Recipe (cooking.com)]
* Consists of
** Recipe Title (<code><font></code><code><b></code> used for header)
*** Source (Magazine, book, title, etc. with a link.)
*** Serving Size
** Photo area
*** Recipe Email, Save, Print options
*** Photo
** Recipe Ingredients (heading uses <code><b></code> <code><br></code>, each ingredient in separate <code><td></code>, ingredient keywords linked to a glossary)
** Recipe Method (no <code><p></code> used, uses <code><td></code>, <code><font></code> and <code><br></code>)
*** Copyright reprint info appears at end of prep info.
** Nutrition Facts (<code><font></code><code><b></code> used for header)
*** Serving size info repeated
*** Nutritional elements per serving (each item and value are in separate <code><td></code>)

Notes: No meaningful markup used. Recipes use <code><table></code> for all layout/presentation. <code><b></code>, <code><br></code>, and nested <code><font></code> used throughout. Line images separate sections of recipe.

==== cuzza.com - Chicken Jalfrezi Recipe ====
[http://cuzza.com/recipes/jalfrezi/ Chicken Jalfrezi Recipe (cuzza.com)]
* Consists of
** Recipe Title (<code><h2></code>)
*** Subheading/summary description (<code><h3></code>)
*** Teaser text with photo (<code><div class="teaser"><div class="mainImg"></code>)
** Method steps (each step in a <code><div class="step"></code> with an image and text)
** Number of servings (<code><h5></code>)
** Ingredients list (in a definition list; quantities and units not marked up separately; some ingredients link to an explanatory page)
** "Chef's notes". Explanatory notes offering advice and alternatives.

==== epicurious.com - Moroccan Braised Beef ====
[http://www.epicurious.com/recipes/recipe_views/views/230639 Moroccan Braised Beef (epicurious.com)]
* Composed of
** Recipe Intro Area
*** Photo (uses <code><p></code>)
*** Recipe Title (uses <code><h1></code>)
*** Quick intro description (No <code><p></code>)
** Ingredients * (uses <code><br></code>)
** Preparation *
*** Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, and uses <code><br></code> )
*** Serving size
*** Origin (span class = source, magazine title)
*** Copyright info (span class = copyright: publication date and location if available)
** Your notes * (user/visitor may add/submit notes to appear on their printed copy)
** Reviews * (fork ratings, 1-4)

Notes: Images are the secondary headings * (class = hdr) , no sub heading markup. Recipes do not use use <code><li></code> and use <code><br></code> instead of <code><p></code> often.

==== extratasty.com - Cuba Libre ====
[http://www.extratasty.com/recipe/46/cuba_libre Cuba Libre (extratasty.com)]

* Composed of
** title of recipe
** name of the submitter
** sequence of ingredients
** preperation instructions (continuous text)
** Recipe rating (US school grad system)

==== recipesource.com - Cranberry Cherry Relish ====
[http://www.recipesource.com/side-dishes/relishes/00/rec0053.html CRANBERRY CHERRY RELISH (recipesource.com)]
* Consists of
** Exported info (if from mastercook, mealmaster)
** Title (in uppercase)
** Recipe by: (source, author info)
** Serving size: Preparation Time:
** Categories:
** Ingredients ( displayed in columns: Amount : Measure : Ingredient -- Preparation Method )
** Cooking Instructions

Note: Recipe is in text format using <code><pre></code> inside a <code><td></code>.

== Next Steps ==
# Add more examples and analysis of their markup and implied schemas
# Research existing [[recipe-formats]] ([http://home.comcast.net/~episoft/ Mealmaster], [http://www.formatdata.com/recipeml/ RecipeML], ...)
# [[recipe-brainstorming]] on a minimal recipe schema that represents the 80/20 of common properties of the examples and reuses terms from existing widely implemented recipe formats.

vote-links

2006-08-28T11:44:05Z

Andre V.: /* Specification */

= Vote Links =
__TOC__
== Specification 2005 ==
=== Editor ===
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.] (formerly of [http://microsoft.com/ Microsoft Corporation])

=== Concept ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com, Technorati,Inc.]

=== Authors ===
* [http://epeus.blogspot.com/ Kevin Marks], [http://technorati.com Technorati, Inc]
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc]

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

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

=== Inspiration and Acknowledgments ===
Thanks to everyone who has given feedback on VoteLinks. Thanks especially to EtanWexler, who provided the first really good documentation that VoteLinks should be using 'rev' instead of 'rel' (see [[VoteLinksFAQ]]), and John Allsopp who similarly challenged the use of 'rel', and helped co-author the [[RelFAQ]] exploring questions and issues about the use of the HTML4 'rel', 'rev' attributes and linktypes in general.

== Introduction ==
Indexing and tracking applications treat all links as endorsements, or expressions of support. This is a problem, as we need to link to those we disagree with as well, to discuss why.

== Specification ==
VoteLinks is an [[elemental-microformat|elemental microformat]], one of several [[microformats|microformat]] open standards.
We propose a set of three new values for the rev attribute of the <a> (hyperlink) tag in HTML.

The new values are "vote-for" "vote-abstain" or "vote-against", which are mutually exclusive, and represent agreement, abstention or indifference, and disagreement respectively.

A link [http://buy-tramadol.vip-blog.com VIP Blog]without an explicit vote 'rev' value is deemed to have value "vote-for" or "vote-abstain", depending on the application.

Additional human-readable commentary can be added using the existing 'title' attribute, which most browsers show as a rollover.

Examples:
<pre><nowiki>
<a rev="vote-for" href="http://ragingcow.blogspot.com"
title="neat spoof">Raging Cow</a>
<a rev="vote-against" href="http://ragingcow.com"
title="nasty corn syrup drink">Raging Cow</a>
</nowiki></pre>

=== Deprecated: Using 'rel' for VoteLinks ===
A previous draft of the specification used the 'rel' value instead of the 'rev' attribute. Analysis and feedback has demonstrated this to have been inappropriate use of the 'rel' attribute, when the 'rev' attribute was much more important. See the [[RelFAQ]] for more details.

Implementations MAY support links with the VoteLinks values in the 'rel' attribute for backward compatibility with any existing VoteLinks content.

Authors MUST NOT use 'rel' for VoteLinks values.

== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rev">rev</dt>
<dd><p><a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rev">
HTML4 definition of the 'rev' attribute.</a>
Here are some additional values.</p>
<dl>
<dt id="vote-for">vote-for</dt>
<dd>Indicates agreement with or recommendation for the referred resource.</dd>
<dt id="vote-abstain">vote-abstain</dt>
<dd>Indicates abstention or indifference for the referred resource.</dd>
<dt id="vote-against">vote-against</dt>
<dd>Indicates disagreement with or recommendation against the referred resource.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implementations ==
This section is '''informative'''.

* [http://moloko.itc.it/paoloblog/ Paolo Massa] created [http://moloko.itc.it/paoloblog/semantic_links/ SemanticLinks], a small Firefox extension that shows vote-for, vote-against links information. (Note the download links for SemanticLinks have been removed by the author.)

== Normative References ==
* [http://gmpg.org/xmdp/ XMDP]

== Related Work ==
* [[xoxo]]
* [http://gmpg.org/xfn/ XFN]
* [http://developers.technorati.com/wiki/attentionxml Attention.xml]
* [[rellicense]]
* [[reltag]]
* [[relnofollow]]

== FAQ ==
* See [[votelinks-faq]] and the broader [[rel-faq]].
* See also [[votelinks-issues]] for issues which have been raised with the votelinks [[microformat]].

Microformats Wiki - User contributions [en]

recipe-examples

vote-links