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

עוד תכונות ל-Baseline
כדי שתכונה תהיה זמינה ב-Baseline Newly available, היא צריכה להיות בעלת יכולת פעולה הדדית. לכן, לא מפתיע ש-Interop 2024 עזר להוסיף כמה תכונות ל-Baseline 2024.
מאפיינים מותאמים אישית רשומים
הכלל @property
והשיטה הסטטית CSS.registerProperty()
הפכו ל-Baseline (בסיס) בחודש יולי 2024.
@property
ב-MDN- הרשומה
@property
בלוח הבקרה של פלטפורמת האינטרנט @property
: משתני CSS מדור הבא עם תמיכה בדפדפנים אוניברסליים
הנכס font-size-adjust
המאפיין font-size-adjust
ב-CSS שומר על גודל הטקסט המשוער, ללא קשר לגופן שבו נעשה שימוש. לשם כך, הגופנים מותאמים לאותו גודל ביחס למדד ספציפי, כמו גובה x. כך תוכלו להבטיח שגופנים חלופיים ייראו באותו גודל.
הוא הפך ל-Baseline (בסיס להשוואה) ב-2024.
font-size-adjust
ב-MDN- הרשומה
font-size-adjust
בלוח הבקרה של פלטפורמת האינטרנט - שירות ה-CSS
font-size-adjust
נמצא עכשיו ב-Baseline
השיטה requestVideoFrameCallback()
עבור <video>
השיטה requestVideoFrameCallback()
של <video>
מתזמנת פונקציה שתופעל עם הפריים הבא של הסרטון. המדד הזה דומה ל-requestAnimationFrame()
, אבל הוא מיועד לסרטונים. המדד הזה הפך לזמין באוקטובר 2024.
requestVideoFrameCallback()
ב-MDN- הרשומה
requestVideoFrameCallback()
בלוח הבקרה של פלטפורמת האינטרנט - ביצוע פעולות יעילות בכל פריים של סרטון באמצעות
requestVideoFrameCallback()
עיצוב של סרגל גלילה באמצעות 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.
transition-behavior
ב-MDN- הרשומה
transition-behavior
בלוח הבקרה של פלטפורמת האינטרנט - עכשיו ב-Baseline: אנימציה של אפקטים של כניסה
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.