Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Meta

Comments on Improving recipe formatting

Post

Improving recipe formatting

+3
−0

It's currently difficult to write out "modernist"-style recipes in the recipes tab. See the following example from Modernist Cuisine:

Omelet base recipe

It doesn't seem possible to create tables without resorting to ugly HTML. Is there any way this could be made easier in the editor? Perhaps by supplying a CSS class that could let us avoid lots of style=".." attributes in the tags?

The key formatting features here are:

  1. The title ("Omelet Base")
  2. The yield (300g)
  3. The four primary columns: Ingredient, Quantity, Scaling, and Procedure
  4. For each "step", the Procedure column spans all rows in that step.
  5. Numbering is monotonic through each recipe (can be done in CSS with custom counters)
History
Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

1 comment thread

General comments (2 comments)
General comments
Canina‭ wrote almost 4 years ago

Note that that site doesn't even try to include the recipe as text; each recipe is an image, which introduces all sorts of problems on its own (ones that I can think of right now are searchability and various aspects of accessibility). Even if it was text, unless it's very carefully laid out in the HTML, I strongly suspect e.g. screen readers would have huge difficulty with it. Also, I really can't say I care for that format, myself, but that's probably more personal than objective.

Monica Cellio‭ wrote almost 4 years ago

Please keep accessibility and varied devices in mind. That format would not work on a phone at all, and would not work for someone who needs a little zoom and isn't using (or willing to go full-screen on) a humongous monitor. For recipes in particular, we should assume that some people will be consulting them while cooking, meaning in the kitchen, meaning probably using a phone or tablet. A list of ingredients followed by list of steps isn't as fancy but is more flexible.