User:Stml

2007-10-01T09:34:18Z

Stml:

===STML===

I like food, booze and Microformats.

I wrote a cookbook, so played with a potential hRecipe as data: [http://cookingwithbooze.org http://cookingwithbooze.org]

I added it to the [[recipe-examples]] page, 1/Oct/07.

I live at [http://shorttermmemoryloss.com http://shorttermmemoryloss.com].

User:Stml

2007-10-01T09:33:12Z

Stml:

===STML===

I like food, booze and Microformats.

I wrote a cookbook, so played with a potential hRecipe as data: [http://cookingwithbooze.org http://cookingwithbooze.org]

I live at [http://shorttermmemoryloss.com http://shorttermmemoryloss.com].

User:Stml

2007-10-01T09:32:11Z

Stml:

I like food, booze and Microformats.

I wrote a cookbook, so played with a potential hRecipe as data: [http://cookingwithbooze.org]

I live at [http://shorttermmemoryloss.com].

recipe-examples

2007-10-01T09:30:42Z

Stml: Added cooking with booze to list

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

* [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.
* [http://www.myvegrecipes.com/category/main-dishes My Veg Recipes]. Also uses [[xoxo|XOXO]] for lists 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 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

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

=== 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
* [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)]

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

Microformats Wiki - User contributions [en]

User:Stml

User:Stml

User:Stml

recipe-examples