בינואר 2022 השקנו כמה מהתכונות המעניינות שפורסמו בדפדפני אינטרנט יציבים ובדפדפני בטא.
גרסאות יציבות של דפדפנים
בינואר, Chrome 97 ו-Firefox 96 התייצבו.
Firefox 96 שלח את פונקציית הצבע hwb(). הפונקציה הזו מבטאת צבע באמצעות גוון, לבן ושחור.
גם בדפדפן Firefox 96 מופיע נכס ה-CSS color-scheme. התכונה הזו מאפשרת לציין את סכימות הצבעים שבהן ניתן לעבד את הרכיב. לדוגמה, כדי לציין שאפשר לעבד את .widget במצב הבהיר או הכהה של מערכת ההפעלה, צריך להשתמש ב-CSS הבא.
.widget {
color-scheme: light dark;
}
אם ערכת הצבעים נחיתה ב-Firefox, המשמעות היא שהנכס זמין ב-Chrome, ב-Firefox וב-Safari.
גרסאות של דפדפן בטא
הגרסאות של דפדפן הבטא מספקות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלך לפני שכל העולם יפרסם את הגרסה הזו.
גרסאות הבטא של ינואר היו Chrome 98, Firefox 97 ו-Safari 15.4 Beta 1.
ב-Chrome 98 יש תמיכה בגופנים וקטוריים עם הדרגה של צבעים COLRv1 כפורמט חדש נוסף של גופנים. גופן צבעוני מכיל גליפים עם כמה צבעים, כמו למשל אמוג'י, דגל מדינה או אות צבעונית.
מידע נוסף על פורמט הגופן החדש הזה ב-COLRv1 Color Gradient Vector Fonts ב-Chrome 98.
נכללת גם השיטה structuredClone() ליצירת עותקים עמוקים של אובייקטים, ושאילתות המדיה של CSS dynamic-range ו-video-dynamic-range. מידע על תכונות נוספות לבדיקה זמין בפוסט Chrome 98 Beta.
כלי הפיתוח ל-Chrome 98 כולל אוסף שלם של תכונות חדשות, כולל עץ הנגישות המלא החדש.
גרסת הבטא של Firefox 97 תומכת ביחידות cap ו-ic עבור length, וגם מיישמת את המאפיין scrollbar-gutter.
בגרסת הבטא של Safari 15.4 יש אוסף שלם של דברים טובים. התכונות כוללות הטמעה של פסאודו-אלמנט ::backdrop , פסאודו-סיווג :focus-visible, המאפיין הדגשה-צבע ובלימת CSS עם המאפיין contain. גרסת הבטא הזו כוללת גם את אלמנט ה-HTML <dialog>, המאפיין lazy בתמונות כדי לאפשר טעינה מדורגת, וגם תמיכה בסמלי המניפסט של אפליקציית אינטרנט.
כל תכונות הבטא האלה יגיעו בקרוב לדפדפנים יציבים.