בחודש מאי 2023 תוכלו לגלות כמה מהתכונות המעניינות שפורסמו בדפדפני אינטרנט יציבים ובדפדפני בטא.
גרסאות יציבות של דפדפנים
החל מחודש מאי 2023, Firefox 113, Chrome 113, Chrome 114 ו-Safari 16.5 התייצבו. נבחן את המשמעות מבחינת פלטפורמת האינטרנט.
WebGPU
גרסה 113 של Chrome כוללת את WebGPU, ההמשך של ממשקי ה-API של הגרפיקה ב-WebGL וב-WebGL 2 לאינטרנט. הוא מספק תכונות מודרניות כגון מחשוב GPU, גישה נמוכה יותר בתקורה לחומרת GPU, יכולת לבצע עיבוד למספר הדפסות על קנבס ממכשיר גרפי אחד, וביצועים טובים יותר וצפויים יותר.
דומיינים של צד ראשון
דומיינים של צד ראשון (FPS) הם חלק מארגז החול לפרטיות. זו דרך לארגונים להצהיר על קשרים בין אתרים, כדי שהדפדפנים יוכלו להחליט מתי לאשר גישה מוגבלת לקובצי cookie של צד שלישי באתרים בתוך קבוצה מסוימת. השקה מדורגת של FPS התחילה ב-Chrome 113.
תכונות מדיה של CSS ועוד
לשירותי CSS, דפדפן Chrome 113 כולל את תכונות המדיה overflow-inline
ו-overflow-block
.
ותכונת המדיה update
.
כוללת גם את פונקציית ההתאמה linear()
. ניתן לקבל מידע נוסף עליה במאמר יצירת עקומות אנימציה מורכבות ב-CSS באמצעות linear()
פונקציית ההתאמה לצפייה.
תמיכה בדפדפן
- 113
- 113
- 112
- 17.2
תכונות של רמת צבע 4 של CSS
Firefox 113 כולל את הסימונים הפונקציונליים color()
, lab()
, lch()
, oklab()
, oklch()
ו-color-mix()
, וגם את המאפיין של התאמת צבע מאולצת. פירוש הדבר הוא שמרחבי הצבעים והפונקציות החדשים נתמכים עכשיו בכל שלושת המנועים העיקריים. למידע נוסף על מרחבי הצבעים והפונקציות האלה, אפשר לעיין במדריך הצבעים של CSS באיכות גבוהה.
יותר שליטה ב-:nth-child()
אפשרויות שבחרת
בגרסה 113 של Firefox אפשר גם להעביר רשימות בוררים אל :nth-child()
ואל nth-last-child()
. מידע נוסף על כך, ואפשר לראות דוגמאות בפוסט יותר שליטה על בחירות :nth-child() עם תחביר S.
תמיכה בדפדפן
- 111
- 111
- 113
- 9
ממשק API של Compressions Streams
ה-Compressions Streams API, שנתמך עכשיו בכל שלושת המנועים העיקריים בעקבות הכללה ב-Firefox 113, מאפשר דחיסה וביטול דחיסה של זרמים. המשמעות היא שאפליקציות JavaScript לא צריכות יותר ליצור חבילות של ספריית דחיסה.
קינון CSS
גרסת Safari 16.5 פתרה בעיקר בעיות, אבל נוספה גם תמיכה ב-CSS Nesting, באמצעות בורר הקינון החדש >
, שמשמש לקינון כללי סגנונות קשורים באופן שיהיה מוכר למפתחים שהשתמשו במעבדי מידע מראש:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
איזון הכותרות עם text-wrap: balance
החל מגרסה 114 של Chrome אפשר להשתמש ב-text-wrap: balance
. כך תוכלו לאזן בין הכותרות, להימנע מכך שהמילה האחרונה בשורה האחרונה תיתן לכם תוצאה נעימה וקריאה יותר. מידע נוסף זמין במאמר גלישת טקסט ב-CSS: יתרה.
CHIPS: קובצי Cookie עם חלוקה עצמאית למחיצות
כחלק מהמאמץ להוצאה משימוש של קובצי Cookie של צד שלישי, התכונה CHIPS מאפשרת להביע הסכמה לחלוקה למחיצות של קובצי Cookie של צד שלישי על ידי אתר ברמה העליונה באמצעות המאפיין החדש Partitioned
של קובצי Cookie. CHIPS זמין ב-Chrome 114.
ממשק API של Popover
עוד גרסה 114 של Chrome כוללת גם את Popover API, שמקל על בניית רכיבים ארעיים של ממשק משתמש (UI) שמוצגים מעל לכל רכיבי ממשק המשתמש האחרים של אפליקציות אינטרנט.
הרכיבים האלה כוללים רכיבים אינטראקטיביים כמו תפריטי פעולות, הצעות לרכיבי טפסים, בוחרי תוכן וממשק משתמש להוראה.
מאפיין החלון הקופץ החדש מאפשר הצגה אוטומטית של כל רכיב בשכבה העליונה. כלומר, אין יותר צורך לדאוג לגבי מיקום, ארגון אלמנטים, מיקוד או אינטראקציות עם המקלדת עבור המפתח.
מידע נוסף זמין במאמר היכרות עם ממשק ה-API של Popover.
גרסאות של דפדפן בטא
הגרסאות של דפדפן הבטא מספקות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלך לפני שכל העולם יפרסם את הגרסה הזו. גרסאות בטא חדשות הן Firefox 114, Chrome 115 ו-Safari 16.6. הגרסאות האלה מביאות לפלטפורמה תכונות נהדרות. נתוני הגרסה כוללים את כל הפרטים, ואלה רק כמה מהם.
גרסה 115 של Chrome כוללת כמה ערכים לנכס display
ב-CSS. המשמעות היא ש-display: flex
יהפוך ל-display: block flex
ו-display: block
יהפוך ל-display: block flow
. הערכים הנפרדים נשמרים כמילות מפתח מדור קודם. לאחר שבגרסה היציבה של Chrome, הערכים המרובים יהיו זמינים בכל המנועים.
בנוסף, בגרסה 115 של Chrome יש תוספים ScrollTimeline
ו-ViewTimeline
למפרט של אנימציות באינטרנט. האנימציות האלה מאפשרות אנימציות שמבוססות על גלילה באמצעות CSS ו-JavaScript.
Firefox 114 כולל את WebTransport API, עדכון מודרני ל-WebSockets, שמספק תמיכה בשידורים מרובים, בשידורים חד-כיווניים ובשידורים לא תקינים.