תאריך פרסום: 2 במרץ 2026
ברוכים הבאים למהדורת ינואר 2026 של סיכום המידע על תצורת הבסיס. בכל חודש אנחנו מדגישים את התכונות של פלטפורמת האינטרנט שהגיעו לאבני דרך חדשות ב-Baseline, כדי לעזור לכם להבין אילו כלים מוכנים לשימוש בפרויקטים שלכם כבר היום.
ינואר היה חודש מרתק, שבו כמה ממשקי API משמעותיים ויחידות CSS עברו לקטגוריה 'זמינים עכשיו', ושיפור משמעותי בפריסה הפך ל'זמין באופן נרחב'.
תכונות חדשות שזמינות עכשיו
התכונות הבאות לאינטרנט הפכו לזמינות ב-Baseline בינואר 2026.
מעבר של Active View
פסאודו המחלקה :active-view-transition של CSS זמינה עכשיו ב-Baseline Newly available. הבורר הזה מאפשר למפתחים לטרגט את רכיב הבסיס של מסמך ולעצב אותו באופן ספציפי בזמן שמתבצע מעבר בין תצוגות. האפשרות הזו שימושית במיוחד להחלת סגנונות או התאמות גלובליים שצריכים להתקיים רק במהלך תקופת המעבר, כמו שינוי צבע הרקע של שכבת-העל של המעבר או התאמת ערך ה-z-index של שכבות ספציפיות כדי להבטיח זרימה חזותית חלקה.
מודולים של JavaScript בקובצי שירות (Service Workers)
קובצי שירות (service workers) תומכים עכשיו במודולים של JavaScript בכל מנועי הדפדפנים העיקריים. אם מגדירים את האפשרות type: 'module' כשקוראים ל-navigator.serviceWorker.register(), אפשר להשתמש בהצהרות רגילות של import ו-export בסקריפט של Service Worker. השינוי הזה מאפשר להשתמש ב-service workers בהתאם לשיטות פיתוח מודרניות ב-JavaScript, וליהנות מארגון קוד טוב יותר, מניהול קל יותר של יחסי תלות ומאפשרות לשתף קוד בין ה-thread הראשי לבין ה-worker ברקע.
Navigation API
ה-Navigation API הוא חלופה מודרנית שנוצרה במיוחד ל-History API מדור קודם, כדי לענות על הצרכים של אפליקציות חד-דף (SPA). הוא מספק דרך מרכזית ליזום, ליירט ולנהל את כל סוגי פעולות הניווט, כולל אלה שמופעלות על ידי הלחצנים 'הקודם' ו'הבא' בדפדפן. באמצעות אירועים כמו Maps, מפתחים יכולים להטמיע ניתוב חלק יותר בצד הלקוח עם פחות קוד boilerplate. כדי להבין לעומק איך השינוי הזה משפיע על האופן שבו אנחנו בונים אתרים, אפשר לקרוא את הפוסט הייעודי בבלוג: ניתוב מודרני בצד הלקוח: Navigation API.
rcap יחידת CSS
היחידה rcap
היא יחידת אורך יחסית לגופן הבסיסי, ששווה ל'גובה האותיות הגדולות' (הגובה הנומינלי
של האותיות הגדולות) של הגופן של רכיב הבסיס. כך אפשר ליצור פריסות טיפוגרפיות מדויקות שמשתנות בהתאם לגודל הגופן הראשי שבו נעשה שימוש באתר, ולא רק בהתאם לגודל הגופן.
rch יחידת CSS
בדומה ליחידה ch, אבל ביחס לרכיב הבסיס, היחידה rch מייצגת את הרוחב – או ליתר דיוק, את המידה המתקדמת – של הגליף '0' (אפס) בגופן של רכיב הבסיס. הוא אידיאלי ליצירת פריסות שתלויות ברוחב התווים, כמו קונטיינר שצריך להתאים בדיוק למספר מסוים של תווים בגופן הבסיסי.
rex יחידת CSS
היחידה rex
היא
גרסה יחסית לרכיב הבסיס של ex, ששווה לגובה האות x בגופן של רכיב הבסיס. היחידה הזו שימושית במיוחד ליישור אנכי ולשינוי גודל של רכיבים ביחס לגובה של אותיות קטנות בטיפוגרפיה הראשית של המסמך.
ric יחידת CSS
היחידה ric היא המקבילה ליחידה ic ביחס ליחידה הבסיסית. הערך הזה שווה לערך של המדד 'ideographic' (בדרך כלל הרוחב או הגובה של אידאוגרמה של CJK) של הגופן של רכיב הבסיס. זהו כלי חיוני למפתחים שיוצרים פריסות בינלאומיות, במיוחד אם הם משתמשים בסקריפטים סיניים, יפניים או קוריאניים.
תכונות זמינות ב-Baseline
התכונות הבאות באינטרנט הפכו לזמינות באופן נרחב ב-Baseline בינואר 2026.
מאפיין CSS display עם שני ערכים
התחביר של כמה מילות מפתח לנכס display זמין עכשיו כ-Baseline Widely. העדכון הזה מאפשר להגדיר במפורש את סוגי התצוגה 'החיצוניים' ו'הפנימיים' של תיבה. לדוגמה, במקום inline-flex, אפשר להשתמש ב-display: inline flex. השינוי הזה מבהיר אם רכיב מסוים משתתף בפריסה של בלוק או של שורה (הסוג החיצוני) ואיך רכיבי הצאצא שלו מסודרים (הסוג הפנימי, כמו flex או grid). השינוי הזה הופך את מנוע פריסת ה-CSS ליותר הגיוני ועקבי עבור מפתחים.
מאפיין ה-CSS animation-composition
המאפיין animation-composition מגדיר איך כמה אנימציות צריכות לפעול יחד כשהן משפיעות על אותו מאפיין בו-זמנית. אתם יכולים לבחור בין replace, add או accumulate, וכך לשלוט בדיוק באופן החישוב של אנימציות מורכבות עם שכבות.
מערך באמצעות העתקה
JavaScript כולל עכשיו שיטות שמאפשרות לשנות מערכים בלי לשנות את הנתונים המקוריים. שיטות כמו toReversed(), toSorted() ו-toSpliced() מחזירות עותק חדש של המערך עם שינויים, וכך מקדמות סגנון תכנות פונקציונלי ובטוח יותר.
רוצה לעזור לנו להשתפר?
כמו תמיד, אם פספסנו משהו שקשור ל-Baseline, נשמח לדעת כדי שנוכל לכלול אותו בגיליון הבא. אם יש לכם שאלות או שאתם רוצים לספק משוב על Baseline, אתם יכולים להגיש בעיה בכלי למעקב אחר בעיות.