שפּרינג צום הויפּט אינהאַלט

דיזײַן-אידיי פֿון דעם טאָג

אײַנבעטן דיזײַן-אידיי פֿון דעם טאָג אויף אײַער וועבזײַטל

דיזײַן-אידיי פֿון דעם טאָג פֿאַרעפֿנטלעכט יעדן טאָג אַ נײַע פֿיטשער. די בילד־אַדרעס ענדערט זיך קיין מאָל נישט, אָבער דאָס בילד הינטער איר יאָ, אַזוי אַז איר לייגט צו דעם קאָד איין מאָל און אײַערע באַזוכער זעען אויטאָמאַטיש די הײַנטיקע פֿיטשער.

ווי עס אַרבעט

יעדן טאָג ווערט אַ נײַ בילד אַרויסגעגעבן אויף איין פֿעסטער אַדרעס. אײַער זײַטל לאָדט די אַדרעס, אַזוי אַז עס ווײַזט שטענדיק די אַקטועלע פֿיטשער, און אַ קליק ברענגט אײַערע באַזוכער צו דיזײַן-אידיי פֿון דעם טאָג וווּ די גאַנצע געשיכטע ווערט דערציילט.

באַפֿאָרצוגט איר אַ סקריפּט? לייגט צו איין קאָנטיינער און איין סקריפּט: דער ווידזשעט צייכנט דעם סטיל וואָס איר קלײַבט מיט data-dotd-variant (image, cta אָדער card), אין דער שפּראַך פֿון דער סקריפּט־אַדרעס ווען די שפּראַך איז פֿאַראַנען. אויב איר קענט נישט לויפֿן סקריפּטן, באַניצט די HTML ווערסיע פֿון דעם זעלבן וואַריאַנט.

וואַריאַנט A: נאָר בילד

הײַנטיקס בילד, פֿאַרלינקט צו דיזײַן-אידיי פֿון דעם טאָג. די לײַכטסטע אָפּציע.

לעבעדיקע פֿאָרויסזע

<a href="https://designideaoftheday.com/yi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="דיזײַן-אידיי פֿון דעם טאָג וואָס פּרעזענטירט אַן אינאָוואַטיוון קאָנצעפּט וואָס שטופּט קרעאַטיווע גרענעצן" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=yi"></script>

וואַריאַנט B: בילד און רוף צום טון

הײַנטיקס בילד מיט אַ רוף צום טון אונטן.

לעבעדיקע פֿאָרויסזע

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

וואַריאַנט C: Bootstrap קאַרטל

אַ Bootstrap קאַרטל מיטן בילד, דעם טיטל פֿון דער פֿיטשער, אַ קורצן אַבזאַץ און אַ רוף־צום־טון קנעפּל. אײַער זײַטל דאַרף Bootstrap.

לעבעדיקע פֿאָרויסזע

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/yi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-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://designideaoftheday.com/yi/" class="btn btn-danger" target="_blank" rel="noopener">אַנטדעקט די דיזײַן-אידיי פֿון דעם טאָג</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=yi"></script>

אָפּציע 3: JSON

פֿאַר אַנטוויקלער, אַפּס און אויטאָמאַטיזירונג. דער JSON אַנטהאַלט דעם נאָמען, די באַשרײַבונג, די בילד־אַדרעס, די לינקס און דעם דאַטום. קרײַץ־מקור אָנפֿראַגן זענען דערלויבט.

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

בײַשפּיל ענטפֿער

{
    "domain": "designideaoftheday.com",
    "name": "דיזײַן-אידיי פֿון דעם טאָג",
    "feature": "דיזײַן-אידיי פֿון דעם טאָג",
    "paragraph": "A' Design Award פּרעזענטירט יעדן טאָג אַ זייער אינאָוואַטיווע דיזײַן-אידיי אָדער אַ העכסט קרעאַטיוון קאָנצעפּט אַלס די דיזײַן-אידיי פֿון דעם טאָג, מיט אָריגינעלן טראַכטן, פּראַקטישע לייזונגען און אינספּירירנדיקע צוגאַנגען צו דיזײַן-מײַסטערשאַפֿט.",
    "description": "דיזײַן-אידיי פֿון דעם טאָג פּרעזענטירט יעדן טאָג אַ זייער אינאָוואַטיווע דיזײַן-אידיי, אַ העכסט קרעאַטיוון קאָנצעפּט, מיט אָריגינעלן טראַכטן, פּראַקטישע לייזונגען און אינספּירירנדיקע צוגאַנגען צו גלאָבאַלער דיזײַן-מײַסטערשאַפֿט, אויסגעקליבן דורך דעם העכסט פּרעסטיזשפֿולן A' Design Award and Competition.",
    "call_to_action": "אַנטדעקט די דיזײַן-אידיי פֿון דעם טאָג",
    "date": "2026-11-08",
    "language": "yi",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "דיזײַן-אידיי פֿון דעם טאָג וואָס פּרעזענטירט אַן אינאָוואַטיוון קאָנצעפּט וואָס שטופּט קרעאַטיווע גרענעצן",
    "url": "https://designideaoftheday.com/yi/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/yi/fitshern/"
}

גוט צו וויסן

  • האַלט דעם לינק אַרום דעם בילד, כּדי אײַערע באַזוכער זאָלן קענען אַנטדעקן די פֿולע פֿיטשער.
  • באַניצט שטענדיק די בילד־אַדרעס וואָס ווערט אויבן געוויזן און האַלט נישט קיין קאָפּיע, כּדי אײַער זײַטל זאָל בלײַבן אַקטועל.
  • דאָס בילד איז רעספּאָנסיוו: עס וואַקסט קיין מאָל נישט ברייטער ווי זײַן קאָנטיינער.
  • דאַרפֿט איר הילף אָדער אַ מאָסגעשנײַדערט פֿאָרמאַט? ביטע קאָנטאַקטירט אונדז.

באַצאָלטע רעקלאַמע

אַנטדעקט פּרײַז-געווינענדיקע דיזײַנען

דיזײַן-ציטאַט פֿון טאָג

דיזײַן-ציטאַט פֿון טאָג

DesignAdage