recipe-examples

2006-03-20T10:29:25Z

RichardRutter:

= Recipe Examples =

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

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

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

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

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

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

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

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

== 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 solves the 80/20 of examples

Microformats Wiki - User contributions [en]

recipe-examples