هناك قدر كبير من الميزات على الويب. يسرد مشروع بيانات توافق المتصفح أكثر من 14000 منها! كيف نفهم كل ذلك؟

هذا سؤال لم تتم الإجابة عليه لفترة طويلة. نعم، كل مطور ويب يستخدم caiuse.com. أو يستخدمون جوجل أو ربما يسألون chatgpt. المشكلة هي أن هذه الأدوات تحتوي على إجابات لأسئلة محددة، ولكنها تفتقر إلى صورة أكبر أو روابط إلى مصدر الحقيقة.

مجموعة ويب دي إكس

ليس بعد الآن! تقوم مجموعة WebDX الآن بعمل رائع في تنظيم وتصنيف وتسمية الأشياء (← وهذا هو الجزء الصعب، كما تعلمون) حول منصة الويب. إنهم يحاولون تحسين تجربة المطور الشاملة مع الويب والمتصفحات بطريقة منسقة.

WebDX هي مجموعة مجتمع تشكل جزءًا من W3C. يمكنك رؤية ما يطبخونه في مستودعاتهم. المخرج الأكثر إثارة للاهتمام بالنسبة لي هو مستودع ميزات الويب. ما فعلوه هو تصنيف كمية هائلة من الميزات المحددة في مجموعة أكثر قابلية للفهم من الميزات ذات المستوى الأعلى.

على سبيل المثال، إحدى الميزات المتوفرة حديثًا هي ضبط الطرق. أي طريقة جديدة لمعالجة مجموعة يمكن أن تكون ميزة واحدة. ومع ذلك، فإنها تصبح أكثر فائدة إذا تم نشرها وتوثيقها كميزة واحدة عالية المستوى.

الوثائق

الجزء الآخر هو كيفية العثور على معلومات تفصيلية حول الميزة. حسنًا، هذا هو المكان الذي جاءت فيه مبادرة Open Web Docs. في حين أن MDN كانت دائمًا مرجعًا رائعًا، إلا أنه كان هناك نقص في المحتوى العملي. تحاول مجموعة Open Web Docs تغيير ذلك. إنهم يصدرون عددًا كبيرًا من البرامج التعليمية والأدلة والشروحات الجديدة لوثائق ويب MDN، بالإضافة إلى تحديثات للبيانات الأساسية - BCD (بيانات توافق المتصفح).

أحد الأمثلة هو صفحة على MDN حول الألوان النسبية. تم تعيينه بشكل واضح لميزة ويب عالية المستوى. فهو يوفر فهمًا وسياقًا أفضل بكثير حول تلك الميزة مقارنة بالصفحات المرجعية الفردية لكل ميزة لونية.

المسوحات

الشيء الجميل حقًا في الجهد المذكور أعلاه هو أنهم يريدون التعاون حقًا. إنهم يحصلون على مدخلات من الاستطلاعات مثل The State of HTML وThe State of CSS، وبعد ذلك يمكنهم استخدام نفس مجموعة الأسماء لميزات الويب لتتبع نتائج الاستطلاع المتعلقة بها.

وبالمناسبة، أثناء قيامك بملء هذه الاستبيانات، يمكنك النقر فوق الزر "إضافة إلى قائمة القراءة". سيقدم لك روابط إلى MDN حيث يمكنك معرفة المزيد حول الأشياء التي لم تكن تعرفها بالضبط.

الواقع

رائع، ولكن هل يتحسن الويب؟ الجحيم، نعم هو كذلك!

إن مبادرة سد الفجوة بين الميزات المطلوبة والتوفر الفعلي عبر المتصفحات واضحة. وهي أن مشروع Interop يضمن تنفيذ مجموعة من الميزات على أكمل وجه قدر الإمكان في جميع المتصفحات الرئيسية. هناك تكرار جديد لهذا المشروع كل عام.

يتم قياس مدى ومدى تنفيذ هذه الميزات باستخدام اختبارات منصة الويب. يتم إجراء نفس مجموعة الاختبارات على كافة المتصفحات. ولهذا السبب لدينا هذه النسب الجيدة التي تعكس الحالة الفعلية للميزات في المتصفحات.

خط الأساس

تعد اللحظة التي يتم فيها تنفيذ الميزة في جميع المتصفحات الرئيسية لحظة مهمة جدًا. وبما أننا قمنا بتجميع الميزات بشكل جيد كما هو موضح أعلاه، فإن الشيء الوحيد المفقود هو الاسم الحالي. وهنا لدينا: ميزة Baseline متاحة حديثًا عندما تكون مدعومة من قبل جميع المتصفحات الرئيسية. وتكون الميزة متاحة على نطاق واسع بعد مرور عامين ونصف منذ توفرها حديثًا.

يمكنك قراءة المزيد حول فكرة Baseline على web.dev منذ أن بدأتها Google.

لوحات المعلومات المرئية

يصبح كل شيء أكثر منطقية عندما يمكنك رؤيته بطريقة مرئية أكثر. جداول ورسوم بيانية جيدة التصميم وروابط مفيدة للموارد المتوفرة هناك...

يتم دمج هذا في بضع محاولات لإنشاء لوحات معلومات مفيدة. تحقق منها جميعًا، كل واحدة منها تمثل تناولًا مختلفًا للموضوع:

• لوحة تحكم بسيطة من الأشخاص الذين يقفون وراء مجموعة WebDX
• رسوم بيانية جميلة لاجتياز ميزة اختبارات منصة الويب حسب الميزة بواسطة فريق Google Chrome
• ومحاولتي لإنشاء نسخة أكثر تفاعلية

يمكنك استخدامها من وقت لآخر لمتابعة ما هو جديد بشكل عام أو ما هو جديد في حالة الاعتماد على نطاق واسع. وهو أيضًا مرجع جيد عند بدء مشروع جديد وتحديد مجموعة الميزات المتوفرة فعليًا والمدعومة بدرجة كافية.

مستكشف ميزات الويب يعرض المعلومات بطريقة نظيفة

يُظهر Webstatus.dev تقدمًا حقيقيًا في الميزات من حيث اختبارات منصة الويب التي تم اجتيازها في الرسوم البيانية

تسمح لوحة التحكم الخاصة بميزات منصة الويب الخاصة بي بتصفية الميزات وفرزها

المستقبل

تم مؤخرًا تنفيذ بعض الميزات في جميع المتصفحات بسرعة كبيرة. لكن بعضها قد لا يعتبر فكرة جيدة من قبل بعض صانعي المتصفحات. يمكنك العثور على معلومات تفصيلية حول ما قد يأتي أو لا يأتي على المواقع التالية:

• مواقف معايير موزيلا
• مواقف معايير فريق Webkit
• خريطة طريق ميزات Google Chrome

خاتمة

إن مشاهدة تطور منصة الويب أمر رائع. حلقة ردود الفعل آخذة في التحسن. تتحسن إمكانية التشغيل البيني في العديد من المجالات.

لقد كنت أرغب في الحصول على لوحة معلومات مفيدة تحتوي على ميزات الويب لفترة طويلة، وفجأة أصبحت البيانات ذات جودة رائعة لدرجة أنني تمكنت من إنشاء لوحة معلومات خاصة بي في بضع أمسيات.