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

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

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

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

ווי עס אַרבעט

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אָפּציע 3: JSON

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

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

גוט צו וויסן

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

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

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

DesignAdage