Baseline 2024: مزيد من الأدوات لمساعدة مطوّري الويب

تاريخ النشر: 10 كانون الأول (ديسمبر) 2024

كان عام 2024 عامًا مثيرًا لمشروع Baseline. نحن على وشك إكمال مجموعة البيانات الأساسية، وقد أطلقنا أدوات مثل لوحة بيانات حالة منصة الويب وأداة حالة الأساس. بدأت مشاريع أخرى، مثل أرشيف RUM، في استخدام Baseline. تتناول هذه المشاركة مراجعة "البيانات الأساسية" لعام 2024.

ميزات الويب التي تصنّفها الخطوط الأساسية على أنّها متوافقة مع جميع المتصفحات الأساسية على كلٍّ من أجهزة الكمبيوتر المكتبي والأجهزة الجوّالة إذا كانت الميزات المستخدَمة جزءًا من Baseline، يمكنك الوثوق بمستوى توافق المتصفّح.

الشعار الجديد المتوفر مع جميع المتصفّحات الذي يشير إلى توفّر ميزة
الشعار الأساسي: شعار متوفّر حديثًا يظهر على صفحة مستوى ظهور المحتوى في MDN

لمزيد من التفاصيل حول التصنيفات المختلفة لميزة Baseline وكيفية تحويل ميزة ويب إلى Baseline، يمكنك الاطّلاع على موقع Baseline الإلكتروني أو مشاهدة فيديو إنشاء التقارير بثقة باستخدام Baseline.

مشروع Baseline في عام 2024

اكتمل web-features بنسبة% 81.

web-features هو جهد لإنشاء كتالوج مشترَك لميزات منصة الويب. يتمّ إسناد مجموعة وتعريف إلى كلّ ميزة، ويتمّ تدوين بيانات دعم Baseline في مجموعة البيانات هذه.

لقد بذلنا جهودًا كبيرة هذا العام للمضي قدمًا في هذا العمل. اعتبارًا من اليوم، تمّ ربط ‎81% من مفاتيح الميزات واستخدامها باستخدام حزمة web-features npm. web-features هو مصدر الحقيقة لحالات "الخطّة الأساسية".

لوحة البيانات الجديدة لحالة "منصّة الويب"

تقدّم لوحة بيانات "حالة منصّة الويب" إحصاءات عن تنفيذ ميزات منصّة الويب على مستوى المتصفّحات المختلفة. تستند لوحة البيانات إلى web-features بيانات، وبالتالي تحسّنت موثوقية هذه اللوحة بشكل كبير مع تقدّم العمل على ميزات الويب بشكل أكثر اكتمالاً.

يمكنك تتبُّع مستوى تقدّم ميزات معيّنة، أو الفلترة لعرض مجموعة من الميزات، مثل المقياس الأساسي لعام 2024. تكمل لوحة البيانات هذه المراجع الحالية، مثل Can I Use وبيانات التوافق في MDN، ما يقدّم نظرة أوسع على تطور منصة الويب.

لمزيد من المعلومات عن لوحة البيانات، يُرجى الاطّلاع على المقالة إعلان عن لوحة بيانات منصّة الويب. تمّت إضافة المزيد من الفلاتر منذ الإطلاق، مثل group: وsnapshot:. على سبيل المثال، سيعرض لك snapshot:ecmascript-2023 الميزات المضمّنة في ES2023.

<baseline-status> التطبيق المصغّر

يستخدم مكوّن الويب <baseline-status> أيضًا بيانات ميزات الويب، وهو جاهز الآن للاستخدام على مواقعك الإلكترونية وشرائح العرض. التثبيت من npm، ثم استخدام المكوّن في كل مرة تشير فيها إلى ميزة

تطبيق مصغّر لحالة الأساس معروض كصورة
أداة <baseline-status>

اطّلِع على مزيد من المعلومات عن استخدام مكوّن الويب "حالة الأساس".

الموقع الإلكتروني الرسمي والشعارات

تعود ملكية Baseline إلى مجموعة WebDX Community Group في W3C، وقد أنشأنا هذا العام صفحة رسمية لمشروع Baseline.

إذا كنت تستخدم Baseline في مشروعك أو تكتب عنه أو تقدّم محاضرة عنه، يمكنك إرسال طلب سحب لعرض مشروعك في صفحة Baseline في الاستخدام الفعلي.

عند استخدام Baseline في مشروعك، اطّلِع على إرشادات استخدام الاسم والشعار. تم ترخيص الشعارات لاستخدامها متى شئت لعرض حالة ميزات الويب.

وفّر مشروع Interop العديد من الميزات في Baseline حديثًا.

مشروع Interop هو جهد مشترك بين جميع المتصفّحات لتحسين إمكانية التشغيل التفاعلي للويب. يتم استهداف الميزات في هذا المشروع للتنفيذ على جميع المتصفّحات، ما يسرع من الوقت اللازم لتصبح ميزة "المستوى الأساسي" متاحة حديثًا. خلال Interop 2024، تم تضمين Declarative Shadow DOM وfont-size-adjust وrequestVideoFrameCallback وtext-wrap: balance في Baseline 2024، وهناك العديد من العناصر الأخرى التي أوشكت على اكتمالها.

إحصاءات RUM

كانت صفحة "إحصاءات أرشيف مراقبة المستخدمين في الوقت الفعلي" هي أول أداة تم دمج Baseline فيها. يمكنك الاطّلاع على عدد المستخدِمين المدرَجين في كلّ عام أساسي استنادًا إلى بياناتهم. يمكن أن يساعدك ذلك في اختيار عام أساسي لمشروعك بدلاً من استخدام "البيانات الأساسية المتاحة على نطاق واسع".

اطّلِع على دمج قاعدة بيانات قياس الأداء الأساسي مع أرشيف مراقبة المستخدمين على الويب للحصول على مزيد من المعلومات.

سلسلة فيديوهات This Is Baseline

نقدّم لك سلسلة فيديوهات بعنوان #thisisbaseline لشرح الميزات الجديدة المتوفّرة في "الميزات الأساسية" بشكل موجز وسريع. يمكنك التعرّف على طرق ضبط جديدة وScreen Wake Lock API وشبكة فرعية في CSS وغير ذلك في أقل من 60 ثانية.

يمكنك الاطّلاع على كل فيديوهات This Is Baseline هنا.

تفضَّل بزيارتنا للتحدث معنا.

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

يمكنك الاطّلاع على عرض راحيل من FITC Web Unleashed في تشرين الأول (أكتوبر)، وجلسة "بيت" في connect.tech ومحادثة "ماريكو" في JSNation في تشرين الثاني (نوفمبر). يسرّنا رؤيتك في بعض الفعاليات الرائعة في عام 2025.

الميزات الجديدة في Baseline 2024

مع اقتراب نهاية العام، نعرف الميزات التي تشكّل جزءًا من Baseline 2024. في ما يلي بعض النقاط الرئيسية.

@property

إنّ السمات المخصّصة لصفحات CSS (المعروفة أيضًا باسم متغيّرات CSS) هي ميزة متاحة على نطاق واسع. أصبحت إمكانية تحديد السمات المخصّصة باستخدام نوع وقيم تلقائية وخاصية اكتساب السمات باستخدام قاعدة@property متاحة في جميع المتصفحات الأساسية منذ تموز (يوليو) 2024.

طرق جديدة لإنشاء المجموعات

كانت مجموعة Set جزءًا من JavaScript منذ ES2015، ولكن تمّت إضافة المزيد من الطُرق لتنفيذ العمليات الحسابية على المجموعات، مثل intersection وunion، وأصبحت متاحة في جميع المتصفّحات الأساسية هذا العام.

AVIF

AVIF هو تنسيق صور حديث يقدّم بشكل عام ضغطًا أفضل من تنسيقات الصور الأخرى، مثل WebP وJPEG وPNG وGIF. إنّ تنسيق AVIF متوافق مع جميع المتصفحات الأساسية منذ كانون الثاني (يناير) 2024.

…وغير ذلك

بالطبع، هناك العديد من الميزات الأخرى التي أصبحت أساسية هذا العام. يمكنك الاطّلاع على الميزات التي أصبحت جزءًا من البيانات الأساسية خلال عام 2024 هنا.

الخاتمة

عندما أعلنّا عن مشروع Baseline في أيار (مايو) 2022، كان مجرد مفهوم وتعريف أولي لـ Baseline. تسلط هذه المشاركة الضوء على بعض الأعمال التي تم إنجازها لتحويل "المقياس المرجعي" إلى أداة يمكن أن تكون جزءًا من سير عمل كل مطوّر.

نشكر الجميع على العمل الجاد الذي بذلوه في مشروع Baseline.

الأشخاص الذين ساهموا في web-features: "فيكيتور ألين" و"ديتريش أيالا" و"دانيال بيك" و"باتريك بروست" و"سوندرا إيبي" و"أدريانا جارا" و"ماريكو كوساك" و"بيت لي باي" و"فلوريان شولز" و"جيمس ستوكي ويبر" و"كوينغورب" (Vinyl)

<baseline-status> التطبيق المصغّر: إيوا غاسبرويتش وفريق Chrome DevRel

لوحة بيانات حالة منصة الويب: بانو أسيثا، وكايل جو، وجيمس سكوت، ودانيل سميث، وجاسون شو

فريق Baseline في Google: آرون أبيرن، راشيل أندرو، توني كونواي، فيليب جاغنشتيد، أدريانا جارا، ماريكوا كوساك، بيت ليبيت، ناندو ناير، علي سبيفاك، كادير توبال

شكر خاص لـ: Alexis Deveria في CanIUse، Claas Augner، Hermina Condei، Florian Dieminger، Ruth John، Leo McArdle في MDN، Nic Jansma وRobin Marx في RUM Archive، المساهمين في مشروع Interop، Apple، Firefox، Igalia، Microsoft وOpen Web Docs وOddBird وأعضاء مجموعة مجتمع WebDX.