Interop 2024 מוסיף תכונות לבסיס להשוואה

תאריך פרסום: 22 בינואר 2025

כנס Interop 2024 מתקרב לסיום, ואנחנו רוצים להשתמש בפוסט הזה כדי לסכם את השנה המוצלחת ביותר של הפרויקט. בסיום הבדיקה, כל הדפדפנים הניסיוניים דיווחו על ציון של 99, והגרסאות היציבות לא היו רחוקות מהם. בעקבות ההצלחה הזו, מספר תכונות זמינות עכשיו ב-Baseline Newly available.

כל הדפדפנים עם ציון 99.
לוח הבקרה של Interop 2024 (נכון ל-22 בינואר 2025)

עוד תכונות ל-Baseline

כדי שתכונה תהיה זמינה ב-Baseline Newly available, היא צריכה להיות בעלת יכולת פעולה הדדית. לכן, לא מפתיע ש-Interop 2024 עזר להוסיף כמה תכונות ל-Baseline 2024.

מאפיינים מותאמים אישית רשומים

הכלל @property והשיטה הסטטית CSS.registerProperty() הפכו ל-Baseline (בסיס) בחודש יולי 2024.

הנכס font-size-adjust

המאפיין font-size-adjust ב-CSS שומר על גודל הטקסט המשוער, ללא קשר לגופן שבו נעשה שימוש. לשם כך, הגופנים מותאמים לאותו גודל ביחס למדד ספציפי, כמו גובה x. כך תוכלו להבטיח שגופנים חלופיים ייראו באותו גודל. הוא הפך ל-Baseline (בסיס להשוואה) ב-2024.

השיטה requestVideoFrameCallback() עבור <video>

השיטה requestVideoFrameCallback() של <video> מתזמנת פונקציה שתופעל עם הפריים הבא של הסרטון. המדד הזה דומה ל-requestAnimationFrame(), אבל הוא מיועד לסרטונים. המדד הזה הפך לזמין באוקטובר 2024.

עיצוב של סרגל גלילה באמצעות scrollbar-width ו-scrollbar-gutter

מאפיין ה-CSS scrollbar-width מגדיר את רוחב פס ההזזה, ו-scrollbar-gutter שומר מקום לפס ההזזה, כדי למנוע שינויים לא רצויים בפריסה כשפס ההזזה מופיע ונעלם. הם הפכו ל-Baseline Newly available בדצמבר 2024.

הנכס transition-behavior

ההצהרה transition-behavior: allow-discrete ב-CSS מאפשרת מעברים למאפיינים שההתנהגות של האנימציה שלהם היא דיסקרטית. אי אפשר לבצע אינטרפולציה למאפיינים כאלה ולהחליף את ערך ההתחלה שלהם בערך הסיום ב-50%. הנכס הזה הפך לנכס Baseline Newly available באוגוסט 2024.

text-wrap: balance

מאפיין ה-CSS text-wrap קובע את אופן הפסקות השורות בטקסט שמציף את המאגר. זהו קיצור דרך ל-text-wrap-style ול-text-wrap-mode. הערך balance מאפשר ליצור כותרות מאוזנות קטעים קצרים אחרים של טקסט. הנכס text-wrap הפך לנכס Baseline Newly available במרץ 2024.

חלון קופץ

באמצעות חלון קופץ אפשר ליצור שכבות-על באופן דקלרטיבי באמצעות HTML, או באמצעות השיטה showPopover(). הוא כמעט הגיע לשלב 'זמין', ולמעשה בהתחלה חשבנו שהוא הגיע לשלב הזה, אבל בעיה בהטמעה ב-Safari מנעה ממנו להגיע לשלב 'זמין' ב-2024. החדשות הטובות הן שהבעיה נפתרה בגרסה הנוכחית של Safari Beta 18.3, כך שבקרוב נוכל להודיע באופן תקין על חלונות קופצים כתכונה חדשה שזמינה בגרסה הבסיסית.

תיקונים בתכונות של Baseline

היו תכונות שכלולות ב-Interop 2024 שכבר סווגו בתור Baseline Newly available, והעבודה הייתה לתקן כמה הבדלים קטנים בהטמעה. יכול להיות שמדובר בבעיות שרק מעטים נתקלים בהן, אבל לדברים הקטנים יש השפעה גדולה אם אתם נתקלים בהם.

הטמעת CSS

עריכת עץ ב-CSS מאפשרת ליצור סלקטורים קצרים יותר, קל יותר לקרוא אותם ויש בה יותר מודולריות, כי אפשר להוסיף כללים לתוך כללים אחרים. הוא הפך ל-Baseline Newly available בדצמבר 2023, והוא נכלל ב-Interop 2024 כדי לפתור כמה בעיות קיימות של יכולת פעולה הדדית.

Declarative Shadow DOM

המאפיין shadowrootmode ב-<template> יוצר שורש צללים בלי להשתמש ב-JavaScript. זוהי חלופה מצהירה לשיטה attachShadow().

בקרוב: Interop 2025

אנחנו משלימים את ההצעות ל-Interop 2025, ואנחנו שמחים להמשיך את ההצלחה של השנה. כדאי לעקוב אחרי ההודעה שתפורסם בפברואר כדי לבדוק מה כלול. כדי לעקוב אחרי התכונות שמתווספות ל-Baseline, כדאי לעיין בסדרה שלנו תכונות חדשות ב-Baseline כאן ב-web.dev.