חדש בפלטפורמת האינטרנט באפריל

אנחנו מזמינים אתכם להכיר כמה מהתכונות המעניינות שנוספו לדפדפני אינטרנט יציבים וגרסת בטא במהלך אפריל 2023.

גרסאות יציבות של דפדפנים

באפריל 2023, הגרסאות Firefox 112 ו-Chrome 112 הפכו ליציבות. בואו נראה מה המשמעות של זה לפלטפורמת האינטרנט.

המאפיין inert

גרסה 112 של Firefox כוללת את המאפיין הגלובלי inert. האטריבוט הזה מורה לדפדפן להתעלם מהרכיב, ומציין תוכן שאין להפעיל בו אינטראקציה. התיוג האוטומטי:

  • מניעת הפעלה של אירועי click.
  • מניעת היכולת של הרכיב לקבל את המיקוד.
  • החרגת הרכיב והתוכן שלו מעץ הנגישות.

עכשיו אפשר להשתמש במאפיין הזה בכל שלושת המנועים.

תמיכה בדפדפנים

  • Chrome: ‏ 102.
  • Edge:‏ 102.
  • Firefox: ‏ 112.
  • Safari: 15.5.

מקור

פונקציית העקומה linear()

פונקציית ההחלשה linear() מאפשרת ביצוע אינטרפולציה לינרית בין מספר נקודות. כך אפשר ליצור אנימציות מורכבות יותר, כמו אפקטים של קפיצה ואפקטים אלסטיים. הפונקציה הזו נמצאת ב-Firefox 112.

תמיכה בדפדפנים

  • Chrome:‏ 113.
  • Edge: ‏ 113.
  • Firefox: ‏ 112.
  • Safari: 17.2.

הטמעת CSS

ב-Chrome 112 נוספה תמיכה בעיצוב CSS בתצוגת עץ, תכונה שמפתחים רבים חיכו לה. בעזרת האפשרות הזו אפשר להשתמש בבורר חדש להטמעה בתוך רכיב אחר (nesting) >, שמשמשים להטמעה בתוך רכיב אחר של כללי סגנון קשורים, באופן שיהיה מוכר למפתחים שהשתמשו במעבדי קדם:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

תמיכה בדפדפנים

  • Chrome: ‏ 120.
  • Edge: ‏ 120.
  • Firefox:‏ 117.
  • Safari: 17.2.

מקור

CSS animation-composition

ב-Chrome 112 יש גם תמיכה ב-animation-composition. מידע נוסף על המאפיין הזה זמין במאמר הגדרת האופן שבו כמה אפקטים של אנימציה יתווספו באמצעות animation-composition.

תמיכה בדפדפנים

  • Chrome: ‏ 112.
  • Edge: ‏ 112.
  • Firefox: 115.
  • Safari: 16.

מקור

מצב חדש ללא ממשק משתמש חזותי

אם אתם משתמשים במצב 'דפדפן ללא GUI' של Chrome, למשל עם Puppeteer, בגרסה 112 יש מצב 'דפדפן ללא GUI' חדש לגמרי. מידע נוסף זמין במאמר שדרוג של מצב Headless ב-Chrome.

גרסאות בטא של דפדפנים

גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם. הגרסאות החדשות של גרסת הבטא הן Firefox 113 ו-Chrome 113, וגרסת הבטא של Safari 16.5 עדיין בתהליך. הגרסאות האלה מוסיפות לפלטפורמה תכונות רבות ומועילות. ב'הערות לגרסה' מפורטים כל הפרטים, אבל ריכזנו כאן כמה נקודות עיקריות.

גרסה 113 של Firefox כוללת את הפונקציות color(),‏ lab(),‏ lch(),‏ oklab() ו-oklch(). בנוסף, נכללת הפונקציה color-mix() מ-CSS Color 5, וגם הנכס forced-color-adjust.

ב-Firefox יש גם את התחביר nth-child of <selector>, שמאפשר שליטה מדויקת יותר ברכיבים שרוצים לבחור. מידע נוסף זמין במאמר בקרה רבה יותר על הבחירות של ‎ :nth-child() באמצעות תחביר of S.

ב-CSS, גרסה 113 של Chrome כוללת את תכונות המדיה overflow-inline,‏ overflow-block ו-update. נכלל גם בפונקציית העקומה linear() ובסוג image-set() ללא קידומת.

גרסה 113 של Chrome כוללת גם את WebGPU, הדור הבא של ממשקי ה-API לגרפיקת WebGL ו-WebGL 2. הוא מספק תכונות מודרניות כמו חישוב GPU, גישה עם פחות תקורה לחומרת GPU, יכולת ליצור רינדור בכמה משטחי קנבס ממכשיר גרפי יחיד וביצועים טובים יותר וניתנים לחיזוי.

חלק מהסדרה חדשות באינטרנט