toolbox/cooking-subs.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free Cooking Substitution Guide — Ingredient Replacements</title>
  <meta name="description" content="Find cooking substitutions for common ingredients. Egg replacements, dairy alternatives, flour swaps. Instant searchable guide. Free online cooking substitution chart.">
  <link rel="canonical" href="https://www.quicktools.mom/cooking-subs.html">
  <meta property="og:title" content="Cooking Substitution Guide"><meta property="og:type" content="website"><meta property="og:url" content="https://www.quicktools.mom/cooking-subs.html"><meta name="twitter:card" content="summary">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What can I use instead of eggs in baking?","acceptedAnswer":{"@type":"Answer","text":"Per egg: ¼ cup applesauce, 1 mashed banana, 3 tbsp aquafaba, or 1 tbsp ground flaxseed + 3 tbsp water (let sit 5 min)."}},{"@type":"Question","name":"What can I use instead of buttermilk?","acceptedAnswer":{"@type":"Answer","text":"1 cup milk + 1 tbsp lemon juice or white vinegar. Let sit 5 minutes until it curdles slightly."}}]}</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space</div>
    <div class="tool-header"><div class="tool-badge">🍳 Cooking</div><h1>Cooking Substitution Guide</h1><p>Find replacements for common cooking ingredients. Search instantly.</p></div>
    <div class="tool-card">
      <input type="text" id="search" placeholder="🔍 Search ingredient... (e.g., egg, butter, milk)" oninput="filter()" style="font-size:1.1rem;">
      <div style="display:flex;gap:0.3rem;margin-top:0.5rem;flex-wrap:wrap;">
        <button class="btn btn-secondary" onclick="filterCat('all')" style="font-size:0.75rem;">All</button>
        <button class="btn btn-secondary" onclick="filterCat('dairy')" style="font-size:0.75rem;">🥛 Dairy</button>
        <button class="btn btn-secondary" onclick="filterCat('baking')" style="font-size:0.75rem;">🧁 Baking</button>
        <button class="btn btn-secondary" onclick="filterCat('sauce')" style="font-size:0.75rem;">🫗 Sauces</button>
        <button class="btn btn-secondary" onclick="filterCat('spice')" style="font-size:0.75rem;">🌶️ Spices</button>
      </div>
    </div>
    <div class="tool-card" id="results"></div>
    <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About Cooking Substitution Guide</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);">This instant-search cooking substitution guide helps you find replacements for ingredients you're missing, can't eat, or want to swap for dietary reasons. Search for any ingredient — eggs, butter, milk, flour, sugar, and dozens more — and see multiple substitution options with exact amounts. Each substitution includes usage notes so you know which works best for your recipe. Categories include dairy alternatives, baking swaps, sauces and condiments, and spices. Perfect for home cooks mid-recipe, bakers adapting for allergies, vegans looking for plant-based swaps, and anyone who ran out of an ingredient. All data is built into the page — no internet connection needed after loading. Each entry is carefully curated with exact measurements and proportions, so you can substitute confidently without ruining your recipe. The search indexes both ingredient names and substitution text.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li><strong>Search</strong> — Type the ingredient you need to replace.</li>
        <li><strong>Filter by category</strong> — Dairy, baking, sauces, or spices.</li>
        <li><strong>Read the substitution</strong> — Amounts and usage notes included.</li>
        <li><strong>Use in your recipe</strong> — Swap and continue cooking!</li>
      </ol>
    </div>
    <div class="ad-zone">Ad Space</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="recipe-scaler.html"><span class="tool-icon">📋</span> Recipe Scaler</a><a href="cooking-temps.html"><span class="tool-icon">🌡️</span> Cooking Temps</a><a href="unit-converter.html"><span class="tool-icon">📏</span> Units</a><a href="macro-calculator.html"><span class="tool-icon">🥩</span> Macros</a></div></div>
    <div class="ad-zone ad-zone-bottom">Ad Space</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a></div></footer>
  </div>
  <script>
    const DB=[
      {name:'Eggs (1 egg)',cat:'baking',subs:['¼ cup unsweetened applesauce','1 mashed ripe banana','3 tbsp aquafaba (chickpea water)','1 tbsp ground flaxseed + 3 tbsp water (sit 5 min)','¼ cup silken tofu, blended','¼ cup yogurt']},
      {name:'Butter',cat:'dairy',subs:['Equal amount coconut oil','Equal amount olive oil (savory)','¾ amount applesauce (baking, reduces fat)','Equal amount avocado (baking)','Equal amount ghee']},
      {name:'Milk (1 cup)',cat:'dairy',subs:['1 cup oat milk','1 cup almond milk','1 cup soy milk','1 cup coconut milk','½ cup evaporated milk + ½ cup water']},
      {name:'Buttermilk (1 cup)',cat:'dairy',subs:['1 cup milk + 1 tbsp lemon juice (sit 5 min)','1 cup milk + 1 tbsp white vinegar (sit 5 min)','1 cup plain yogurt thinned with milk','1 cup kefir']},
      {name:'Heavy Cream',cat:'dairy',subs:['⅓ cup melted butter + ¾ cup milk','1 cup coconut cream','1 cup evaporated milk','¾ cup milk + ⅓ cup melted butter']},
      {name:'Sour Cream',cat:'dairy',subs:['Equal amount plain Greek yogurt','Equal amount cottage cheese, blended','Equal amount crème fraîche','Coconut cream + lemon juice (vegan)']},
      {name:'All-Purpose Flour (1 cup)',cat:'baking',subs:['1 cup + 2 tbsp cake flour','½ cup whole wheat + ½ cup AP flour','1 cup almond flour (gluten-free, add binding)','1 cup oat flour (blend oats)','1 cup coconut flour (use ¼ amount + extra liquid)']},
      {name:'Baking Powder (1 tsp)',cat:'baking',subs:['¼ tsp baking soda + ½ tsp cream of tartar','¼ tsp baking soda + ½ cup buttermilk','Self-rising flour (omit salt too)']},
      {name:'Brown Sugar (1 cup)',cat:'baking',subs:['1 cup white sugar + 1 tbsp molasses','1 cup coconut sugar','1 cup white sugar (texture differs)','¾ cup maple syrup (reduce liquid by 3 tbsp)']},
      {name:'Honey',cat:'baking',subs:['Equal amount maple syrup','Equal amount agave nectar','Equal amount corn syrup','¾ cup sugar + ¼ cup water']},
      {name:'Soy Sauce',cat:'sauce',subs:['Equal amount tamari (gluten-free)','Equal amount coconut aminos (lower sodium)','Equal amount Worcestershire sauce','½ amount fish sauce + water']},
      {name:'Tomato Paste',cat:'sauce',subs:['3 tbsp tomato sauce, reduced by half','Equal amount ketchup (sweeter)','Equal amount red pepper paste']},
      {name:'Wine (cooking)',cat:'sauce',subs:['Equal amount broth/stock','Equal amount grape juice + splash vinegar','Equal amount apple cider vinegar diluted','Equal amount pomegranate juice']},
      {name:'Garlic (1 clove)',cat:'spice',subs:['⅛ tsp garlic powder','½ tsp minced garlic (jar)','½ tsp garlic salt (reduce other salt)','1 tsp garlic-infused oil']},
      {name:'Fresh Herbs (1 tbsp)',cat:'spice',subs:['1 tsp dried herbs (same type)','½ tsp ground herbs']},
      {name:'Cumin',cat:'spice',subs:['Equal amount ground coriander','½ amount caraway seeds','Equal amount chili powder (has cumin in it)']},
      {name:'Vanilla Extract (1 tsp)',cat:'baking',subs:['1 tsp maple syrup','1 tsp almond extract (stronger, use less)','Seeds from ½ vanilla bean','1 tsp vanilla paste']},
      {name:'Cornstarch (1 tbsp)',cat:'baking',subs:['2 tbsp all-purpose flour','1 tbsp arrowroot powder','1 tbsp tapioca starch','1 tbsp potato starch']},
      {name:'Breadcrumbs',cat:'baking',subs:['Equal amount crushed crackers','Equal amount rolled oats','Equal amount crushed cornflakes','Equal amount almond meal']},
      {name:'Lemon Juice',cat:'sauce',subs:['Equal amount lime juice','½ amount white wine vinegar','½ amount apple cider vinegar','Equal amount orange juice (milder)']}
    ];
    let currentCat='all';
    function filter(){const q=document.getElementById('search').value.toLowerCase();render(q);}
    function filterCat(c){currentCat=c;filter();}
    function render(q=''){
      const filtered=DB.filter(i=>(currentCat==='all'||i.cat===currentCat)&&(!q||i.name.toLowerCase().includes(q)||i.subs.some(s=>s.toLowerCase().includes(q))));
      document.getElementById('results').innerHTML=filtered.length?filtered.map(i=>`<div style="margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border);"><div style="font-weight:700;font-size:1rem;margin-bottom:0.4rem;">${i.name}</div>${i.subs.map(s=>`<div style="padding:4px 0 4px 1rem;font-size:0.9rem;color:var(--text-muted);border-left:3px solid var(--accent);">✓ ${s}</div>`).join('')}</div>`).join(''):'<p style="color:var(--text-muted);text-align:center;">No matches found. Try a different ingredient.</p>';
    }
    render();
  </script>
<script src="ads.js"></script>
</body>
</html>