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

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

בדצמבר, Firefox 108 ו-Safari 16.2 הציגו את היציבות. נבחן את המשמעות מבחינת פלטפורמת האינטרנט.

Firefox 108 תומך במאפייני height ו-width עבור הרכיב <source>, כשהוא צאצא של רכיב <picture>. המאפיינים האלה מקבלים את הגובה או הרוחב של התמונה, בפיקסלים, כמספר שלם ללא יחידה.

תמיכה בדפדפן

  • 90
  • 90
  • 108
  • 15

פונקציות CSS טריגונומטריות

Firefox תומך עכשיו גם בפונקציות טריגונומטריות ב-CSS – sin(), cos(), tan(), asin(), acos(), atan() ו-atan2().

תמיכה בדפדפן

  • 111
  • 111
  • 108
  • 15.4

מקור

תמיכה בערך הבסיס האחרון בכל שלושת המנועים

בנוסף לכמה תיקוני CSS, גרסה 16.2 של Safari 16.2 כוללת יישור last baseline לרשת CSS ולפריסת flexbox. המשמעות היא שהתכונה הזו נתמכת עכשיו בשלושת מנועי הדפדפנים הראשיים.

שירות CSS font-variant-alternates

ב-Safari הוספנו גם תמיכה בערכים נוספים למאפיין ה-CSS font-variant-alternates: הערות(value-name), Character-variant(value-name), קישוטים(value-name), styleset(value-name), sylical(value-name), swash(value-name), יחד עם הערך בשדה @font-feature-values המשויך.

תמיכה בדפדפן

  • 111
  • 111
  • 34
  • 9.1

מקור

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

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

התכונה החדשה היחידה שמופיעה ב-Safari 16.3 היא הוספה של ההוראה prefetch-src Content-Security-Policy (CSP). יש גם כמה תיקונים בגרסת הבטא הזו.

בגרסה 109 של Chrome יש תמיכה ב-MathML Core, שפה לתיאור סימנים מתמטיים שניתנים להטמעה ב-HTML וב-SVG.

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

תכונה חדשה גם ב-Chrome ב-Android היא Origin Private File System (OPFS), חלק מ-File System Access API ב-Android. זה כולל את כל הפלטפורמות של File System Access API, ללא השיטות show{OpenFile, SaveFile, Directory}Picker() והשילוב עם Drag and Drop API.

עבור CSS ב-Chrome, אנו מציעים את יחידת האורך lh. היחידה הזו שווה לערך המחושב של מאפיין גובה השורה, ברכיב שבו נעשה בו שימוש. בנוסף, המאפיין hyphenate-limit-chars מציין את מספר התווים המינימלי במילה שמוקפת במקף.

בשעת הכתיבה, וייתכן שבשל עונת החגים, נתוני הגרסה ב-Firefox לא עודכנו.

חדשות אחרות

הפוסט הזה הוא המהדורה ה-12 של סדרת הפוסטים בבלוג הזו. אנחנו מציעים לכם מבחר של דברים מעניינים שנכנסים לדפדפנים בכל חודש בשנת 2022. אני אחזור אליך ב-2023 כדי להמשיך לשתף בכל חודש את הדברים המעניינים שמגיעים לפלטפורמת האינטרנט.

הרבה מהתכונות שנוהלו בדפדפנים בשנה האחרונה, והרבה מהדברים שהוזכרו כ'תיקוני CSS', שייכים לשירות ההדדיות בשנת 2022. למידע נוסף, ניתן לקרוא את דוח סוף השנה של צוות Chrome לגבי היוזמה הזו לדפדפנים שונים, במטרה לשפר כמה מהנקודות הראשיות לבעיות ביכולת הפעולה ההדדית בפלטפורמת האינטרנט.

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

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