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

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

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

בספטמבר 2024, Firefox 130, Safari 18, וגם Chrome 129 הפך ליציב. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמת האינטרנט.

אקורדיונים בלעדיים עם המאפיין name עבור <details>

ב-Firefox 130 יש תמיכה במאפיין name של האלמנט <details>. הקבוצה הזו רכיבי <details>, כאשר רק רכיב אחד בקבוצה יכול להיות פתוח בכל בזמן האימון. כך ניתן ליצור אקורדיון בלעדי בלי להשתמש ב-JavaScript.

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

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

אנימציה אוטומטית (ועוד)

ב-Chrome 129 נוספו המאפיין interpolate-size והפונקציה calc-size() של CSS.

מאפיין ה-CSS interpolate-size מאפשר להוסיף לדף אנימציות מעברים בין מילות מפתח מהותיות בנוגע לגודל ה-CSS, כמו auto, min-content fit-content, במקרים שבהם מילות המפתח האלה יכולות להכיל אנימציה.

תמיכה בדפדפן

  • Chrome:‏ 129.
  • Edge: לא נתמך.
  • Firefox: לא נתמך.
  • Safari: לא נתמך.

מקור

הפונקציה calc-size() של CSS היא פונקציית CSS שדומה ל-calc(), אבל היא תומכת גם בפעולות על מילת מפתח נתמכת אחת בדיוק בגודל מסוים. מילות המפתח הנתמכות שמידות הן auto, min-content, max-content fit-content

תמיכה בדפדפן

  • Chrome: 129.
  • קצה: 129.
  • Firefox: לא נתמך.
  • Safari: לא נתמך.

מקור

מידע נוסף זמין במאמר אנימציה לגובה: auto; (ומילות מפתח אחרות לקביעת גודל מובנה) ב-CSS.

פורמטים של משכי זמן ב-JavaScript

בנוסף, בגרסה 129 של Chrome יש את Intl.DurationFormat, שמאפשרת לעצב משכי זמן, למשל 'שעה אחת, 40 דקות, 30 שניות', ותומכת במספר אזורי זמן.

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

  • Chrome: 129.
  • קצה: 129.
  • Firefox: לא נתמך.
  • Safari: 16.4.

מקור

ממשק API של WebCodec

Web Codecs API נתמכת עכשיו ב-Firefox 130 במחשבים, למפתחים גישה ברמה נמוכה לפרימים הנפרדים של שידור וידאו של קטעי אודיו. הממשקים החדשים כוללים את: VideoEncoder,‏ VideoDecoder,‏ EncodedVideoChunk,‏ VideoFrame ו-VideoColorSpace. ה-API הזה לא ממש להפוך את Baseline ל'זמין חדש' כי הוא עדיין לא נתמך ב-Firefox Android, עם זאת, יש תמיכה ב-Firefox Nightly ל-Android.

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

  • Chrome: 94.
  • קצה: 94.
  • Firefox: 130.
  • Safari: 16.4.

מקור

שאילתות של סגנון CSS לנכסים מותאמים אישית

ב-Safari 18 יש תמיכה בכמה תכונות חדשות, כולל שאילתות סגנון CSS. שאילתות סגנון מאפשרות ליצור סגנונות לשימוש חוזר ולהחיל אותם קבוצה. לדוגמה, אם יש לכם רכיב לשימוש חוזר עם כמה וריאציות.

תמיכה בדפדפן

  • Chrome: 111.
  • קצה: 111.
  • Firefox: לא נתמך.
  • Safari: 18.

מקור

מידע נוסף על שאילתות בסגנון CSS

מעברים בין תצוגות של אותו מסמך

Safari 18 גם תומך באותם מעברים של תצוגת מסמכים עבור שירותי SPA, מאפשרות ליצור מעברים חזותיים בין מצבים שונים של האפליקציה.

תמיכה בדפדפן

  • Chrome:‏ 111.
  • Edge:‏ 111.
  • Firefox: לא נתמך.
  • Safari: 18.

מקור

מידע נוסף על אותם מעברים בין תצוגות מסמכים

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

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

Firefox 131 כולל כלי עזר חדשים של איטרטור JavaScript וגם האפשרות קובצי Cookie עם חלוקה עצמאית למחיצות (CHIPS) מופעלת עכשיו.

ב-Chrome 130 יש תמיכה ב-box-decoration-break: clone גם לפיצול בתוך שורה (פריסה של שורה) וגם לפיצול בלוקים (קטעים שנוצרים לצורך הדפסה ולצורך מספר עמודות). בנוסף, יש דיווח משופר על שגיאות ב-IndexedDB, ומאפיין connected חדש לממשק SerialPort של Web Serial.

גרסה 18.1 של Safari כוללת תיקוני באגים בתכונות קיימות.