لقد اقتربنا من الربع الأخير من عام 2023، وحققنا تقدّمًا كبيرًا من جميع المتصفّحات في مجالات العمل التي يركّز عليها التشغيل التفاعلي لعام 2023. في هذه المقالة، ستطّلع على نتائج Interop 2023 حتى الآن وعلى الميزات المتاحة الآن نتيجة الجهود المبذولة هذا العام.
الحالة في كانون الثاني (يناير) 2023
في كانون الثاني (يناير) 2023، أعلنّا عن إطلاق Interop 2023 ومجالات التركيز الـ 26 التي ستعمل جميع المحرّكات على تحسينها خلال العام.
كانت النتيجة الإجمالية لإمكانية التشغيل التفاعلي للمتصفّحات التجريبية في وقت الإطلاق 62.
الحالة اعتبارًا من تشرين الأول (أكتوبر) 2023
النتيجة الإجمالية لإمكانية التشغيل التفاعلي للمتصفّحات التجريبية هي 89. إذا بدّلت إلى طريقة العرض الثابتة وألقيت نظرة على الأشياء التي تم شحنها بالفعل إلى متصفحات ثابتة، ستكون النتيجة 75 جديرة بالاحترام. وراء هذه النتيجة مجموعة كاملة من الأشياء التي تعمل الآن عبر المحركات الرئيسية. وبعضها عبارة عن إصلاحات صغيرة لإمكانية التشغيل التفاعلي، إلا أنه يضم أيضًا بعض الميزات الرئيسية.
طلبات بحث حاوية الحجم وقيم طول طلبات البحث للحاوية
في شباط (فبراير) احتفلنا بطلبات البحث عن حاويات الحجم التي تصبح قابلة للتشغيل التفاعلي. كانت هذه ميزة طال انتظارها لمطوّري الويب، وإتاحتها على جميع المحرّكات بسرعة كان بمثابة فوز كبير للنظام الأساسي للويب.
إلى جانب طلبات البحث عن حاوية الحجم، ظهرت وحدات طلبات بحث الحاوية.
يتم استخدام هذه العناصر بالطريقة نفسها التي يتم بها استخدام وحدات إطار العرض مثل vw
، ويكون الاختلاف في أنها تتعلق بالحاويات بدلاً من إطار العرض.
التوافق مع المتصفح
- 105
- 105
- 110
- 16
مساحات الألوان والدوال
وفي شهر أيار (مايو)، أصبحت المساحات اللونية Lab وLCH وOklab وOklch متوافقًا مع
المساحات اللونية. تُتيح الرموز الوظيفية في CSS lab()
وlch()
وoklab()
وoklch()
للمطوّرين طريقة لاستخدام مساحات الألوان هذه. تم أيضًا تضمين الرمزين الوظيفيين
color()
وcolor-mix()
.
يمكنك الاطّلاع على المزيد من المعلومات حول مساحات الألوان والدوال الجديدة هذه في دليل ألوان CSS عالي الدقة.
الشبكة الفرعية
ميزة الشبكة الفرعية لتنسيق شبكة CSS هي قيمة جديدة للسمتَين grid-template-columns
وgrid-template-rows
تتيح للشبكة المدمجة استخدام تعريف المسار من الشبكة الرئيسية. هذا يعني أنه يمكنك محاذاة الأشياء
المتداخلة في هيكل الشبكة.
اطّلِع على مزيد من المعلومات عن الشبكة الفرعية. لاكتشاف بعض التعقيدات التي جعلت تنفيذ الشبكة الفرعية أمرًا صعبًا، شاهد هذا الفيديو من BlinkOn 18.
سمة inert HTML
السمة الشاملة inert
في رمز HTML تعني أنّه بإمكانك الإبلاغ عن أقسام من صفحتك على أنّها غير صالحة. يؤدي ذلك إلى منع النقر والتركيز، وإخفاء العنصر ومحتواه من شجرة تسهيل الاستخدام. يكون هذا مفيدًا للمحتوى الذي يظهر خارج الشاشة مرئيًا
على سبيل المثال، وبالتالي يجب أن يكون أيضًا غير نشط لقارئات الشاشة.
وهناك المزيد
بالإضافة إلى هذه الميزات الرئيسية، تم طرح العديد من الميزات والإصلاحات الأخرى في المتصفحات هذا العام. هناك إصدارات المتصفح مرتبة لبقية العام، وسننشر ملخصًا كاملاً بمجرد وصول جميع النتائج.