برخی از ویژگی های جالبی را که در ژوئیه 2022 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.
نسخه های مرورگر پایدار
در ماه ژوئیه، فایرفاکس 103 و سافاری 15.6 پایدار شدند و با این کار ما قابلیت همکاری در چند ویژگی CSS خوب را دریافت کردیم.
ویژگی backdrop-filter
فایرفاکس 103 شامل ویژگی backdrop-filter است که برای اعمال جلوه هایی مانند تاری در ناحیه پشت یک عنصر استفاده می شود. با این مقدار در فایرفاکس، اکنون در هر سه موتور موجود است، اگرچه سافاری به پیشوند -webkit نیاز دارد.
ویژگی scroll-snap-stop
فایرفاکس همچنین ویژگی scroll-snap-stop پیاده سازی کرد. این ویژگی به شما امکان می دهد کنترل کنید که آیا یک عنصر اسکرول از موقعیت های احتمالی snap (با مقدار پیش فرض normal ) عبور می کند یا باید به اولین (با مقدار always ) بپیچد. ویژگی scroll-snap-stop اکنون در هر سه موتور مرورگر موجود است.
Safari 15.6 نسخه ای بود که بیشتر به حل مشکلات اختصاص داشت، با این حال یک ویژگی جدید CSS را با کلاس شبه :modal ارائه کرد. این ویژگی در فایرفاکس 103 نیز ارائه شده است. شبه کلاس :modal زمانی عنصری را انتخاب می کند که هر چیزی خارج از آن عنصر نمی تواند با آن تعامل داشته باشد تا زمانی که عنصر حذف نشود. به عنوان مثال، یک عنصر dialog با showModal() باز شد.
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف‌هایی است که می‌تواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند.
با توجه به اینکه تاریخ انتشار درست خارج از ماه است، تنها نسخه بتای جدید در ماه ژوئن فایرفاکس 104 بود.
در فایرفاکس 104 ، CSS Font Loading API در Web Workers و ویژگی CSS animation-composition گنجانده شده است که عملکرد ترکیبی را تعریف می کند که وقتی چندین انیمیشن به طور همزمان روی یک ویژگی تأثیر می گذارند، استفاده می شود.
بتای Safari 16 که ماه گذشته ذکر شد نیز همچنان ادامه دارد.
این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.
بخشی از سری جدید به وب