تعرَّف على بعض الميزات التي أصبحت قابلة للتشغيل التفاعلي خلال عام 2022.
لقد وصلنا إلى نهاية عام آخر، وحان الوقت لاستعراض التحسينات التي أجرتها المتصفحات في حين نعمل معًا لتحسين إمكانية التشغيل التفاعلي للنظام الأساسي للويب. ويمكنك الاطّلاع على ما بدأته هذه المبادرة في مشاركتنا في آذار (مارس) من هذا العام عند إطلاق المبادرة.
أظهرت النتائج الإجمالية في نهاية العام تحسُّنًا كبيرًا على جميع المحركات.
تعرَّف في هذه المشاركة على التقدّم الذي أحرزته خلال عام 2022. بالإضافة إلى ميزات العناوين هذه، تم إدخال العديد من التحسينات البسيطة التي أجرتها جميع المحرّكات. تم إصلاح بعض المشكلات الصغيرة التي يمكن أن تسبب تناقضات بين المحركات وقد تؤدي إلى عرقلة عملية التطوير. لا شكّ في أنّ رؤية الميزات الكبيرة المتاحة على جميع المتصفّحات أمر مثير للاهتمام، ولكن قد تكون بعض المشاكل البسيطة هي التي تتسبب أحيانًا في حدوث أكبر المشاكل، كما أنّ بعض الميزات التي تم تحسينها قد تم تحسينها.
تتالي الطبقات
تتيح لك طبقات التتالي إدارة الشلال من خلال تجميع أدوات الاختيار في طبقات. وهو نوع الميزة التي لا تصبح مفيدة إلا عندما تكون متاحة في كل مكان. تدعم الآن جميع المحركات الرئيسية الطبقات المتتالية، وتعكس النتائج على مستوى جميع المتصفحات مدى إمكانية التشغيل التفاعلي لهذه الميزة، ولم يتبق سوى عدد قليل من الاختبارات لاجتيازها على متصفح Firefox.
عنصر مربع الحوار
يسمح عنصر مربع الحوار بإنشاء مربعات حوار مشروطة وغير مشروطة. هذا نمط شائع على الويب، ويمنحك استخدام هذا العنصر سهولة الاستخدام وإمكانية الوصول والتي كان عليك تطويرها واختبارها عند إنشاء المكونات الخاصة بك. في مقالة إنشاء مكوِّن مربّع حوار، يوضّح "آدم أرغيل" كيفية الاعتماد على هذا العنصر لإنشاء أنواع مختلفة من مربّعات الحوار.
الشبكة الفرعية
في بداية 2022، كان المتصفّح الوحيد الذي يتيح القيمة subgrid
للسمتَين grid-template-rows
وgrid-template-columns
هو Firefox. خلال عام 2022، حصل متصفّح Safari على الدعم، وأصبحت هذه الميزة قيد التطوير في Chrome. سيتم تطبيق الموعد النهائي في نهاية العام لإمكانية التشغيل التفاعلي، ولكن سيتم تنفيذ ذلك قريبًا.
وحدات إطار العرض
وحدات إطار العرض هي الميزة الوحيدة التي حققت 100% من اجتياز الاختبارات عبر جميع المحركات. ويشمل ذلك مفاهيم إطار العرض الصغير والكبير، والتي تراعي تغيير حجم إطار العرض على الأجهزة الجوّالة عند ظهور عناصر واجهة المستخدم في الجهاز واختفائها. ويمكنك معرفة المزيد عن هذه الوحدات في المشاركة وحدات إطار العرض الكبيرة والصغيرة والديناميكية.
التوافق مع المتصفح
- 108
- 108
- 101
- 15.4
اللون 4
تتيح مجموعة أعمال الألوان هذه لـ CSS تحديد الألوان في مجموعات ذات دقة أعلى (على سبيل المثال، Display p3 وrec2020)، بل توفّر أيضًا دوال ألوان جديدة لكل منها أدوات مساعدة فريدة للتعامل مع الألوان. مساحات الألوان الجديدة هي lch()
وoklch()
وlab()
وoklab()
وdisplay-p3
وrec2020
وa98-rgb
وprophoto-rgb
وxyz
وxyz-d50
، xzy-d65
: يمكنك تجربة هذه العلامات في إصدار Canary اليوم مع هذه العلامة مفعَّلة. تنطبق هذه التغييرات أيضًا على التدرجات، ما يسمح للمؤلفين بتحديد مسافة الألوان التي يستخدمها تدرّجاتهم. تتيح العلامة نفسها أيضًا إمكانية استخدام color-mix()
، ما يسمح لك بمزج لونين معًا في مساحة من اختيارك. توجد دالة color-mix() خلف علامة في Safari وFirefox. ألوان أكثر وألوان أفضل وتدرجات أفضل وأدوات أفضل.
إمكانية التشغيل التفاعلي لعام 2023
نأمل أن يكون بإمكانك معرفة أنّنا لا نخطط للإيقاف في نهاية عام 2022، وقد تم تنفيذ Interop 2023 بشكل جيد في مرحلة التخطيط الأولية. في العام الجديد، سنتمكن من الإعلان عن الميزات التي تم اختيارها، ونتطلع إلى عام آخر لتسهيل التطوير لاستخدام الويب.
صورة رئيسية من تصميم إيان شنايدر.