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

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

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

ביולי 2023, Firefox 115 ו-Chrome 115 התייצבו. בפוסט הזה נסביר מה המשמעות מבחינת פלטפורמת האינטרנט.

ערכים מרובים לנכס ה-CSS display

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

תמיכה בדפדפן

  • 115
  • 115
  • 70
  • 15

אנימציות שמבוססות על גלילה

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

תמיכה בדפדפן

  • 115
  • 115
  • x
  • x

מקור

ממשקי API של ארגז החול לפרטיות

ממשקי ה-API של הרלוונטיות והמדידה של ארגז החול לפרטיות נשלחים ב-Chrome 115. ממשקי ה-API האלה כוללים את ממשקי ה-API של Topics, Protected Audience, Attribution Reporting, Private Aggregation, Shared Storage ו-Fenced Frames.

למידע נוסף על ממשקי ה-API האלה, אפשר לעיין בהדגמות של ארגז החול לפרטיות.

הנכס animation-composition

דפדפן Firefox 115 תומך במאפיין CSS animation-composition. animation-composition ייתמך בכל שלושת המנועים העיקריים. מידע נוסף זמין במאמר איך מציינים אפקטי אנימציה מרובים בשילוב עם הרכבת אנימציה.

תמיכה בדפדפן

  • 112
  • 112
  • 115
  • 16

מקור

שיטות מערך

הגעה גם ליכולת פעולה הדדית עם Firefox 115 היא קבוצת שיטות עבור Array ו-TypedArray. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted() ו-TypedArrays.with() מחזירים מערך חדש עם רכיבים שהועתקו בצורה רדודה.

תמיכה בדפדפן

  • 110
  • 110
  • 115
  • 16

מקור

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

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

Firefox 116 תומך ב-Audio Output Devices API בכל הפלטפורמות מלבד ב-Android. ה-API הזה מאפשר לאפליקציות אינטרנט להפנות פלט אודיו לאוזניות Bluetooth, לדיבורית או למכשיר אחר שאושרו, במקום להשתמש בדפדפן או בברירת המחדל של מערכת ההפעלה.

גרסה 116 של Chrome כוללת נתיב תנועה של CSS, שמאפשר להוסיף אנימציה לכל אובייקט גרפי לאורך נתיב שצוין על ידי המפתח. כך מתאפשרת מספר אפשרויות מתקדמות של טרנספורמציה, כגון מיקום באמצעות קואורדינטות קוטביות (עם הפונקציה ray()) במקום הקואורדינטות המלבניות הסטנדרטיות המשמשות את הפונקציה translate(), או יצירת אנימציה של רכיב לאורך נתיב מוגדר. כך קל יותר להגדיר מעברים מרחביים דו-ממדיים מורכבים ויפים. אפשר לציין נתיב כך: circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() ו-url().

בנוסף, בגרסה 116 של Chrome יש את ה-Document Picture-in-Picture API. הפעולה הזו מפעילה חלון שנמצא תמיד בחלק העליון של הדף, ואפשר לאכלס אותו ברכיבי HTMLElement שרירותיים. זוהי הרחבה ל-HTMLVideoElement API הקיים שמאפשר להוסיף רק HTMLVideoElement לחלון 'תמונה בתוך תמונה' (PiP).

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