ᱢᱩᱞ ᱠᱷᱚᱵᱚᱨ ᱨᱮ ᱪᱷᱩᱴ ᱢᱮ

ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ

ᱟᱢᱟᱜ ᱣᱮᱵᱥᱟᱭᱴ ᱨᱮ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱮᱢᱵᱮᱰ ᱢᱮ

ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱥᱮᱛᱟᱜ ᱫᱤᱱ ᱢᱤᱫ ᱱᱟᱶᱟ ᱯᱷᱤᱪᱟᱨ ᱯᱨᱚᱠᱟᱥ ᱮᱫᱟᱭ᱾ ᱪᱤᱛᱟᱹᱨ ᱨᱮᱭᱟᱜ ᱴᱷᱤᱠᱟᱱᱟ ᱡᱟᱦᱟᱱᱟᱜ ᱵᱚᱫᱚᱞ ᱠᱟ ᱵᱟᱝᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱚᱱᱟ ᱯᱤᱪᱷᱮ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ ᱵᱚᱫᱚᱞ ᱦᱩᱭᱩᱜᱟ, ᱚᱱᱟᱛᱮ ᱟᱢ ᱢᱤᱫ ᱫᱷᱟᱣ ᱠᱳᱰ ᱥᱮᱞᱮᱫ ᱠᱟᱢ ᱟᱨ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱯᱷᱤᱪᱟᱨ ᱟᱡ ᱛᱮ ᱟᱡ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱟ᱾

ᱪᱮᱫ ᱞᱮᱠᱟ ᱠᱟᱹᱢᱤᱭᱟ

ᱥᱮᱛᱟᱜ ᱫᱤᱱ ᱢᱤᱫ ᱱᱟᱶᱟ ᱪᱤᱛᱟᱹᱨ ᱢᱤᱫ ᱴᱷᱤᱠ ᱴᱷᱤᱠᱟᱱᱟ ᱨᱮ ᱯᱨᱚᱠᱟᱥ ᱦᱩᱭᱩᱜᱟ᱾ ᱟᱢᱟᱜ ᱯᱮᱡ ᱚᱱᱟ ᱴᱷᱤᱠᱟᱱᱟ ᱞᱳᱰ ᱮᱫᱟᱭ, ᱚᱱᱟᱛᱮ ᱱᱚᱶᱟ ᱥᱮᱛᱟᱜ ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱯᱷᱤᱪᱟᱨ ᱫᱮᱠᱷᱟᱣᱮᱫᱟᱭ, ᱟᱨ ᱠᱞᱤᱠ ᱠᱟᱛᱮ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱨᱮ ᱥᱮᱱ ᱫᱟᱲᱮᱭᱟᱜᱟ ᱡᱟᱦᱟᱱ ᱨᱮ ᱯᱩᱨᱟᱹ ᱠᱟᱦᱱᱤ ᱫᱚᱦᱚ ᱢᱮᱱᱟᱜᱟ᱾

ᱥᱠᱨᱤᱯᱴ ᱥᱟᱱᱟᱢ ᱠᱟᱢᱟ? ᱢᱤᱫ ᱠᱚᱱᱴᱮᱱᱟᱨ ᱟᱨ ᱢᱤᱫ ᱥᱠᱨᱤᱯᱴ ᱥᱮᱞᱮᱫ ᱢᱮ: ᱣᱤᱡᱮᱴ data-dotd-variant ᱥᱟᱶᱛᱮ ᱟᱢ ᱥᱟᱱᱟᱢ ᱟᱠᱟᱱ ᱥᱴᱟᱭᱞ ᱪᱤᱛᱟᱹᱨ ᱮᱫᱟᱭ (image, cta ᱥᱮᱫ card), ᱥᱠᱨᱤᱯᱴ ᱴᱷᱤᱠᱟᱱᱟ ᱨᱮᱭᱟᱜ ᱯᱟᱹᱨᱥᱤ ᱨᱮ ᱡᱚᱠᱷᱚᱱ ᱚᱱᱟ ᱯᱟᱹᱨᱥᱤ ᱢᱮᱱᱟᱜᱟ᱾ ᱡᱩᱫᱤ ᱟᱢ ᱥᱠᱨᱤᱯᱴ ᱪᱟᱞᱟᱣ ᱵᱟᱝ ᱫᱟᱲᱮᱭᱟᱢᱟ, ᱚᱱᱟ ᱞᱮᱠᱟ ᱣᱮᱨᱤᱭᱮᱱᱴ ᱨᱮᱭᱟᱜ HTML ᱥᱚᱝᱥᱠᱚᱨᱚᱱ ᱵᱮᱵᱷᱟᱨ ᱢᱮ᱾

ᱣᱮᱨᱤᱭᱮᱱᱴ A: ᱠᱷᱟᱞᱤ ᱪᱤᱛᱟᱹᱨ

ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ, ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱥᱟᱶᱛᱮ ᱞᱤᱝᱠ ᱟᱠᱟᱱ᱾ ᱥᱟᱶᱛᱤᱧ ᱦᱟᱹᱞᱠᱟ ᱵᱤᱠᱚᱞᱯ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<a href="https://thedesignlegend.com/sat/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ᱰᱤᱡᱟᱭᱱ ᱨᱮ ᱡᱤᱣᱚᱱ ᱵᱷᱚᱨ ᱯᱷᱟᱭᱫᱟ ᱫᱮᱠᱷᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱤᱪᱷᱮ ᱫᱮᱠᱷᱟᱣ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sat"></script>

ᱣᱮᱨᱤᱭᱮᱱᱴ B: ᱪᱤᱛᱟᱹᱨ ᱟᱨ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ

ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ ᱞᱟᱛᱟᱨ ᱨᱮ ᱢᱤᱫ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ ᱥᱟᱶᱛᱮ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<a href="https://thedesignlegend.com/sat/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ᱰᱤᱡᱟᱭᱱ ᱨᱮ ᱡᱤᱣᱚᱱ ᱵᱷᱚᱨ ᱯᱷᱟᱭᱫᱟ ᱫᱮᱠᱷᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱤᱪᱷᱮ ᱫᱮᱠᱷᱟᱣ" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
  <span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱟᱱᱛᱮᱭᱟᱹ</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sat"></script>

ᱣᱮᱨᱤᱭᱮᱱᱴ C: Bootstrap ᱠᱟᱨᱰ

ᱢᱤᱫ Bootstrap ᱠᱟᱨᱰ ᱪᱤᱛᱟᱹᱨ, ᱯᱷᱤᱪᱟᱨ ᱨᱮᱭᱟᱜ ᱱᱩᱛᱩᱢ, ᱢᱤᱫ ᱦᱩᱰᱤᱧ ᱯᱮᱨᱟ ᱟᱨ ᱢᱤᱫ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ ᱵᱚᱴᱚᱱ ᱥᱟᱶᱛᱮ᱾ ᱟᱢᱟᱜ ᱯᱮᱡ ᱨᱮ Bootstrap ᱞᱟᱹᱠᱛᱤᱭᱟ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/sat/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="ᱰᱤᱡᱟᱭᱱ ᱨᱮ ᱡᱤᱣᱚᱱ ᱵᱷᱚᱨ ᱯᱷᱟᱭᱫᱟ ᱫᱮᱠᱷᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱤᱪᱷᱮ ᱫᱮᱠᱷᱟᱣ" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ</h5>
    <p class="card-text">A' Design Award ᱢᱤᱫ ᱯᱨᱚᱵᱷᱟᱣᱥᱟᱞᱤ ᱰᱤᱡᱟᱭᱱᱚᱨ ᱥᱟᱱᱟᱢ ᱫᱩᱱᱤᱭᱟᱸ ᱫᱚᱨᱡᱟ ᱨᱮᱱᱟᱜ ᱟᱨᱠᱤᱴᱮᱠᱴ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱡᱤᱣᱚᱱ, ᱯᱨᱛᱤᱠᱟᱛᱢᱟᱠ ᱥᱨᱤᱥᱴᱤ ᱟᱨ ᱱᱟᱣᱟ ᱨᱟᱦᱟ ᱨᱮᱱᱟᱜ ᱥᱚᱪᱟᱱ ᱠᱚ ᱰᱤᱡᱟᱭᱱ ᱨᱮᱱᱟᱜ ᱤᱛᱤᱦᱟᱥ ᱟᱨ ᱵᱤᱠᱟᱥ ᱨᱩᱯ ᱮᱢᱟᱜ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱞᱮᱠᱟᱛᱮ ᱢᱟᱱᱟᱣᱟ᱾</p>
    <a href="https://thedesignlegend.com/sat/" class="btn btn-danger" target="_blank" rel="noopener">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱟᱱᱛᱮᱭᱟᱹ</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sat"></script>

ᱵᱤᱠᱚᱞᱯ 3: JSON

ᱰᱮᱵᱞᱚᱯᱟᱨ, ᱮᱯ ᱟᱨ ᱟᱴᱳᱢᱮᱥᱚᱱ ᱞᱟᱹᱜᱤᱫ᱾ JSON ᱨᱮ ᱱᱩᱛᱩᱢ, ᱵᱟᱠᱷᱟᱱ, ᱪᱤᱛᱟᱹᱨ ᱴᱷᱤᱠᱟᱱᱟ, ᱞᱤᱝᱠ ᱟᱨ ᱛᱟᱨᱤᱠ ᱢᱮᱱᱟᱜᱟ᱾ ᱠᱨᱚᱥ-ᱚᱨᱤᱡᱤᱱ ᱨᱤᱠᱩᱮᱥᱴ ᱠᱷᱩᱞᱟᱹ ᱢᱮᱱᱟᱜᱟ᱾

fetch("https://thedesignlegend.com/feature.json?lang=sat")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

ᱫᱮᱠᱷᱟᱣ ᱡᱚᱦᱟᱨ

{
    "domain": "thedesignlegend.com",
    "name": "ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ",
    "feature": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ",
    "paragraph": "A' Design Award ᱢᱤᱫ ᱯᱨᱚᱵᱷᱟᱣᱥᱟᱞᱤ ᱰᱤᱡᱟᱭᱱᱚᱨ ᱥᱟᱱᱟᱢ ᱫᱩᱱᱤᱭᱟᱸ ᱫᱚᱨᱡᱟ ᱨᱮᱱᱟᱜ ᱟᱨᱠᱤᱴᱮᱠᱴ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱡᱤᱣᱚᱱ, ᱯᱨᱛᱤᱠᱟᱛᱢᱟᱠ ᱥᱨᱤᱥᱴᱤ ᱟᱨ ᱱᱟᱣᱟ ᱨᱟᱦᱟ ᱨᱮᱱᱟᱜ ᱥᱚᱪᱟᱱ ᱠᱚ ᱰᱤᱡᱟᱭᱱ ᱨᱮᱱᱟᱜ ᱤᱛᱤᱦᱟᱥ ᱟᱨ ᱵᱤᱠᱟᱥ ᱨᱩᱯ ᱮᱢᱟᱜ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱞᱮᱠᱟᱛᱮ ᱢᱟᱱᱟᱣᱟ᱾",
    "description": "ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱨᱚᱵᱷᱟᱣᱥᱟᱞᱤ ᱰᱤᱡᱟᱭᱱᱚᱨ ᱟᱨ ᱫᱩᱱᱤᱭᱟᱸ ᱫᱚᱨᱡᱟ ᱨᱮᱱᱟᱜ ᱟᱨᱠᱤᱴᱮᱠᱴ ᱠᱚ ᱢᱟᱱᱟᱣᱟ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱡᱤᱣᱚᱱ, ᱯᱨᱛᱤᱠᱟᱛᱢᱟᱠ ᱥᱨᱤᱥᱴᱤ, ᱱᱟᱣᱟ ᱨᱟᱦᱟ ᱨᱮᱱᱟᱜ ᱥᱚᱪᱟᱱ ᱟᱨ ᱛᱤᱨᱞᱟ ᱭᱚᱜᱫᱟᱱ ᱠᱚ ᱰᱤᱡᱟᱭᱱ ᱨᱮᱱᱟᱜ ᱤᱛᱤᱦᱟᱥ ᱟᱨ ᱵᱤᱠᱟᱥ ᱨᱩᱯ ᱮᱢᱟ, ᱥᱨᱤᱥᱴᱤᱥᱤᱞ ᱢᱟᱱᱣᱟ ᱟᱨ ᱯᱷᱟᱭᱫᱟ ᱠᱚ ᱫᱮᱠᱷᱟᱣ ᱠᱟᱛᱮ ᱡᱟᱦᱟᱸ ᱵᱟᱹᱲᱛᱤ ᱢᱟᱱᱟᱣ ᱯᱟᱣᱟᱜ A' Design Award and Competition ᱫᱟᱨᱟᱭ ᱛᱮ ᱪᱤᱱᱦᱟᱹ ᱮᱢᱟ᱾",
    "call_to_action": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱟᱱᱛᱮᱭᱟᱹ",
    "date": "2026-11-08",
    "language": "sat",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "ᱰᱤᱡᱟᱭᱱ ᱨᱮ ᱡᱤᱣᱚᱱ ᱵᱷᱚᱨ ᱯᱷᱟᱭᱫᱟ ᱫᱮᱠᱷᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱞᱤᱡᱮᱱᱰ ᱯᱤᱪᱷᱮ ᱫᱮᱠᱷᱟᱣ",
    "url": "https://thedesignlegend.com/sat/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/sat/phichor/"
}

ᱵᱟᱲᱛᱤ ᱡᱟᱹᱱᱟᱣ ᱞᱟᱹᱜᱤᱫ

  • ᱪᱤᱛᱟᱹᱨ ᱨᱮᱭᱟᱜ ᱞᱤᱝᱠ ᱫᱚᱦᱚ ᱢᱮ, ᱚᱱᱟᱛᱮ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱯᱩᱨᱟᱹ ᱯᱷᱤᱪᱟᱨ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱟ᱾
  • ᱥᱮᱛᱟᱜ ᱪᱮᱛᱟᱱ ᱨᱮ ᱫᱮᱠᱷᱟᱣ ᱟᱠᱟᱱ ᱪᱤᱛᱟᱹᱨ ᱴᱷᱤᱠᱟᱱᱟ ᱵᱮᱵᱷᱟᱨ ᱢᱮ ᱟᱨ ᱠᱚᱯᱤ ᱟᱞᱚᱢ ᱫᱚᱦᱚᱭᱟ, ᱚᱱᱟᱛᱮ ᱟᱢᱟᱜ ᱯᱮᱡ ᱱᱟᱶᱟ ᱛᱟᱦᱮᱸᱱᱟ᱾
  • ᱪᱤᱛᱟᱹᱨ ᱨᱮᱥᱯᱚᱱᱥᱤᱵ ᱛᱟᱱᱟ: ᱱᱚᱶᱟ ᱡᱟᱦᱟᱱᱟᱜ ᱚᱱᱟᱨᱮᱭᱟᱜ ᱠᱚᱱᱴᱮᱱᱟᱨ ᱠᱷᱚᱱ ᱵᱟᱲᱟ ᱵᱟᱝ ᱦᱩᱭᱩᱜᱟ᱾
  • ᱜᱚᱲᱚ ᱞᱟᱹᱠᱛᱤᱭᱟ ᱥᱮᱫ ᱠᱟᱥᱴᱚᱢ ᱯᱷᱚᱨᱢᱮᱴ ᱪᱟᱦᱤᱭᱟᱢᱟ? ᱫᱟᱭᱟ ᱠᱟᱛᱮ ᱟᱞᱮ ᱥᱟᱶᱛᱮ ᱡᱚᱜᱟᱡᱚᱜ ᱢᱮ᱾

ᱥᱯᱚᱱᱥᱚᱨᱰ

ᱮᱣᱟᱨᱰ ᱡᱤᱛᱟᱣ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱧᱟᱢ ᱢᱮ

ᱫᱤᱱᱟᱹᱢ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚᱴᱮᱥᱚᱱ

ᱫᱤᱱᱟᱹᱢ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚᱴᱮᱥᱚᱱ

DesignAdage