recipe-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (→‎Contributors: Added my name)
(fixed broken link)
 
(67 intermediate revisions by 20 users not shown)
Line 1: Line 1:
= Recipe Examples =
Per the microformats [[process]] this is an [[examples]] page documenting existing real world examples of actual ''tasty'' recipes published on the Web.  Next steps are to research [[recipe-formats]] and then (only ''after'' that), proceed with [[recipe-brainstorming]].  Only URLs to actual recipes please.
 
'''Please read both [[process]] and [[examples]] before editing this page.'''
 
__TOC__


== Contributors ==
== Contributors ==
Line 5: Line 9:
* [http://tantek.com/ Tantek Çelik]
* [http://tantek.com/ Tantek Çelik]
* [[User:RobertBachmann|Robert Bachmann]]
* [[User:RobertBachmann|Robert Bachmann]]
* [[User:JeffMcNeill|jeffmcneill]]


== Recipe Lists ==
== 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.
* [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.
* [http://www.myvegrecipes.com/category/main-dishes My Veg Recipes].  Also uses [[xoxo|XOXO]] for lists of recipes.
* ...
* ...
* ...
* ...
Line 13: Line 19:
== Recipes Examples ==
== Recipes Examples ==


=== Lentil Stew ===
=== Individuals ===
 
==== Whole wheat chocolate hazelnut biscotti====
[http://wholewheatsweets.com/recipe/cookies/whole_wheat_chocolate_hazelnut_biscotti Whole wheat chocolate hazelnut biscotti]
 
* The recipe is available in both metric and imperial units. The user can toggle which one is shown. The amounts/volumes/tempratures throughout the recipe are updated.
* This recipe requires a cookie to be double baked, the cookTime property is used ''twice''.
* Includes OpenGraph sharing image in HTML metadata.
* Composed of
** Title
** Introduction containing the yield and link to a source/inspiration recipe
** List of ingredients.
** Step by step instructions with a clickable thumbnail image.
** Last step contains the picture of the finished result (main image).
 
==== Hamburger ====
[http://en.wikibooks.org/wiki/Cookbook:Hamburger Wikibooks Cookbook:Hamburger]
 
Composed of
* Summary
** Categories
** Servings
** Time
** Rating
** Energy
** Image
* Recipe
** Description (text)
** Ingredients (required/optional)
** Procedure (OL)
** Suggestions (text)
** Notes, tips and variations (UL)
** Categories
 
==== Lentil Stew ====
[http://1moon.com/recipes/mercimek.html Neriman’s Mercimek - Yummy Lentils]
[http://1moon.com/recipes/mercimek.html Neriman’s Mercimek - Yummy Lentils]


Line 24: Line 64:
** serving suggestion(s) (serve with ...)
** serving suggestion(s) (serve with ...)


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


Line 36: Line 76:
** source - citation of where recipe originally came from
** source - citation of where recipe originally came from


=== Sachertorte ===
==== 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
 
==== Veggie Chicken Enchiladas ====
 
[http://www.myvegrecipes.com/recipe/chicken-enchiladas Veggie Chicken Enchiladas]
[http://www.myvegrecipes.com/recipe/xml/chicken-enchiladas.xml Veggie Chicken Enchiladas XML]
 
* Attempts to use XOXO as a recipe microformat
* Composed of
** ingredients
** instructions
** servings
** prep time
** serving suggestions
** cook's tips
** variations
** time saving tips
 
====Spaghetti primavera====
 
[http://blog.bumblepuppy.org.uk/2006/10/05/spaghetti-primavera/ Spaghetti-primavera]
 
*Written as prose
*Contains:
** introduction - containing source of original recipe book inspiration
** ingredients (in paragraph, comma separated)
** instructions (paragraph)
** observation (creates a lot of washing up!)
 
=== Services ===
 
==== cookingwithbooze.org ====
*[http://cookingwithbooze.org/ Cooking with Booze] is a cookbook and associated free-access website. All the recipes are marked up in a combination of XOXO and microformat:
* Composed of
** title of recipe (as a heading)
** note/introduction
** unordered list of ingredients
** ordered list of instructions
* [http://cookingwithbooze.org/for-geeks#microformats More information about the microformat]
* You can also download the whole recipe list as a dataset for your own experiments, in the form as a tagged XML file as output by InDesign. [http://cookingwithbooze.org/for-geeks#microformats]
* Any questions: [http://shorttermmemoryloss.com http://shorttermmemoryloss.com]
 
==== allrecipes.com - Sachertorte ====
[http://cake.allrecipes.com/az/Sachertorte.asp Sachertorte (allrecipes.com)]
[http://cake.allrecipes.com/az/Sachertorte.asp Sachertorte (allrecipes.com)]


Line 48: Line 172:
** sequence of preperation instructions (uses <code>&lt;ol&gt;</code>)
** sequence of preperation instructions (uses <code>&lt;ol&gt;</code>)


=== Cuba Libre ===
 
==== 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>&lt;font&gt;</code><code>&lt;b&gt;</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>&lt;b&gt;</code> <code>&lt;br&gt;</code>, each ingredient in separate <code>&lt;td&gt;</code>, ingredient keywords linked to a glossary)
** Recipe Method (no <code>&lt;p&gt;</code> used, uses <code>&lt;td&gt;</code>, <code>&lt;font&gt;</code> and <code>&lt;br&gt;</code>)
*** Copyright reprint info appears at end of prep info.
** Nutrition Facts (<code>&lt;font&gt;</code><code>&lt;b&gt;</code> used for header)
*** Serving size info repeated
*** Nutritional elements per serving (each item and value are in separate <code>&lt;td&gt;</code>)
 
Notes: No meaningful markup used. Recipes use <code>&lt;table&gt;</code> for all layout/presentation. <code>&lt;b&gt;</code>, <code>&lt;br&gt;</code>, and nested <code>&lt;font&gt;</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>&lt;h2&gt;</code>)
*** Subheading/summary description (<code>&lt;h3&gt;</code>)
*** Teaser text with photo (<code>&lt;div class="teaser"&gt;&lt;div class="mainImg"&gt;</code>)
** Method steps (each step in a <code>&lt;div class="step"&gt;</code> with an image and text)
** Number of servings  (<code>&lt;h5&gt;</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>&lt;p&gt;</code>)
*** Recipe Title (uses <code>&lt;h1&gt;</code>)
*** Quick intro description (No <code>&lt;p&gt;</code>)
** Ingredients * (uses <code>&lt;br&gt;</code>)
** Preparation *
*** Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, and uses <code>&lt;br&gt;</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>&lt;li&gt;</code> and use <code>&lt;br&gt;</code> instead of <code>&lt;p&gt;</code> often.
 
==== extratasty.com - Cuba Libre ====
[http://www.extratasty.com/recipe/46/cuba_libre Cuba Libre (extratasty.com)]
[http://www.extratasty.com/recipe/46/cuba_libre Cuba Libre (extratasty.com)]


Line 57: Line 246:
** preperation instructions (continuous text)
** preperation instructions (continuous text)
** Recipe rating (US school grad system)
** 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>&lt;pre&gt;</code> inside a <code>&lt;td&gt;</code>.
==== www.cooker.net - Muffins Zucca e Radicchio ====
[http://www.cooker.net/cooker/cooker.nsf/puid/9F1CF8E0983AC24186257286003C2277 Muffins Zucca e Radicchio (cooker.net)]
*Consists of:
**Yield
**Unordered list of ingredients
**Preparations
**Photographs
**Feedback
**Classification (category recipe features in)
==== asianfoodgrocer.com - Asian Rice Salad ====
[http://www.asianfoodgrocer.com/recipes/77439.shtml Asian Rice Salad (AsianFoodGrocer.com)]
*Consists of:
**Title
**Yield
**Blurb
**Ingredients (3 column table)
**Instructions (numbered but not an ordered list)
**Author or Source Credit
b and br markup, no headings. Ingredients displayed in table, one ingredient per row - 3 columns: first for quantity or measurement number, second for measure type if there is one (c, ts, tb, etc.), third column for the ingredient type.
==== Good Living: Sydney Morning Herald - Asparagus and herb frittata ====
[http://www.smh.com.au/news/recipes/asparagus/2007/09/10/1189276601142.html Asparagus and herb frittata (smh.com.au/news/recipes/ Sydney Morning Herald: Recipes)]
Note: An article about Asparagus contains this recipe.
* Article Title (h1 markup)
** Author
** Date
** Article content
*** Recipe Title (h3 markup)
**** Ingredients (1 paragraph, ingredients separated with br markup)
**** Directions (method, p used for steps)
**** Servings (p, b markup)
Measurement units note: This recipe mixes, tbs, cm, ml, and g.
==== Real Cajun Recipes: Chicken Fricassee ====
[http://www.realcajunrecipes.com/recipes/cajun/chicken-fricassee/4.rcr Chicken Fricassee (RealCajunRecipes.com)]
Recipe is formatted with table/nested table
* Title (h3 heading)
** Food Category (not linked)
** Recipe Author
** Author origin (location)
** Date
** Drag and Drop icon for MacGourmet* users
** Ratings (up to 5 stars)
** Ratings link (viewer can rate recipe)
* The top section of the recipe is separated with an hr, rest of recipe in nested table.
** servings
** prep time
** cook time
** ready time
** author note
** Ingredients (appear in two columns, table)
** Directions (paragraph format for steps)
'''Special Note'''*
[http://www.apple.com/downloads/macosx/home_learning/macgourmet.html MacGourmet] is software which allows creation, import (of other recipes and recipe formats), export of recipes, Publishing of recipes to MovableType, Blogger, TypePad, and Blojsom weblogs. Categorization and search features. It would be good to see how these recipes are formatted. MacGourmet - 'iTunes for recipes' and can create/export shopping lists for the recipes (including to PDA, iPod, etc.),  Demo available at link. Also see wiki page [[recipe-formats#MacGourmet]]
==== BigOven: Angel Hair with Tomatoes, Basil And Arugula recipe ====
Recipe Example: [http://www.bigoven.com/152986_Angel-Hair-with-Tomatoes,-Basil-And-Arugula_recipe.html Angel Hair with Tomatoes, Basil And Arugula recipe (BigOven)].
[http://bigoven.com/ BigOven] - recipe software application with an online collection of recipes which were submitted from registered site users or published, exported from its software users. Published recipes can be rated online, and additional tags/categories or ingredients can be applied to published recipes. Also see the [[recipe-formats#Big_Oven]] wiki page.
Recipe output for the site uses span tags with id to format or link information. HTML format: ingredients are in table format. Uses br, no p tags.
This is an example recipe format from the site:
* Recipe Title - h1, span id="lblTitle"
** Intro Line - span id="lblSubhead", br
** Ratings - img id="img_rating"
** Photo
** Ingredients  - h2, span id="Label1"
*** Individual Ingredients - (2 column table, ingredient keyword is linked, link appended with id=ingredient name.)
** Instructions - h2, span id="Label2"
*** Directions (br, span id="lblInstructions", br) - instructions, nutritional info, author, date included.
** Main ingredient tag - span id="Label7", span id="lblMainIngredient" , link to Main Ingredient)
** ADD tags. Form submit buttons for additional tag categorization (related linking). - id="lblCategoriesLabel"
==== Gopher: Fudge Recipe ====
[gopher://hal3000.cx/0/Recipes/fudge.txt gopher://hal3000.cx/0/Recipes/fudge.txt]
Note: this is '''gopher:''' (may not work in all browsers, will with Firefox)
Format plain text -- formatting line breaks, sometimes dashes for ingredient lists, underlining of title. Whitespace preserved with pre tagset.
Recipe consists of:
* Introductory information
* Recipe Title
** Ingredients
** Instructions
Another Recipe collection on Gopher at the Online Book Initiative:
[gopher://gopher.std.com/11/The%20Online%20Book%20Initiative/Recipes gopher://gopher.std.com/11/The%20Online%20Book%20Initiative/Recipes]
==== DobrePrzepisy.org: Faworki ====
Recipe example: [http://dobreprzepisy.org/przepis/255/faworki.html Faworki (dobreprzepisy.org)]
* Composed of:
** title of recipe (<code>&lt;h1&gt;</code>)
** food category (links to the directory)
** name of the submitter (links to profile) and date added
** rating (stars, 1-5)
** optional photo
** additional info: (<code>&lt;h3&gt; and &lt;ul&gt;</code>)
*** difficulty (3 levels: easy | intermediate | difficult)
*** servings count
*** preparation time
*** overall cost
*** suitable for vegetarians icon (added as <code>background-image</code>)
** sequence of ingredients (<code>&lt;ul&gt;</code>)
** preparation instructions (<code>&lt;p&gt;</code>)
** user's comments
==== W3.org Lists Example ====
[http://www.w3.org/TR/html4/struct/lists.html#h-10.1 w3.org]
* Composed of
** <code>&lt;dl&gt;</code>
*** <code>&lt;dt&gt;</code> - ingredients heading
*** <code>&lt;dd&gt;</code>
**** <code>&lt;ol&gt;</code> and <code>&lt;li&gt;</code> - ingredients
*** <code>&lt;dt&gt;</code> - procedure heading
*** <code>&lt;dd&gt;</code>
**** <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> - procedure
*** <code>&lt;dt&gt;</code> - notes heading
*** <code>&lt;dd&gt;</code> - notes
==== Google Base ====
Composed of:
* Title
* Main ingredient
* Cuisine
* Servings
* Calories
* Cholesterol
* Cooking time
* Course
* Meal type
* Preparation time
* Protein
===Menus===
==== The Crepe Vine ====
See [http://www.thecrepevine.com/menu.html The Crepe Vine].
*Item Name
*Price
*Ingredients/Description
<pre>
    <span class="menu2">APPETIZERS</span>
    <p>IMPORTED CHEESE PLATE & BAGUETTE ..........13<br>
    <br>
    TUNA TARTARE ..........8<br>
    fresh tuna with roasted shallot aioli, and lotus chips<br>
    <br>
    BRUSCHETTA ..........8
    <br>
    tomato, garlic, basil, chevre, olive oil and balsamic on crostini<br>
    <br>
    STEAK TARTARE .......... 12
    <br>
    Horseradish aioli, caramelized shallots, and potato hash<br>
    <br>
    BABY BEET SALAD ..........11
    <br>
    candy cane baby beets, sherry vinaigrette and herb goat cheese
</pre>
==== Luigi Ortegas ====
See [http://www.luigiortegas.com/menu/wood_fire_pies.html Luigi Ortegas]
*Item Name
*Price
*Standard Ingredients
*Optional Ingredients
*Ingredient Price
<pre>
<div id="e2" style="position: absolute; left: 212px; top: 500px; width: 596px; height: 39px;">
<span class="text">
    <span style="font-size: 16px;">
    Cheese Pie ............ 6.99<br>
    </span>
    <span style="font-size: 12px;">
    Tomato Sauce and Mozzarella Cheese.<br>
    </span>
</span>
</div>
<div id="e3" style="position: absolute; left: 212px; top: 544px; width: 596px; height: 135px;">
<span class="text">
    <span style="font-size: 12px;">
    Meat Toppings:
    </span>
    <span style="font-size: 12px;">
    ADD EXTRA $1.00 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Giant Pepperoni, Sausage, Salami, Beef Meatballs, Canadian Bacon, Mortadella, Real Bacon, Chorizo and Anchovies.<br>
    </span>
    <span style="font-size: 12px;">
    Veggie Toppings: ADD EXTRA $1.00 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Sauteed Mushrooms, Sauteed White Onions, Sauteed Green Bell Peppers, Black Olives, Grilled Eggplant, Sun Dried Tomatoes,
    Jalapenos, Fresh Basil, Fresh Cilantro, Grilled Zucchinis, Pineapple, Roma Tomatoes and Elephant Garlic.
    </span>
    <span style="font-size: 12px;">
    Cheese: &nbsp;ADD EXTRA $1.50 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Mozzarella, Feta, Cheddar, Fresh Mozzarella and Ricotta.<br>
    </span>
</pre>


== Next Steps ==
== Next Steps ==
# Add more examples and analysis of their markup and implied schemas
# Add more examples and analysis of their markup and implied schemas
# Research existing [[recipe-formats]]
# Research existing [[recipe-formats]] ([http://home.comcast.net/~episoft/ Mealmaster], [http://www.formatdata.com/recipeml/ RecipeML], ...)
# [[recipe-brainstorming]] on a minimal recipe schema that solves the 80/20 of examples
# [[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.

Latest revision as of 16:58, 12 February 2014

Per the microformats process this is an examples page documenting existing real world examples of actual tasty recipes published on the Web. Next steps are to research recipe-formats and then (only after that), proceed with recipe-brainstorming. Only URLs to actual recipes please.

Please read both process and examples before editing this page.

Contributors

Recipe Lists

Recipes Examples

Individuals

Whole wheat chocolate hazelnut biscotti

Whole wheat chocolate hazelnut biscotti

  • The recipe is available in both metric and imperial units. The user can toggle which one is shown. The amounts/volumes/tempratures throughout the recipe are updated.
  • This recipe requires a cookie to be double baked, the cookTime property is used twice.
  • Includes OpenGraph sharing image in HTML metadata.
  • Composed of
    • Title
    • Introduction containing the yield and link to a source/inspiration recipe
    • List of ingredients.
    • Step by step instructions with a clickable thumbnail image.
    • Last step contains the picture of the finished result (main image).

Hamburger

Wikibooks Cookbook:Hamburger

Composed of

  • Summary
    • Categories
    • Servings
    • Time
    • Rating
    • Energy
    • Image
  • Recipe
    • Description (text)
    • Ingredients (required/optional)
    • Procedure (OL)
    • Suggestions (text)
    • Notes, tips and variations (UL)
    • Categories

Lentil Stew

Neriman’s Mercimek - Yummy Lentils

  • Appears to be a simple BBEdit 5.0 conversion of a plain text file into HTML 3.2
  • Uses <br><br> to delimit sections
  • Composed of:
    • author of recipe
    • title of recipe, with English translation
    • top level structure of time/instructions, with ingredients noted as necessary for each step
    • serving suggestion(s) (serve with ...)

Mocha Brownie Cake

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 <ul>) 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

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

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

John C. "CSS is a series of tubes" Dvorak

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

Veggie Chicken Enchiladas

Veggie Chicken Enchiladas Veggie Chicken Enchiladas XML

  • Attempts to use XOXO as a recipe microformat
  • Composed of
    • ingredients
    • instructions
    • servings
    • prep time
    • serving suggestions
    • cook's tips
    • variations
    • time saving tips

Spaghetti primavera

Spaghetti-primavera

  • Written as prose
  • Contains:
    • introduction - containing source of original recipe book inspiration
    • ingredients (in paragraph, comma separated)
    • instructions (paragraph)
    • observation (creates a lot of washing up!)

Services

cookingwithbooze.org

  • Cooking with Booze is a cookbook and associated free-access website. All the recipes are marked up in a combination of XOXO and microformat:
  • Composed of
    • title of recipe (as a heading)
    • note/introduction
    • unordered list of ingredients
    • ordered list of instructions
  • More information about the microformat
  • You can also download the whole recipe list as a dataset for your own experiments, in the form as a tagged XML file as output by InDesign. [1]
  • Any questions: http://shorttermmemoryloss.com

allrecipes.com - Sachertorte

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 <ul>)
    • sequence of preperation instructions (uses <ol>)


BBC Food - Marzipanned fruit cake

Marzipanned fruit cake 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

Jamaican Chicken Stew Recipe (cooking.com)

  • Consists of
    • Recipe Title (<font><b> 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 <b> <br>, each ingredient in separate <td>, ingredient keywords linked to a glossary)
    • Recipe Method (no <p> used, uses <td>, <font> and <br>)
      • Copyright reprint info appears at end of prep info.
    • Nutrition Facts (<font><b> used for header)
      • Serving size info repeated
      • Nutritional elements per serving (each item and value are in separate <td>)

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

cuzza.com - Chicken Jalfrezi Recipe

Chicken Jalfrezi Recipe (cuzza.com)

  • Consists of
    • Recipe Title (<h2>)
      • Subheading/summary description (<h3>)
      • Teaser text with photo (<div class="teaser"><div class="mainImg">)
    • Method steps (each step in a <div class="step"> with an image and text)
    • Number of servings (<h5>)
    • 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

Moroccan Braised Beef (epicurious.com)

  • Composed of
    • Recipe Intro Area
      • Photo (uses <p>)
      • Recipe Title (uses <h1>)
      • Quick intro description (No <p>)
    • Ingredients * (uses <br>)
    • Preparation *
      • Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, and uses <br> )
      • 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 <li> and use <br> instead of <p> often.

extratasty.com - 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

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 <pre> inside a <td>.

www.cooker.net - Muffins Zucca e Radicchio

Muffins Zucca e Radicchio (cooker.net)

  • Consists of:
    • Yield
    • Unordered list of ingredients
    • Preparations
    • Photographs
    • Feedback
    • Classification (category recipe features in)

asianfoodgrocer.com - Asian Rice Salad

Asian Rice Salad (AsianFoodGrocer.com)

  • Consists of:
    • Title
    • Yield
    • Blurb
    • Ingredients (3 column table)
    • Instructions (numbered but not an ordered list)
    • Author or Source Credit

b and br markup, no headings. Ingredients displayed in table, one ingredient per row - 3 columns: first for quantity or measurement number, second for measure type if there is one (c, ts, tb, etc.), third column for the ingredient type.

Good Living: Sydney Morning Herald - Asparagus and herb frittata

Asparagus and herb frittata (smh.com.au/news/recipes/ Sydney Morning Herald: Recipes)

Note: An article about Asparagus contains this recipe.

  • Article Title (h1 markup)
    • Author
    • Date
    • Article content
      • Recipe Title (h3 markup)
        • Ingredients (1 paragraph, ingredients separated with br markup)
        • Directions (method, p used for steps)
        • Servings (p, b markup)

Measurement units note: This recipe mixes, tbs, cm, ml, and g.

Real Cajun Recipes: Chicken Fricassee

Chicken Fricassee (RealCajunRecipes.com)

Recipe is formatted with table/nested table

  • Title (h3 heading)
    • Food Category (not linked)
    • Recipe Author
    • Author origin (location)
    • Date
    • Drag and Drop icon for MacGourmet* users
    • Ratings (up to 5 stars)
    • Ratings link (viewer can rate recipe)
  • The top section of the recipe is separated with an hr, rest of recipe in nested table.
    • servings
    • prep time
    • cook time
    • ready time
    • author note
    • Ingredients (appear in two columns, table)
    • Directions (paragraph format for steps)

Special Note* MacGourmet is software which allows creation, import (of other recipes and recipe formats), export of recipes, Publishing of recipes to MovableType, Blogger, TypePad, and Blojsom weblogs. Categorization and search features. It would be good to see how these recipes are formatted. MacGourmet - 'iTunes for recipes' and can create/export shopping lists for the recipes (including to PDA, iPod, etc.), Demo available at link. Also see wiki page recipe-formats#MacGourmet

BigOven: Angel Hair with Tomatoes, Basil And Arugula recipe

Recipe Example: Angel Hair with Tomatoes, Basil And Arugula recipe (BigOven).

BigOven - recipe software application with an online collection of recipes which were submitted from registered site users or published, exported from its software users. Published recipes can be rated online, and additional tags/categories or ingredients can be applied to published recipes. Also see the recipe-formats#Big_Oven wiki page.

Recipe output for the site uses span tags with id to format or link information. HTML format: ingredients are in table format. Uses br, no p tags.

This is an example recipe format from the site:

  • Recipe Title - h1, span id="lblTitle"
    • Intro Line - span id="lblSubhead", br
    • Ratings - img id="img_rating"
    • Photo
    • Ingredients - h2, span id="Label1"
      • Individual Ingredients - (2 column table, ingredient keyword is linked, link appended with id=ingredient name.)
    • Instructions - h2, span id="Label2"
      • Directions (br, span id="lblInstructions", br) - instructions, nutritional info, author, date included.
    • Main ingredient tag - span id="Label7", span id="lblMainIngredient" , link to Main Ingredient)
    • ADD tags. Form submit buttons for additional tag categorization (related linking). - id="lblCategoriesLabel"

Gopher: Fudge Recipe

gopher://hal3000.cx/0/Recipes/fudge.txt

Note: this is gopher: (may not work in all browsers, will with Firefox)

Format plain text -- formatting line breaks, sometimes dashes for ingredient lists, underlining of title. Whitespace preserved with pre tagset.

Recipe consists of:

  • Introductory information
  • Recipe Title
    • Ingredients
    • Instructions

Another Recipe collection on Gopher at the Online Book Initiative:

gopher://gopher.std.com/11/The%20Online%20Book%20Initiative/Recipes

DobrePrzepisy.org: Faworki

Recipe example: Faworki (dobreprzepisy.org)

  • Composed of:
    • title of recipe (<h1>)
    • food category (links to the directory)
    • name of the submitter (links to profile) and date added
    • rating (stars, 1-5)
    • optional photo
    • additional info: (<h3> and <ul>)
      • difficulty (3 levels: easy | intermediate | difficult)
      • servings count
      • preparation time
      • overall cost
      • suitable for vegetarians icon (added as background-image)
    • sequence of ingredients (<ul>)
    • preparation instructions (<p>)
    • user's comments

W3.org Lists Example

w3.org

  • Composed of
    • <dl>
      • <dt> - ingredients heading
      • <dd>
        • <ol> and <li> - ingredients
      • <dt> - procedure heading
      • <dd>
        • <ul> and <li> - procedure
      • <dt> - notes heading
      • <dd> - notes

Google Base

Composed of:

  • Title
  • Main ingredient
  • Cuisine
  • Servings
  • Calories
  • Cholesterol
  • Cooking time
  • Course
  • Meal type
  • Preparation time
  • Protein

Menus

The Crepe Vine

See The Crepe Vine.

  • Item Name
  • Price
  • Ingredients/Description
    <span class="menu2">APPETIZERS</span>
    <p>IMPORTED CHEESE PLATE & BAGUETTE ..........13<br>
    <br>
    TUNA TARTARE ..........8<br>
    fresh tuna with roasted shallot aioli, and lotus chips<br>
    <br>
    BRUSCHETTA ..........8
    <br>
    tomato, garlic, basil, chevre, olive oil and balsamic on crostini<br> 
    <br>
    STEAK TARTARE .......... 12
    <br>
    Horseradish aioli, caramelized shallots, and potato hash<br>
    <br>
    BABY BEET SALAD ..........11
    <br>
    candy cane baby beets, sherry vinaigrette and herb goat cheese

Luigi Ortegas

See Luigi Ortegas

  • Item Name
  • Price
  • Standard Ingredients
  • Optional Ingredients
  • Ingredient Price
<div id="e2" style="position: absolute; left: 212px; top: 500px; width: 596px; height: 39px;">
<span class="text">
    <span style="font-size: 16px;">
    Cheese Pie ............ 6.99<br>
    </span>
    <span style="font-size: 12px;">
    Tomato Sauce and Mozzarella Cheese.<br>
    </span>
</span>
</div>
<div id="e3" style="position: absolute; left: 212px; top: 544px; width: 596px; height: 135px;">
<span class="text">
    <span style="font-size: 12px;">
    Meat Toppings:
    </span>
    <span style="font-size: 12px;">
    ADD EXTRA $1.00 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Giant Pepperoni, Sausage, Salami, Beef Meatballs, Canadian Bacon, Mortadella, Real Bacon, Chorizo and Anchovies.<br>
    </span>
    <span style="font-size: 12px;">
    Veggie Toppings: ADD EXTRA $1.00 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Sauteed Mushrooms, Sauteed White Onions, Sauteed Green Bell Peppers, Black Olives, Grilled Eggplant, Sun Dried Tomatoes, 
    Jalapenos, Fresh Basil, Fresh Cilantro, Grilled Zucchinis, Pineapple, Roma Tomatoes and Elephant Garlic.
    </span>
    <span style="font-size: 12px;">
    Cheese:  ADD EXTRA $1.50 EACH<br>
    </span>
    <span style="font-size: 12px;">
    Mozzarella, Feta, Cheddar, Fresh Mozzarella and Ricotta.<br>
    </span>

Next Steps

  1. Add more examples and analysis of their markup and implied schemas
  2. Research existing recipe-formats (Mealmaster, RecipeML, ...)
  3. 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.