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

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

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

ביולי, Firefox 103 ו-Safari 15.6 הפכו ליציבים, ולכן אנחנו מעניקים יכולת פעולה הדדית בכמה תכונות נחמדות של CSS.

הנכס backdrop-filter

Firefox 103 כולל את המאפיין backdrop-filter שמשמש להפעלת אפקטים כמו טשטוש האזור שמאחורי רכיב מסוים. עם הערך הזה ב-Firefox, הוא זמין עכשיו בכל שלושת המנועים, אבל ב-Safari נדרשת הקידומת -webkit.

תמיכה בדפדפן

  • 76
  • 79
  • 103
  • 18

מקור

הנכס scroll-snap-stop

בנוסף, ב-Firefox הוטמע הנכס scroll-snap-stop. המאפיין הזה מאפשר לקבוע אם רכיב גלילה עובר מעל מיקומי הצמדה אפשריים (עם ערך ברירת המחדל של normal) או חייב להיצמד לראשון (עם הערך always). הנכס scroll-snap-stop נמצא עכשיו בכל שלושת מנועי הדפדפן.

תמיכה בדפדפן

  • 75
  • 79
  • 103
  • 15

מקור

גרסה 15.6 של Safari הייתה מיועדת בעיקר לפתרון בעיות, אבל כן הושקה תכונת CSS חדשה אחת עם המחלקה לכאורה :modal. התכונה הזו נשלחה גם בגרסה 103 של Firefox. המחלקה המדומה :modal בוחרת רכיב כשאי אפשר לקיים אינטראקציה עם כל מה שנמצא מחוץ לרכיב הזה עד שסוגרים את הרכיב. לדוגמה, רכיב dialog נפתח באמצעות showModal().

תמיכה בדפדפן

  • 105
  • 105
  • 103
  • 15.6

מקור

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

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

בגלל תאריכי ההפצה ממש מחוץ לחודש, גרסת הבטא החדשה היחידה ביוני הייתה Firefox 104.

ב-Firefox 104 נכלל CSS Font שצוינו API ב-Web Workers והמאפיין animation-composition של CSS, שמגדיר את פעולת ההרכבה שמשמשת כשמספר אנימציות משפיעות בו-זמנית על אותו מאפיין.

גם גרסת הבטא של Safari 16 שצוינה בחודש שעבר עדיין קיימת.

תכונות הבטא האלה יהיו זמינות בקרוב לדפדפנים יציבים.

חלק מסדרת האתרים החדשה