בחודש אוגוסט 2023 תוכלו לגלות כמה מהתכונות המעניינות שפורסמו בדפדפני אינטרנט יציבים ובדפדפני בטא.
גרסאות יציבות של דפדפנים
באוגוסט 2023 היציבו Firefox 116, Firefox 117, Safari 16.6 ו-Chrome 116. בפוסט הזה נסביר מה המשמעות מבחינת פלטפורמת האינטרנט.
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).
Firefox 117 תומך ב-CSS Nesting ובבורר הסידור הפנימי של &. כך מתאפשר להציב כלל סגנון אחד בתוך כלל סגנון אחר. כך ניתן לבצע פעולות הדדיות ב-CSS Nesting עם אזהרה, ו-Safari ו-Chrome מטמיעים גרסה ישנה יותר של המפרט, שלא אפשרה קינון סלקטורים של סוגים. ב-Firefox יושמה הגרסה החדשה של המפרט, שלא מחייבת בורר הקינון &. אפשר לראות דוגמאות לשתי הגרסאות במאמר שימוש ב-CSS Nesting.
גרסאות של דפדפן בטא
הגרסאות של דפדפן הבטא מספקות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלך לפני שכל העולם יפרסם את הגרסה הזו. גרסאות בטא חדשות הן Firefox 118 ו-Chrome 117. גרסת הבטא של Safari 17 עדיין מתבצעת. הגרסאות האלה מביאות לפלטפורמה תכונות נהדרות. נתוני הגרסה כוללים את כל הפרטים, ואלה רק כמה מהם.
אין עדיין הרבה מידע זמין לגרסת Firefox הבאה. עם זאת, ב-Chrome 117 יש כמה תכונות מלהיבות. לדוגמה, כמה תכונות CSS חדשות שמאפשרות אנימציות כניסה ויציאה.
הערך subgrid עבור grid-template-columns ו-grid-template-rows נכלל ב-Chrome 117, מה שהופך את הערך הזה לרציף של יכולת פעולה הדדית של תכונות.
כמו כן ב-Chrome 117 יש קיבוץ של מערך JavaScript באמצעות השיטות הסטטיות Object.groupBy ו-Map.groupBy.
גרסת הבטא של Safari 17 כוללת את המאפיין popover, כדי להוסיף תמיכה ב-Popover API.