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

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

Rachel Andrew

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

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

WebGPU

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

תמיכה בדפדפן

  • 113
  • 113
  • x

מקור

דומיינים של צד ראשון

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

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

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

תמיכה בדפדפן

  • 113
  • 113
  • 66
  • 17

מקור

ותכונת המדיה update.

תמיכה בדפדפן

  • 113
  • 113
  • 102
  • 17

מקור

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

תמיכה בדפדפן

  • 113
  • 113
  • 112
  • 17.2

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

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

תמיכה בדפדפן

  • 111
  • 111
  • 113
  • 16.2

מקור

יותר שליטה ב-: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 לא צריכות יותר ליצור חבילות של ספריית דחיסה.

תמיכה בדפדפן

  • 80
  • 80
  • 113
  • 16.4

מקור

קינון CSS

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

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

תמיכה בדפדפן

  • 120
  • 120
  • 117
  • 17.2

מקור

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

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

תמיכה בדפדפן

  • 114
  • 114
  • 121
  • 17.4

מקור

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

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

ממשק API של Popover

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

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

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

מידע נוסף זמין במאמר היכרות עם ממשק ה-API של Popover.

תמיכה בדפדפן

  • 114
  • 114
  • 120
  • 17

מקור

גרסאות של דפדפן בטא

הגרסאות של דפדפן הבטא מספקות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלך לפני שכל העולם יפרסם את הגרסה הזו. גרסאות בטא חדשות הן 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, שמספק תמיכה בשידורים מרובים, בשידורים חד-כיווניים ובשידורים לא תקינים.

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