Nīnau o ka Lā

Hoʻokomo iā Nīnau Hoʻolālā o ka Lā ma Kāu Pūnaewele

Nīnau o ka Lā e hoʻopuka nei i mea hou i kēlā me kēia lā. ʻAʻole loli ka leka wahi o ke kiʻi, akā loli ka kiʻi ma hope, no laila hoʻokomo ʻoe i ke code hoʻokahi manawa a ʻike kāu poʻe kipa i ka mea hou o kēia lā ma ka ʻoiaʻiʻo.

Pehea e hana ai

I kēlā me kēia lā, hoʻopuka ʻia kahi kiʻi hou ma kahi leka wahi paʻa. Hoʻouka kāu ʻaoʻao i kēlā leka wahi, no laila hōʻike mau ia i ka mea hou o kēia lā, a lawe ka kaomi ʻana i kāu poʻe kipa i Nīnau o ka Lā kahi e haʻi ʻia ai ka moʻolelo piha.

Makemake i kahi script? E hoʻohui i hoʻokahi pahu a me hoʻokahi script: kaha ka widget i ke ʻano āu e koho ai me data-dotd-variant (image, cta a i ʻole card), ma ka ʻōlelo o ka leka wahi script ke loaʻa kēlā ʻōlelo. Inā ʻaʻole hiki iā ʻoe ke holo i nā script, e hoʻohana i ka mana HTML o ka ʻano like.

ʻAno A: kiʻi wale nō

Ke kiʻi o kēia lā, i hoʻopili ʻia iā Nīnau o ka Lā. Ka koho māmā loa.

Nānā mua ola

<a href="https://interviewoftheday.com/haw/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Nīnau Hoʻolālā o ka Lā e hōʻike ana i kahi kūkākūkā hohonu me ke poʻo alakaʻi o ka ʻoihana" 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=haw"></script>

ʻAno B: kiʻi a me ke kāhea hana

Ke kiʻi o kēia lā me ke kāhea hana ma lalo.

Nānā mua ola

<a href="https://interviewoftheday.com/haw/" 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="Nīnau Hoʻolālā o ka Lā e hōʻike ana i kahi kūkākūkā hohonu me ke poʻo alakaʻi o ka ʻoihana" 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">ʻImi i ka Nīnau Hoʻolālā o ka Lā</span>
</a>

<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=haw"></script>

ʻAno C: kāleka Bootstrap

He kāleka Bootstrap me ke kiʻi, ka inoa o ka mea hou, kahi pauku pōkole a me ke pihi kāhea hana. Pono kāu ʻaoʻao i Bootstrap.

Nānā mua ola

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/haw/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Nīnau Hoʻolālā o ka Lā e hōʻike ana i kahi kūkākūkā hohonu me ke poʻo alakaʻi o ka ʻoihana" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Nīnau Hoʻolālā o ka Lā</h5>
    <p class="card-text">Hōʻike ka A' Design Award i kahi nīnau i kēlā me kēia lā me kahi mea hoʻolālā kiʻekiʻe o ka honua, ʻāpana hale a i ʻole kanaka ʻoihana noʻonoʻo hou ma ke ʻano he Nīnau Hoʻolālā o ka Lā, e ʻimi ana i ko lākou moʻolelo, ʻano hoʻolālā, kaʻina noʻonoʻo hou a me nā manaʻo no ka wā e hiki mai ana o ka hoʻolālā.</p>
    <a href="https://interviewoftheday.com/haw/" class="btn btn-danger" target="_blank" rel="noopener">ʻImi i ka Nīnau Hoʻolālā o ka Lā</a>
  </div>
</div>

<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=haw"></script>

Koho 3: JSON

No nā mea hoʻomohala, nā polokalamu a me ka hana ʻoihana. Aia i loko o ka JSON ka inoa, ka wehewehe ʻana, ka leka wahi kiʻi, nā loulou a me ka lā. ʻAe ʻia nā noi cross-origin.

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

Pane hoʻohālike

{
    "domain": "interviewoftheday.com",
    "name": "Nīnau o ka Lā",
    "feature": "Nīnau Hoʻolālā o ka Lā",
    "paragraph": "Hōʻike ka A' Design Award i kahi nīnau i kēlā me kēia lā me kahi mea hoʻolālā kiʻekiʻe o ka honua, ʻāpana hale a i ʻole kanaka ʻoihana noʻonoʻo hou ma ke ʻano he Nīnau Hoʻolālā o ka Lā, e ʻimi ana i ko lākou moʻolelo, ʻano hoʻolālā, kaʻina noʻonoʻo hou a me nā manaʻo no ka wā e hiki mai ana o ka hoʻolālā.",
    "description": "Hōʻike ka Nīnau o ka Lā i nā nīnau i kēlā me kēia lā me nā mea hoʻolālā kiʻekiʻe o ka honua, nā ʻāpana hale a me nā kanaka ʻoihana noʻonoʻo hou i hoʻomaʻamaʻa ʻia e ka A' Design Award and Competition hanohano loa, e ʻimi ana i nā moʻolelo, nā ʻike ʻoihana, nā ʻano hoʻolālā, nā kaʻina noʻonoʻo hou, nā papahana a me nā manaʻo o nā mea hoʻolālā alakaʻi no ka wā e hiki mai ana o ka hoʻolālā.",
    "call_to_action": "ʻImi i ka Nīnau Hoʻolālā o ka Lā",
    "date": "2026-11-08",
    "language": "haw",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Nīnau Hoʻolālā o ka Lā e hōʻike ana i kahi kūkākūkā hohonu me ke poʻo alakaʻi o ka ʻoihana",
    "url": "https://interviewoftheday.com/haw/",
    "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/haw/hoike/"
}

Pono e ʻike

E mālama i ka loulou a puni ke kiʻi, i hiki i kāu poʻe kipa ke ʻike i ka mea hou piha.
E hoʻohana mau i ka leka wahi kiʻi i hōʻike ʻia ma luna a mai mālama i kahi kope, i mau ka hou o kāu ʻaoʻao.
He responsive ke kiʻi: ʻaʻole ia e ulu ākea ma mua o kona pahu.
Pono ke kōkua a i ʻole he ʻano kūikawā? E ʻoluʻolu e hoʻomaʻamaʻa mai iā mākou.

Kākoʻo ʻia

E ʻIke i nā Hoʻolālā i Lanakila i ka Makana