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

ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱᱚᱨ

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

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

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

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

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<a href="https://designeroftheday.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/designer-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="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=sat"></script>

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/sat/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-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://designeroftheday.com/sat/" class="btn btn-danger" target="_blank" rel="noopener">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱᱚᱨ ᱯᱟᱱᱛᱮᱭᱟᱹ</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=sat"></script>

ᱵᱤᱠᱚᱞᱯ 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "ᱛᱤᱱᱟᱹᱜ ᱨᱮᱱᱟᱜ ᱢᱟᱱᱟᱣ ᱥᱨᱤᱥᱴᱤᱥᱤᱞ ᱫᱟᱨᱥᱟᱱᱤ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱᱚᱨ ᱪᱤᱛᱨᱟ",
    "url": "https://designeroftheday.com/sat/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/sat/phichor/"
}

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

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

ᱥᱯᱚᱱᱥᱚᱨᱰ

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

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

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

DesignAdage