חדש בפלטפורמת האינטרנט במאי

תכונות מעניינות שנוספו לדפדפני אינטרנט בגרסת בטא ובגרסה יציבה במהלך מאי 2023.

במאי 2023, Firefox 113, Chrome 113, Chrome 114 ו-Safari 16.5 הפכו ליציבים. בואו נראה מה המשמעות של זה לפלטפורמת האינטרנט.

גרסה 113 של Chrome כוללת את WebGPU, הדור הבא של ממשקי ה-API לגרפיקת WebGL ו-WebGL 2 לאינטרנט. הוא מספק תכונות מודרניות כמו חישוב GPU, גישה עם פחות תקורה לחומרת GPU, יכולת ליצור רינדור בכמה משטחי קנבס ממכשיר גרפי יחיד וביצועים טובים יותר וניתנים לחיזוי.

תמיכה בדפדפנים

  • Chrome:‏ 113.
  • Edge:‏ 113.
  • Firefox Technology Preview: יש תמיכה.
  • Safari Technology Preview: יש תמיכה.

מקור

קבוצות מאינטראקציה ישירה (First-Party Sets)

קבוצות של צד ראשון (FPS) הן חלק מארגז החול לפרטיות. זוהי דרך שבה ארגונים יכולים להצהיר על קשרים בין אתרים, כדי שדפדפנים יוכלו להחליט מתי לאפשר גישה מוגבלת לקובצי cookie של צד שלישי לאתרים בתוך קבוצה. התחלנו בהשקה הדרגתית של FPS ב-Chrome 113.

תכונות מדיה של CSS ועוד

ב-CSS, גרסה 113 של Chrome כוללת את תכונות המדיה overflow-inline ו-overflow-block.

תמיכה בדפדפן

  • Chrome:‏ 113.
  • Edge:‏ 113.
  • Firefox: 66.
  • Safari: 17.

מקור

וגם את התכונה update של המדיה.

תמיכה בדפדפנים

  • Chrome:‏ 113.
  • קצה: 113.
  • Firefox: 102.
  • Safari: 17.

מקור

כלולה גם פונקציית ההתאמה linear(). מידע נוסף עליה זמין במאמר יצירת עקומות אנימציה מורכבות ב-CSS באמצעות פונקציית ההתאמה לצפייה linear().

תמיכה בדפדפנים

  • Chrome:‏ 113.
  • Edge:‏ 113.
  • Firefox: 112.
  • Safari: 17.2.

תכונות של CSS ברמת צבע 4

גרסה 113 של Firefox כוללת את הסימונים הפונקציונליים color(),‏ lab(),‏ lch(),‏ oklab(),‏ oklch() ו-color-mix(), יחד עם הנכס forced-color-adjust. המשמעות היא שמרחבי הצבעים והפונקציות החדשים נתמכים בכל שלושת המנועים העיקריים. מידע נוסף על המרחבים והפונקציות האלה זמין במדריך הצבעים של CSS ברזולוציה גבוהה.

תמיכה בדפדפנים

  • Chrome: 111.
  • Edge:‏ 111.
  • Firefox:‏ 113.
  • Safari: 16.2.

מקור

שליטה רבה יותר בבחירות של :nth-child()

ב-Firefox 113 נוספה גם היכולת להעביר רשימת סלקטורים אל :nth-child() ו-nth-last-child(). מידע נוסף על הנושא הזה ודוגמאות מפורטות זמינים במאמר שליטה רבה יותר בבחירות של ‎:nth-child() באמצעות תחביר of S.

תמיכה בדפדפנים

  • Chrome: ‏ 111.
  • Edge:‏ 111.
  • Firefox: 113.
  • Safari: 9.

ממשק API של Compressions Streams

עכשיו יש תמיכה ב-Compressions Streams API בכל שלושת המנועים העיקריים, בגלל ההכללה שלו ב-Firefox 113. ה-API מאפשר דחיסה וביטול דחיסה של סטרימינג. המשמעות היא שאפליקציות JavaScript כבר לא צריכות לקבץ ספריית דחיסה.

תמיכה בדפדפנים

  • Chrome:‏ 80.
  • קצה: 80.
  • Firefox: 113.
  • Safari: 16.4.

מקור

קישור CSS

ב-Safari 16.5 נפתרו רוב הבעיות, אבל נוספה גם תמיכה בעיצוב CSS בתצוגת עץ, עם הבורר החדש של עיצוב בתצוגת עץ >, שמשמש להטמעת כללי סגנון קשורים, באופן שיהיה מוכר למפתחים שהשתמשו במעבדי קדם:

.nesting {
 
color: hotpink;

 
> .is {
   
color: rebeccapurple;

   
> .awesome {
     
color: deeppink;
   
}
 
}
}

תמיכה בדפדפן

  • Chrome: 120.
  • Edge:‏ 120.
  • Firefox: 117.
  • Safari: 17.2.

מקור

איזון כותרות עם text-wrap: balance

החל מגרסה 114 של Chrome, אפשר להשתמש ב-text-wrap: balance. כך תוכלו לאזן את הכותרות, למנוע את הבעיה של מילה אחת בשורה האחרונה ולקבל תוצאה נעימה וקריאה יותר. מידע נוסף זמין במאמר CSS text-wrap: balance.

תמיכה בדפדפנים

  • Chrome:‏ 114.
  • קצה: 114.
  • Firefox:‏ 121.
  • Safari: 17.4.

מקור

CHIPS: קובצי Cookie עם חלוקה עצמאית למחיצות

כחלק מהעבודה שלנו להוצאה משימוש של קובצי Cookie של צד שלישי, CHIPS מאפשרת להביע הסכמה לחלוקה של קובצי Cookie של צד שלישי לפי אתר ברמה העליונה באמצעות מאפיין ה-Cookie החדש Partitioned. התכונה CHIPS זמינה ב-Chrome 114.

Popover API

ב-Chrome 114 יש גם את Popover API, שמאפשר ליצור בקלות רכיבים זמניים של ממשק משתמש (UI) שמוצגים מעל כל שאר רכיבי ממשק המשתמש של אפליקציות אינטרנט.

אלה כוללים אלמנטים אינטראקטיביים של משתמשים, כמו תפריטי פעולות, הצעות לרכיבי טפסים, בוררי תוכן וממשק משתמש להדרכה.

המאפיין החדש של חלון קופץ מאפשר להציג כל רכיב בשכבה העליונה באופן אוטומטי. המשמעות היא שהמפתחים לא צריכים יותר לדאוג לגבי מיקום, רכיבים מוערמים, מיקוד או אינטראקציות עם המקלדת.

מידע נוסף זמין במאמר הצגת חלון קופץ באמצעות popover API.

תמיכה בדפדפן

  • Chrome:‏ 114.
  • Edge: 114.
  • Firefox:‏ 120.
  • Safari: 17.

מקור

גרסאות בטא של דפדפנים

גרסאות בטא של דפדפן מעניקות הצצה מוקדמת לדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם. הגרסאות החדשות של גרסת הבטא הן Firefox 114,‏ Chrome 115 ו-Safari 16.6. הגרסאות האלה מוסיפות לפלטפורמה תכונות רבות ומועילות. ב'הערות לגרסה' מפורטים כל הפרטים, אבל ריכזנו כאן כמה נקודות עיקריות.

ב-Chrome 115 יש כמה ערכים למאפיין ה-CSS display. כלומר, הערך display: flex הופך ל-display: block flex ו-display: block הופך ל-display: block flow. הערכים היחידיים נשמרים כמילות מפתח מדור קודם, וכשהם עוברים ל-Chrome Stable, הערכים המרובים יהיו זמינים בכל המנועים.

ב-Chrome 115 יש גם את התוספים ScrollTimeline ו-ViewTimeline למפרט Web Animations. הם מאפשרים להפעיל אנימציות שמבוססות על גלילה באמצעות CSS ו-JavaScript.

Firefox 114 כולל את WebTransport API, עדכון מודרני ל-WebSockets שמספק תמיכה בשידורים מרובים, בשידורים חד-כיווניים ובמשלוחים לא תקינים.

חלק מהסדרה חדשות באינטרנט