I made cream cheese cupcakes for my team off this dudes site back in 2008 and they were the bomb.
Expensive to make but really good. I never baked again.
A place to share screenshots of Microblog posts, whether from Mastodon, tumblr, ~~Twitter~~ X, KBin, Threads or elsewhere.
Created as an evolution of White People Twitter and other tweet-capture subreddits.
RULES:
RELATED COMMUNITIES:
I made cream cheese cupcakes for my team off this dudes site back in 2008 and they were the bomb.
Expensive to make but really good. I never baked again.
Annoying that they did not even mention the original site: https://www.cookingforengineers.com/
Which does seem down right now, so archive link: https://web.archive.org/web/20260729050049/https://www.cookingforengineers.com/
The site being down fits with the ‘for engineers’ theme
Just because we can't code for shit and insist on doing everything ourselves…
Damn, even that site has a life story before a recipe
If you put a recipe on your webpage Google will ignore that shit. Butter and eggs? So few words, many numbers. Boring.
So you have to add a narrative if you want search engines to pay any attention, or even count the page as content.
Google could just fix this, but no, we've all adjusted to it.
Where's the box for the story about how mother used to make this years ago and how the author made it for a such and such party and guests were asking for the recipe and ...
I want to read the authors complete backstory and several holiday pictures and sales pitches on why I should buy their artisanal ingredients, scrolling until I nearly give up.
I feel like the recipe loses authenticity since there is no backstory about how their great uncle came up with the recipe after falling out of a guard tower during WWII.
justtherecipe.com is pretty great for cutting out that crap, although not as efficient as the system in OP pic
Here's an open source library for generating these from markdown https://mossblaser.github.io/recipe_grid/tutorial.html
But where am I going to put the six paragraph AI generated anecdote about my grandmother?
In white text on white background at the bottom of the page where the rest of the SEO goes.
You know, I don't hate this.
Let's simplify websites significantly. Everything SEO/AI slop appears below the fold in white text.
I believe this design breaks down once you prepare an ingredient that then gets split for use in two or more later steps.
But now I'm thinking which kind of diagram could be used as well. Some adaption of an UML activity diagram maybe?
List it twice?
No.
Or if any of the steps requires a more complicated instruction that can't be expressed in a few words. It wouldn't break the structure of the diagram, but it wouldn't be as beautiful.
It is a fun idea though, maybe there is another format that works.
This diagram is classic "engineer developing a solution for a problem that doesn't exist in a domain they don't understand"
The diagram does have benefits. For example it shows which steps can be performed in parallel if multiple people are cooking.
Create a separate card for that ingredient, and in the main card list "add X% of "
Works for some recipes, but not all.
Also, more detailed instructions are needed. Mix for how long, till what consistency? Baking times and temps usually also say something like "... or until just brown", or "...until crispy with dark edges." Because, unlike machines with switches that do exactly the same thing each time, cooking has many variables that simple instructions don't account for.
Add an asterisk or number to reference a footnote for the steps that need more instruction. This would work really well for a lot of recipes.
It's best for recipes where you know the techniques already. These are reminders and not detailed tutorials.
Like my bread "recipe", which I don't even bother writing down anymore, is just: 1% gluten flour, 29% spelt, 70% AP, 85% water, 15% starter. Sit 90 minutes. 3% salt, 20-25% other. Stretch and fold every half hour until crackly. Split in two loaves, rise, bake at 500F w/steam tray 25 minutes, turn off oven 20 minutes.
There's a lot of unwritten stuff there, but it fits on a card.
COOKING FOR ENGINEERS!!!
I learned how to cook from this site like 20 years ago! I still use that format on my home recipe cards sometimes, but now I've just gotten so used to it all recipes look like this on my head. Great format, taters guna tate. I also
I don't know, what's a recipe without a popup video and six banners and a "jump to recipe" button that doesn't work, as well as 99 pictures of spaghetti?
If you are tired of reading of grandma's hardships in the great depression here is a trick:
Add "cooked.wiki/" (without the "") to the beginning of any recipe URL, and it will strip away everything but a column with the ingredients and a column with the recipe.
You have to make an account to store recipes, but that's totally optional.
I made an app where the the recipe is saved as a JSON file with ingredients separate from the steps. In the steps instead of saying "mix sugar and butter" if says "mix {sugar} and {butter}" and the app adds quantity there directly. I can scale the recipe and still have the quantities inside the body ("mix sugar (100g) and butter (55g)").
Nice! I thought about doing the same and then discovered https://cooklang.org/ - looks like it's a similar approach that you describe
My dyslexic brain hates this. Words and lists are better.
The hallmark of recipe design imo was modernist cuisine and the following books on pizza and bread. A lot of the recipes were obnoxious and it’s written by a notorious ex Microsoft cto that turned into a patent troll to finance his cooking nerd bullshit (morally justifiable to pirate all of the obnoxiously expensive books) but props for their recipe format

Very clear, in order of addition, scaling percentages, and in the actual book clear instructions follow which is extremely helpful in the bread one especially
This seems like it wouldn't scale well for more complex recipes, and for the given example I'd prefer a list of steps instead, e.g.
It's a neat diagram, but I'm unsure what they mean by "ignore it." This is exactly how good recipes have been designed for many many decades, minus the nifty visual cheat sheet and with better instructions. [i.e. Do you beat the eggs? How thoroughly? How do you know when it's done baking?]
I absolutely get that this might help those who are more visually based learners, but the structure of recipes already follows this pattern. This turns the written instructions into a simplified chart, and I hope more thorough written instructions are simply being elided here.
I do like it though. It would certainly make a nice visual shorthand to glance over at during prep.
You should probably mix together the dry ingredients before folding them in. So the big blank square in the bottom middle should be "mix" but I guess that ruins the cascading aesthetic and makes it more cluttered, which would've also showed the weakness of this design
Also why would you fold in the dry ingredients, maybe this is just some "lorem ipsum" recipe but unless there's a foam you're trying to keep inflated you don't really need to fold stuff in.
Oh great. Now I want to lay out all my own recipes like this.
... I have too many projects already. XD
While they were at it, they could've solved the problem with "pre-".
"There are only two states an oven can possibly exist in: heated or unheated!" - Carlin
I first saw this notation technique on a recipe card pinned to a stove from the 1850s at a preserved historical village display. I have no reason to doubt that it was the original card, or descended from it.
This is kind of a normalized process diagram to illustrate functional programming paradigms. I read this as it was posted in a programming community here on Lemmy a couple of months ago:
https://www.lihaoyi.com/post/WhatsFunctionalProgrammingAllAbout.html