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

ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱥᱟᱦᱟᱸᱫᱟᱨᱤ

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

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

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

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

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

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

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

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

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

ᱵᱤᱠᱚᱞᱯ 3: JSON

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

fetch("https://interviewoftheday.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": "interviewoftheday.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-interview-of-the-day/today.png",
    "image_alt": "ᱥᱤᱞᱯ ᱟᱜᱣᱟ ᱥᱟᱦᱟᱸ ᱜᱷᱟᱱᱟᱹ ᱜᱟᱞᱢᱟᱨᱟᱣ ᱫᱮᱠᱷᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱥᱟᱦᱟᱸᱫᱟᱨᱤ",
    "url": "https://interviewoftheday.com/sat/",
    "feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
    "embed_url": "https://interviewoftheday.com/sat/phichor/"
}

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

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

ᱥᱯᱚᱱᱥᱚᱨᱰ

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

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

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

DesignAdage