Interop 2024 ویژگی های بیشتری را به Baseline می آورد

تاریخ انتشار: 22 ژانویه 2025

همانطور که Interop 2024 به پایان خود نزدیک می شود، این پست به موفقیت آمیزترین سال این پروژه می پردازد. ما به پایان رسیدیم که همه مرورگرهای آزمایشی امتیاز 99 را گزارش کردند، در حالی که نسخه‌های پایدار آن فاصله زیادی نداشتند. این موفقیت به این معنی است که تعدادی از ویژگی‌ها اکنون به تازگی در دسترس هستند.

همه مرورگرها با امتیاز 99.
داشبورد Interop 2024 (از 22 ژانویه 2025)

ویژگی های بیشتر به Baseline

برای اینکه یک ویژگی به تازگی در دسترس باشد، باید قابلیت همکاری داشته باشد. بنابراین جای تعجب نیست که Interop 2024 به تعدادی از ویژگی ها در این خط و در Baseline 2024 کمک کرد.

املاک سفارشی ثبت شده

قانون @property و متد استاتیک CSS.registerProperty() در جولای 2024 به صورت Baseline Newly در دسترس قرار گرفت.

ویژگی font-size-adjust

ویژگی font-size-adjust CSS اندازه ظاهری متن را بدون در نظر گرفتن فونت مورد استفاده، با مقیاس بندی فونت ها به همان اندازه با توجه به یک متریک خاص، مانند x-height، حفظ می کند. این می تواند کمک کند که فونت های بازگشتی یکسان به نظر برسند. در جولای 2024 به Baseline Newly در دسترس شد.

متد requestVideoFrameCallback() برای <video>

متد requestVideoFrameCallback() برای <video> تابعی را برنامه ریزی می کند که با فریم ویدیوی بعدی اجرا می شود. این شبیه به requestAnimationFrame() است، اما برای ویدیو، و در اکتبر 2024 به تازگی در دسترس قرار گرفت.

یک ظاهر طراحی نوار پیمایش با scrollbar-width و scrollbar-gutter

ویژگی scrollbar-width CSS عرض نوار اسکرول را تعیین می کند و scrollbar-gutter فضایی را برای نوار اسکرول ذخیره می کند و از تغییرات ناخواسته چیدمان با ظاهر شدن و ناپدید شدن نوار اسکرول جلوگیری می کند. آنها به تازگی در دسامبر 2024 در دسترس هستند.

ویژگی transition-behavior

transition-behavior: allow-discrete امکان انتقال برای خواصی را که رفتار انیمیشن آنها گسسته است را می دهد. چنین ویژگی هایی را نمی توان درون یابی کرد و از مقدار شروع به ارزش پایانی در 50٪ تغییر داد. این ویژگی در اوت ۲۰۲۴ به‌تازگی در دسترس قرار گرفت.

text-wrap: balance

ویژگی text-wrap CSS نحوه شکسته شدن خطوط در متنی را که ظرف را سرریز می کند تنظیم می کند. این مختصر برای text-wrap-style و text-wrap-mode است. مقدار balance به شما امکان می دهد سرفصل های متعادل و سایر قطعات کوتاه متن ایجاد کنید. ویژگی text-wrap در مارس 2024 به صورت Baseline Newly در دسترس قرار گرفت.

پاپاور

Popover به شما امکان می دهد با استفاده از HTML یا با متد showPopover() همپوشانی ایجاد کنید. تقریباً به Baseline Newly در دسترس بود، و در واقع ما در ابتدا فکر می‌کردیم که وجود دارد، اما یک مشکل در پیاده‌سازی Safari به این معنی بود که کاملاً در Newly در دسترس در سال 2024 قرار نگرفت. خبر خوب این است که این مشکل در حال حاضر برطرف شده است. Safari Beta 18.3، بنابراین به زودی می‌توانیم Popover را به‌عنوان Baseline جدید در دسترس قرار دهیم.

رفع ویژگی های Baseline

ویژگی‌هایی در Interop 2024 گنجانده شده بود که قبلاً به عنوان Baseline New در دسترس طبقه‌بندی شده بودند، کار این بود که برخی از تفاوت‌های کوچک در پیاده‌سازی را برطرف کنیم. اینها ممکن است چیزهایی باشند که افراد بسیار کمی با آنها برخورد می کنند، اما اگر شما با آنها برخورد کنید چیزهای کوچک تفاوت بزرگی ایجاد می کنند.

تودرتو CSS

تودرتوی CSS امکان انتخابگرهای کوتاه‌تر، خواندن آسان‌تر و مدولار بودن بیشتر را با قرار دادن قوانین درون دیگران فراهم می‌کند. در دسامبر 2023 به تازگی در دسترس قرار گرفت و در Interop 2024 گنجانده شد تا برخی از مشکلات برجسته اینتراپ را برطرف کند.

Shadow DOM اعلامی

ویژگی shadowrootmode در <template> یک ریشه سایه بدون استفاده از جاوا اسکریپت ایجاد می کند. این یک جایگزین اعلامی برای متد ()attachShadow است.

Interop 2025 به زودی در راه است

پیشنهادات در حال حاضر برای Interop 2025 در حال نهایی شدن هستند، و ما هیجان زده هستیم که بر روی تمام موفقیت های خود در سال جاری ایجاد کنیم. منتظر اطلاعیه در ماه فوریه باشید تا بدانید شامل چه مواردی می شود. برای دنبال کردن مواردی که در Baseline فرود می آیند، سری ویژگی های جدید Baseline ما را در اینجا در web.dev بررسی کنید.