אנחנו מזמינים אתכם להכיר כמה מהתכונות המעניינות שנכנסו לדפדפני אינטרנט יציבים ובגרסת בטא במהלך יולי 2022.
גרסאות של דפדפנים יציבים
ביולי, Firefox 103 ו-Safari 15.6 הפכו ליציבים, ולכן אנחנו מעניקים יכולת פעולה הדדית בכמה תכונות נחמדות של CSS.
הנכס backdrop-filter
Firefox 103 כולל את המאפיין backdrop-filter
שמשמש להפעלת אפקטים כמו טשטוש האזור שמאחורי רכיב מסוים. עם הערך הזה ב-Firefox, הוא זמין עכשיו בכל שלושת המנועים, אבל ב-Safari נדרשת הקידומת -webkit
.
הנכס scroll-snap-stop
בנוסף, ב-Firefox הוטמע הנכס scroll-snap-stop
. המאפיין הזה מאפשר לקבוע אם רכיב גלילה עובר מעל מיקומי הצמדה אפשריים (עם ערך ברירת המחדל של normal
) או חייב להיצמד לראשון (עם הערך always
). הנכס scroll-snap-stop
נמצא עכשיו בכל שלושת מנועי הדפדפן.
גרסה 15.6 של Safari הייתה מיועדת בעיקר לפתרון בעיות, אבל כן הושקה תכונת CSS חדשה אחת עם המחלקה לכאורה :modal
. התכונה הזו נשלחה גם בגרסה 103 של Firefox. המחלקה המדומה :modal
בוחרת רכיב כשאי אפשר לקיים אינטראקציה עם כל מה שנמצא מחוץ לרכיב הזה עד שסוגרים את הרכיב. לדוגמה, רכיב dialog
נפתח באמצעות showModal()
.
גרסאות של דפדפן בטא
גרסאות בטא של דפדפן מעניקות הצצה מוקדמת לדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר עוד לפני ההשקה של הגרסה הזו.
בגלל תאריכי ההפצה ממש מחוץ לחודש, גרסת הבטא החדשה היחידה ביוני הייתה Firefox 104.
ב-Firefox 104 נכלל CSS Font שצוינו API ב-Web Workers והמאפיין animation-composition
של CSS, שמגדיר את פעולת ההרכבה שמשמשת כשמספר אנימציות משפיעות בו-זמנית על אותו מאפיין.
גם גרסת הבטא של Safari 16 שצוינה בחודש שעבר עדיין קיימת.
תכונות הבטא האלה יהיו זמינות בקרוב לדפדפנים יציבים.
חלק מסדרת האתרים החדשה