تاريخ النشر: 22 كانون الثاني (يناير) 2025
مع اقتراب موعد انتهاء Interop 2024، نلقي نظرة في هذه المشاركة على تضاعف مشاركة مشاريعنا في Interop مقارنةً بالعام الماضي، ما يجعله عامًا قياسيًا. في النهاية، سجّلت جميع المتصفّحات التجريبية علامة 99، ولم تكن الإصدارات الثابتة متأخرة كثيرًا. ويعني هذا النجاح أنّه أصبح الآن بإمكانك استخدام عدد من الميزات في "الميزات الأساسية".

ميزات إضافية في "الخطّة الأساسية"
لكي تكون الميزة متاحة في "الميزات الأساسية" حديثًا، يجب أن تكون قابلة للتشغيل التفاعلي. ليس من المفاجئ بالتالي أنّ Interop 2024 ساعد في توفير عدد من الميزات التي تتجاوز هذا الحدّ وBaseline 2024.
الخصائص المخصّصة المسجّلة
أصبحت قاعدة @property
وطريقة CSS.registerProperty()
الثابتة أساسية
أصبحا متاحَين حديثًا في تموز (يوليو) 2024.
@property
على رقم دليل الجوّال@property
إدخال في لوحة بيانات منصة الويب@property
: متغيّرات CSS من الجيل التالي متاحة الآن في جميع المتصفّحات
سمة font-size-adjust
تحافظ سمة CSS font-size-adjust
على حجم النص الظاهر، بغض النظر عن
الخط المستخدَم، وذلك من خلال تكبير الخطوط إلى الحجم نفسه بالنسبة إلى قياس
معيّن، مثل ارتفاع الحرف x. ويمكن أن يساعد ذلك في جعل الخطوط الاحتياطية تظهر بالحجم نفسه.
وأصبح متاحًا في Baseline حديثًا في تموز (يوليو) 2024.
font-size-adjust
على رقم دليل الجوّالfont-size-adjust
إدخال في لوحة بيانات منصة الويب- أصبحت خدمة مقارنة الأسعار
font-size-adjust
متوفّرة الآن في "المستوى الأساسي"
طريقة requestVideoFrameCallback()
في <video>
تُحدِّد طريقة requestVideoFrameCallback()
لـ <video>
جدولاً زمنيًا لدالة يتم تنفيذها مع الإطار التالي من الفيديو. يشبه هذا الرمز requestAnimationFrame()
، ولكنه
مخصّص للفيديوهات، وأصبح متاحًا مؤخرًا في تشرين الأول (أكتوبر) 2024.
requestVideoFrameCallback()
على رقم دليل الجوّالrequestVideoFrameCallback()
إدخال في لوحة بيانات منصة الويب- تنفيذ عمليات فعّالة لكل إطار فيديو باستخدام
requestVideoFrameCallback()
تصميم شريط التمرير باستخدام scrollbar-width
وscrollbar-gutter
تُستخدَم سمة scrollbar-width
في CSS لضبط عرض شريط التمرير، وscrollbar-gutter
لحجز مساحة له، ما يمنع التغيُّرات غير المرغوب فيها في التنسيق عند ظهور شريط التمرير واختفائه. وأصبحت هذه الميزة متاحة في Baseline حديثًا في ديسمبر (كانون الأول) 2024.
سمة transition-behavior
يسمح إعلان CSS transition-behavior: allow-discrete
بالانتقالات لسماتهم التي يكون سلوكها المتحرك منفصلاً. لا يمكن
تضمين هذه الخصائص وتبديلها من قيمتها الأساسية إلى قيمتها النهائية بنسبة %50. أصبح
هذا الموقع متاحًا للاستخدام في "البيانات الأساسية" في آب (أغسطس) 2024.
transition-behavior
على رقم دليل الجوّالtransition-behavior
إدخال في لوحة بيانات منصة الويب- الميزة المتوفّرة الآن في "الإصدار الأساسي": إضافة حركة إلى تأثيرات الدخول
text-wrap: balance
تضبط خاصية CSS text-wrap
كيفية تقسيم الأسطر في النص الذي يتجاوز حجمه
الحاوية. وهو اختصار لـ text-wrap-style
وtext-wrap-mode
. تتيح لك قيمة
balance
إنشاء عناوين متوازنة ومقاطع قصيرة أخرى
من النص. أصبح موقع text-wrap
متاحًا للاستخدام كخط أساس جديد في آذار (مارس) 2024.
نافذة منبثقة
تتيح لك النافذة المنبثقة إنشاء تراكبات بشكل صريح باستخدام HTML أو باستخدام الطريقة
showPopover()
. كادت هذه الميزة أن تصل إلى المستوى الأساسي "الميزات الجديدة"، وكنا نعتقد في الواقع أنّها قد وصلت إليه، ولكن بسبب مشكلة في تنفيذ Safari، لم تصل إلى المستوى الأساسي "الميزات الجديدة" في عام 2024. والخبر السار هو أنّه تم حلّ المشكلة في الإصدار التجريبي الحالي من Safari 18.3، لذا سنتمكن قريبًا من الإعلان بشكل صحيح عن أنّ نوافذ المنبثقة أصبحت متاحة كخيار أساسي.
إصلاحات على ميزات "الأداء الأساسي"
كانت هناك ميزات مضمّنة في Interop 2024 تم تصنيفها سابقًا على أنّها قاعدة أساسية متاحة حديثًا، وكان العمل على إصلاح بعض الاختلافات الصغيرة في التنفيذ. قد تكون هذه المشاكل نادرة الحدوث، ولكن يمكن أن تُحدث التغييرات الصغيرة فرقًا كبيرًا إذا واجهتها.
تداخل CSS
يتيح تداخل CSS استخدام عناصر اختيار أقصر وقراءة أسهل ومزيدًا من الوحدات من خلال تداخل القواعد داخل قواعد أخرى. أصبح هذا الإصدار متاحًا للجميع في كانون الأول (ديسمبر) 2023، وتم تضمينه في Interop 2024 لحلّ بعض المشاكل العالقة في إمكانية التشغيل التفاعلي.
نموذج Shadow DOM التعريفي
تُنشئ سمة shadowrootmode
في <template>
جذرًا شبيهًا بدون
استخدام JavaScript. وهو بديل تعريفي لطريقة attachShadow()
.
ستتوفّر قريبًا Interop 2025
يتم حاليًا وضع اللمسات الأخيرة على العروض المقترَحة لـ Interop 2025، ونحن متحمّسون لتعزيز كل نجاحنا هذا العام. يُرجى الانتظار إلى شهر شباط (فبراير) لمعرفة الميزات المضمّنة. لمتابعة آخر الميزات التي يتم طرحها في Baseline، يمكنك الاطّلاع على سلسلة مقالات الميزات الجديدة المتوفّرة في Baseline على web.dev.