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

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

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

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

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

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

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

ᱵᱤᱠᱚᱞᱯ 3: JSON

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

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

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

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

ᱥᱯᱚᱱᱥᱚᱨᱰ

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

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

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

DesignAdage