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

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

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

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

ווי עס אַרבעט

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אָפּציע 3: JSON

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

fetch("https://designoftheday.org/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": "designoftheday.org",
    "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-of-the-day/today.png",
    "image_alt": "אויסגעשטעלטער דיזײַן פֿון דעם טאָג וואָס באַווײַזט פּרעמירטע קרעאַטיווע מײַסטערשאַפֿט",
    "url": "https://designoftheday.org/yi/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/yi/fitshern/"
}

גוט צו וויסן

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

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

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

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

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

DesignAdage