<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e293b;
      background: transparent;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      user-select: none;
    }

    .columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .panel {
      border-radius: 14px;
      padding: 12px 10px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      transition: box-shadow 0.2s ease;
    }

    /* Left Panel: Closed */
    .panel-closed {
      background: #fff5f5;
      border: 1.5px solid #fecdd3;
    }

    /* Right Panel: Open */
    .panel-open {
      background: #f0fdfa;
      border: 1.5px solid #99f6e4;
    }

    .panel-header {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
    }

    .panel-title {
      font-size: 15px;
      font-weight: 800;
      letter-spacing: -0.01em;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .panel-closed .panel-title {
      color: #e11d48;
    }

    .panel-open .panel-title {
      color: #0d9488;
    }

    .sound-tag {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 2px 8px;
      border-radius: 20px;
    }

    .panel-closed .sound-tag {
      background: #ffe4e6;
      color: #be123c;
    }

    .panel-open .sound-tag {
      background: #ccfbf1;
      color: #0f766e;
    }

    .word-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .word-card {
      background: #ffffff;
      border-radius: 10px;
      padding: 8px 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(0, 0, 0, 0.06);
      transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    }

    .word-card:active {
      transform: scale(0.98);
    }

    .panel-closed .word-card:hover {
      box-shadow: 0 3px 8px rgba(225, 29, 72, 0.15);
      border-color: #fda4af;
    }

    .panel-open .word-card:hover {
      box-shadow: 0 3px 8px rgba(13, 148, 136, 0.15);
      border-color: #5eead4;
    }

    .word-letters {
      font-size: 20px;
      font-weight: 800;
      letter-spacing: 1px;
      display: flex;
      align-items: center;
    }

    /* Closed syllable markup */
    .vowel-short {
      color: #1e293b;
      position: relative;
    }

    .consonant-lock {
      color: #e11d48;
      background: #ffe4e6;
      padding: 1px 4px;
      border-radius: 6px;
      margin-left: 2px;
      display: inline-flex;
      align-items: center;
      gap: 2px;
      font-size: 19px;
    }

    .consonant-lock .icon {
      font-size: 13px;
    }

    /* Open syllable markup */
    .vowel-long {
      color: #0d9488;
      background: #ccfbf1;
      padding: 1px 6px;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      gap: 2px;
    }

    .vowel-long .icon {
      font-size: 13px;
    }

    .ipa-badge {
      font-size: 14px;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 6px;
      font-family: system-ui, sans-serif;
    }

    .panel-closed .ipa-badge {
      background: #fff1f2;
      color: #e11d48;
    }

    .panel-open .ipa-badge {
      background: #f0fdfa;
      color: #0d9488;
    }

    .footer-hint {
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      margin-top: -2px;
    }

    @media (max-width: 360px) {
      body {
        padding: 8px;
        gap: 8px;
      }
      .columns {
        gap: 8px;
      }
      .panel {
        padding: 8px 6px;
      }
      .word-letters {
        font-size: 17px;
      }
      .ipa-badge {
        font-size: 13px;
        padding: 2px 5px;
      }
      .panel-title {
        font-size: 13px;
      }
    }
  </style>
</head>
<body>

  <div class="columns">
    
    <div class="panel panel-closed">
      <div class="panel-header">
        <div class="panel-title">Closed Syllable 🔒</div>
        <div class="sound-tag">Short Vowel</div>
      </div>
      <div class="word-list">
        <div class="word-card" onclick="speak('got')">
          <div class="word-letters">
            <span>G</span><span class="vowel-short">O</span><span class="consonant-lock">T<span class="icon">🔒</span></span>
          </div>
          <div class="ipa-badge">/ŏ/</div>
        </div>

        <div class="word-card" onclick="speak('bed')">
          <div class="word-letters">
            <span>B</span><span class="vowel-short">E</span><span class="consonant-lock">D<span class="icon">🔒</span></span>
          </div>
          <div class="ipa-badge">/ĕ/</div>
        </div>

        <div class="word-card" onclick="speak('hit')">
          <div class="word-letters">
            <span>H</span><span class="vowel-short">I</span><span class="consonant-lock">T<span class="icon">🔒</span></span>
          </div>
          <div class="ipa-badge">/ĭ/</div>
        </div>
      </div>
    </div>

    
    <div class="panel panel-open">
      <div class="panel-header">
        <div class="panel-title">Open Syllable 🚪</div>
        <div class="sound-tag">Long Vowel (Name)</div>
      </div>
      <div class="word-list">
        <div class="word-card" onclick="speak('go')">
          <div class="word-letters">
            <span>G</span><span class="vowel-long">O<span class="icon">📢</span></span>
          </div>
          <div class="ipa-badge">/ō/</div>
        </div>

        <div class="word-card" onclick="speak('be')">
          <div class="word-letters">
            <span>B</span><span class="vowel-long">E<span class="icon">📢</span></span>
          </div>
          <div class="ipa-badge">/ē/</div>
        </div>

        <div class="word-card" onclick="speak('hi')">
          <div class="word-letters">
            <span>H</span><span class="vowel-long">I<span class="icon">📢</span></span>
          </div>
          <div class="ipa-badge">/ī/</div>
        </div>
      </div>
    </div>
  </div>

  <div class="footer-hint">
    <span>🔊 Tap any word to listen</span>
  </div>

  <script>
    function playTone(freq) {
      try {
        const ctx = new (window.AudioContext || window.webkitAudioContext)();
        const osc = ctx.createOscillator();
        const gain = ctx.createGain();
        osc.frequency.value = freq;
        osc.connect(gain);
        gain.connect(ctx.destination);
        gain.gain.setValueAtTime(0.12, ctx.currentTime);
        gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.3);
        osc.start();
        osc.stop(ctx.currentTime + 0.3);
      } catch (e) {}
    }

    function speak(text) {
      if ('speechSynthesis' in window) {
        window.speechSynthesis.cancel();
        const utterance = new SpeechSynthesisUtterance(text);
        utterance.rate = 0.85;
        utterance.pitch = 1.05;
        window.speechSynthesis.speak(utterance);
      } else {
        playTone(440);
      }
    }
  </script>
</body>
</html>

Short and Long Vowel Sounds in Open and Closed Syllables

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      user-select: none;
      -webkit-user-select: none;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
      gap: 16px;
    }

    .word-row {
      width: 100%;
      max-width: 480px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .split-track {
      position: relative;
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 20px;
      background: #f8fafc;
      border: 1.5px dashed #cbd5e1;
      border-radius: 16px;
      padding: 10px 14px;
    }

    .scissor-cut {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
      pointer-events: none;
      z-index: 2;
    }

    .scissor-icon {
      font-size: 15px;
      line-height: 1;
      filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
    }

    .cut-line {
      width: 2px;
      height: 48px;
      border-left: 2px dashed #94a3b8;
    }

    .syllable-tile {
      flex: 1;
      min-width: 0;
      background: #ffffff;
      border: 2px solid transparent;
      border-radius: 12px;
      padding: 10px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
      transition: filter 0.2s ease, box-shadow 0.2s ease;
    }

    .syllable-tile:active {
      filter: brightness(0.95);
    }

    /* Open Syllable - Gold */
    .syllable-tile.open {
      background: #fffdf5;
      border-color: #f59e0b;
    }
    .syllable-tile.open .chunk-text {
      color: #b45309;
    }
    .syllable-tile.open .badge {
      background: #fef3c7;
      color: #92400e;
    }

    /* Closed Syllable - Blue */
    .syllable-tile.closed {
      background: #f0f9ff;
      border-color: #0284c7;
    }
    .syllable-tile.closed .chunk-text {
      color: #0369a1;
    }
    .syllable-tile.closed .badge {
      background: #e0f2fe;
      color: #075985;
    }

    .chunk-text {
      font-size: 26px;
      font-weight: 800;
      letter-spacing: 2px;
      line-height: 1.1;
      display: flex;
      align-items: center;
      gap: 2px;
    }

    .vowel-mark {
      font-size: 18px;
      font-weight: 700;
      opacity: 0.85;
    }

    .badge {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 3px 8px;
      border-radius: 20px;
      line-height: 1.2;
      white-space: nowrap;
    }

    .sound-pulse {
      box-shadow: 0 0 0 4px rgba(34, 183, 255, 0.35) !important;
    }

    .hint {
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
      display: flex;
      align-items: center;
      gap: 4px;
    }
  </style>
</head>
<body>

  
  <div class="word-row">
    <div class="split-track">
      <div class="syllable-tile open" onclick="playSyllable(this, 'RO', 'rō', 440)">
        <div class="chunk-text">RO <span class="vowel-mark">/ō/</span></div>
        <div class="badge">Open • Long</div>
      </div>

      <div class="scissor-cut">
        <div class="scissor-icon">✂️</div>
        <div class="cut-line"></div>
      </div>

      <div class="syllable-tile closed" onclick="playSyllable(this, 'BOT', 'bŏt', 330)">
        <div class="chunk-text">BOT <span class="vowel-mark">/ŏ/</span></div>
        <div class="badge">Closed • Short</div>
      </div>
    </div>
  </div>

  
  <div class="word-row">
    <div class="split-track">
      <div class="syllable-tile closed" onclick="playSyllable(this, 'RAB', 'răb', 350)">
        <div class="chunk-text">RAB <span class="vowel-mark">/ă/</span></div>
        <div class="badge">Closed • Short</div>
      </div>

      <div class="scissor-cut">
        <div class="scissor-icon">✂️</div>
        <div class="cut-line"></div>
      </div>

      <div class="syllable-tile closed" onclick="playSyllable(this, 'BIT', 'bĭt', 392)">
        <div class="chunk-text">BIT <span class="vowel-mark">/ĭ/</span></div>
        <div class="badge">Closed • Short</div>
      </div>
    </div>
  </div>

  <div class="hint">
    <span>🔊 Tap any syllable chunk</span>
  </div>

  <script>
    function playSyllable(el, wordText, phoneme, freq) {
      el.classList.add('sound-pulse');
      setTimeout(() => el.classList.remove('sound-pulse'), 350);

      // Web Audio tone chime
      try {
        const AudioCtx = window.AudioContext || window.webkitAudioContext;
        if (AudioCtx) {
          const ctx = new AudioCtx();
          const osc = ctx.createOscillator();
          const gain = ctx.createGain();
          osc.type = 'sine';
          osc.frequency.setValueAtTime(freq, ctx.currentTime);
          gain.gain.setValueAtTime(0.18, ctx.currentTime);
          gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.35);
          osc.connect(gain);
          gain.connect(ctx.destination);
          osc.start();
          osc.stop(ctx.currentTime + 0.35);
        }
      } catch (e) {}

      // Spoken chunk pronunciation
      if ('speechSynthesis' in window) {
        window.speechSynthesis.cancel();
        const utterance = new SpeechSynthesisUtterance(wordText.toLowerCase());
        utterance.rate = 0.85;
        utterance.pitch = 1.0;
        window.speechSynthesis.speak(utterance);
      }
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 16px;
      user-select: none;
    }

    .syllable-stage {
      position: relative;
      width: 100%;
      max-width: 440px;
      height: 250px;
      background: #ffffff;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border: 1px solid #e2e8f0;
    }

    /* Vowel Sound Bubble */
    .bubble {
      position: absolute;
      top: 24px;
      left: 50%;
      transform: translateX(-50%);
      background: #eff6ff;
      border: 2px solid #22b7ff;
      color: #0369a1;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 15px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.35s ease;
      white-space: nowrap;
      z-index: 10;
    }
    .bubble::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 6px 6px 0;
      border-style: solid;
      border-color: #22b7ff transparent transparent;
      display: block;
      width: 0;
    }

    .symbol {
      font-size: 20px;
      color: #0284c7;
      line-height: 1;
    }

    /* Letters track */
    .word-track {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 36px;
      width: 280px;
      height: 90px;
    }

    .tile {
      width: 64px;
      height: 80px;
      background: #f1f5f9;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      font-weight: 800;
      color: #1e2945;
      border: 2px solid #cbd5e1;
    }

    .tile.vowel {
      background: #fef9c3;
      border-color: #facc15;
      color: #854d0e;
    }

    /* Sliding Door 'T' */
    .door-wrapper {
      position: absolute;
      right: 12px;
      width: 64px;
      height: 80px;
      transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s ease;
    }

    .door {
      width: 100%;
      height: 100%;
      background: #0284c7;
      color: #ffffff;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      font-weight: 800;
      box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
      position: relative;
    }

    .door-bar {
      position: absolute;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 24px;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 2px;
    }

    /* Door state transforms */
    .open .door-wrapper {
      transform: translateX(85px);
      opacity: 0.25;
    }

    .closed .door-wrapper {
      transform: translateX(0px);
      opacity: 1;
    }

    /* Status Label */
    .status-badge {
      position: absolute;
      bottom: 12px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    /* Controls */
    .controls {
      display: flex;
      gap: 10px;
      margin-top: 16px;
      width: 100%;
      max-width: 440px;
    }

    .btn {
      flex: 1;
      padding: 12px 16px;
      font-size: 14px;
      font-weight: 700;
      border: 2px solid #e2e8f0;
      background: #ffffff;
      color: #64748b;
      border-radius: 12px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: all 0.2s ease;
    }

    .btn.active {
      background: #22b7ff;
      border-color: #22b7ff;
      color: #ffffff;
      box-shadow: 0 4px 10px rgba(34, 183, 255, 0.25);
    }
  </style>
</head>
<body>

  <div id="stage" class="syllable-stage closed">
    <div id="soundBubble" class="bubble">
      <span class="symbol">ŏ</span>
      <span>/ŏ/ as in ox</span>
    </div>

    <div class="word-track">
      <div class="tile">N</div>
      <div class="tile vowel">O</div>
      <div class="door-wrapper">
        <div class="door">
          T
          <div class="door-bar"></div>
        </div>
      </div>
    </div>

    <div id="syllableType" class="status-badge">Closed Syllable (Door Shut)</div>
  </div>

  <div class="controls">
    <button id="closedBtn" class="btn active" onclick="setClosed(true)">
      🔒 Door Shut (NOT)
    </button>
    <button id="openBtn" class="btn" onclick="setClosed(false)">
      🚪 Door Open (NO)
    </button>
  </div>

  <script>
    const stage = document.getElementById('stage');
    const bubble = document.getElementById('soundBubble');
    const statusText = document.getElementById('syllableType');
    const closedBtn = document.getElementById('closedBtn');
    const openBtn = document.getElementById('openBtn');

    function playTone(freq) {
      try {
        const ctx = new (window.AudioContext || window.webkitAudioContext)();
        const osc = ctx.createOscillator();
        const gain = ctx.createGain();
        osc.frequency.setValueAtTime(freq, ctx.currentTime);
        gain.gain.setValueAtTime(0.15, ctx.currentTime);
        gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.3);
        osc.connect(gain);
        gain.connect(ctx.destination);
        osc.start();
        osc.stop(ctx.currentTime + 0.3);
      } catch (e) {}
    }

    function setClosed(isClosed) {
      if (isClosed) {
        stage.className = 'syllable-stage closed';
        bubble.innerHTML = '<span class="symbol">ŏ</span><span>/ŏ/ as in ox</span>';
        statusText.textContent = 'Closed Syllable (Door Shut)';
        closedBtn.classList.add('active');
        openBtn.classList.remove('active');
        playTone(320);
      } else {
        stage.className = 'syllable-stage open';
        bubble.innerHTML = '<span class="symbol">ō</span><span>/ō/ as in go</span>';
        statusText.textContent = 'Open Syllable (Door Open)';
        openBtn.classList.add('active');
        closedBtn.classList.remove('active');
        playTone(480);
      }
    }
  </script>
</body>
</html>

Alfabetet på meänkieli: vokaler och konsonanter

Korta och långa vokalljud på meänkieli

Dubbelteckning av vokaler: aa, ee, ii, oo, uu, yy, åå, ää, öö

Korta och långa konsonantljud: enkla och dubbla konsonanter

Speciella ljud på meänkieli: h-ljud och inskott

Diftonger på meänkieli: uo, yö, ie och andra kombinationer

Betoning och ordaccent i meänkieli

Satsmelodi och intonation i frågor och påståenden

Stavelseindelning och ljudning av enkla ord

Ljudning och avkodning av flerstaviga ord

Fonologisk säkerhet och sammankoppling av ljud och skrift

Alfabetet, ljud och uttal på meänkieli

Alfabetets bokstäver och vokalljud på romani chib

Konsonanter och deras grundljud

Samband mellan ljud och bokstav i enkla stavelser

Specialtecken och diakritiska tecken i romsk skrift

Dubbelteckning och långa konsonantljud

Sammansatta språkljud och bokstavskombinationer

Läsa och bygga trebokstavsord

Bokstäver, ljud och ordavkodning på romani chib

Meänkielins alfabet: Bokstävernas namn och form

Vokaler på meänkieli: Korta och långa vokalljud

Vokalerna a och ä: Ljud och skrivsätt

Vokalerna o och ö: Ljud och skrivsätt

Vokalerna u och y: Ljud och skrivsätt

Konsonanterna k, p och t i början av ord

Konsonanterna s, m, n och l: Ljudande och skrivning

Bokstaven h och aspirerat ljud i meänkieli

Meänkielins alfabet och grundläggande bokstavsljud

Hearing the Difference: Long and Short A

Hearing the Difference: Long and Short E

Hearing the Difference: Long and Short I

Hearing the Difference: Long and Short O

Hearing the Difference: Long and Short U

Phonics: Hearing Long and Short Vowels

Romani chibs alfabet och vokalljud

Konsonanter och särskilda tecken i romani chib

Uttal och betoning i enkla vardagsord

Känna igen och läsa vanliga ordbilder

Läsa enkla fraser med flyt

Lässtrategier: Använda bildstöd för ordförståelse

Lässtrategier: Lista ut ord med hjälp av sammanhanget

Intonation och frasmelodi i frågor och påståenden

Romani chib: Ljud, bokstäver och grundläggande läsning

Reading Words With Vowel Digraphs: ai, ea, oa

Reading Words With Vowel Digraphs: oo, ee, ou

Less Common Long Vowel Patterns: igh, ew, ay

Consonant Clusters at the Start of Words

Consonant Clusters at the End of Words

Silent Letters in Words: k, w, b, h

Reading and Writing Compound Words

Spelling Patterns: Double Consonants

Spelling Patterns: Magic 'e' Words

Complex Word Patterns for Reading and Spelling

Dela upp ord i stavelser med klappning

Rimord och språklekar på romani chib

Läsa vanliga synord och småord

Läsa korta meningar med flyt

Skilja på stora och små bokstäver

Lyssna och skriva enkla ord (enkelt diktamen)

Språkets ljudsystem i min varietet av romani chib

Från ord till meningar: Läsflyt och skrivande på romani chib

Dubbla vokaler: aa, ee, ii, oo, uu, yy, ää och öö

Dubbla konsonanter: kk, pp, tt och mm

Diftonger i meänkieli: uo, ie och yö

Diftonger med i: ai, ei, oi och ui

Dela ord i stavelser på meänkieli

Från ljud till enkla ord: Ljuda ihop korta ord

Läsa enkla meningar med ljudenliga ord

Ljudkombinationer och tidig läsning på meänkieli

Reading Words with AI and AY

Reading Words with EA and EE

Reading Words with OA and OW

Reading Words with OO: Two Different Sounds

Breaking Apart Two-Syllable Words with Long Vowels

Phonics: Decoding Vowel Teams

Decoding Words with Common Vowel Teams: ai, ay, ee, ea, oa, and ow

Decoding Vowel Diphthongs: oi, oy, ou, and ow

Decoding Variant Vowel Digraphs: au, aw, and al

Decoding Less Common Vowel Patterns: igh, eigh, and ey

Reading Words with Silent Consonant Patterns

Decoding Consonant Clusters with Three-Consonant Blends

Contrasting Vowel Sounds in Word Pairs and Multisyllable Bases

Vowel Patterns, Teams, and Silent Consonants

Understanding Long and Short Vowel Sounds

Distinguishing Long and Short Vowels in One-Syllable Words

Distinguishing Long and Short Vowels in Multisyllabic Words

Adding Phonemes to Make New Words

Changing Phonemes to Make New Words

Removing Phonemes to Make New Words

Building Word Chains by Manipulating Phonemes

Vowel Sounds & Phoneme Manipulation

Decoding Words with Prefixes: UN, RE, and PRE

Decoding Words with Suffixes: -FUL, -LESS, -LY, and -NESS

Words That Don't Follow the Rules: Tricky Spellings

Reading Words with Silent Letters

Putting It All Together: Mixed Decoding Practice

Phonics: Prefixes, Suffixes, and Tricky Spellings

OGE.3.RF.2

OGE.3.RF.2

Aligned learning resources

Related diagrams