المزيد من الأدوات لمساعدة مطوري الويب | مقالات | web.dev

تم النشر: 10 ديسمبر 2024

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

ما هو خط الأساس؟

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

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

مشروع خط الأساس في عام 2024

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

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

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

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

توفر لوحة معلومات حالة منصة الويب رؤى حول تنفيذ ميزات منصة الويب عبر متصفحات مختلفة. لوحة القيادة مدعومة بـ web-features البيانات، وبالتالي تحسنت موثوقية لوحة المعلومات هذه بشكل كبير مع اكتمال التقدم في عمل ميزات الويب.

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

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

<baseline-status> القطعة

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

تعرف على المزيد حول استخدام مكون ويب الحالة الأساسية.

الموقع الرسمي والشعارات

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

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

عند استخدام Baseline في مشروعك، راجع إرشادات استخدام الاسم والشعار. الشعارات مرخصة لك لاستخدامها عندما تريد إظهار حالة ميزات الويب.

جعل مشروع Interop العديد من الميزات الأساسية متاحة حديثًا

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

رؤى رم

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

اقرأ التكامل الأساسي مع أرشيف RUM لمزيد من المعلومات.

هذه سلسلة فيديوهات أساسية

لنقدم لك شرحًا مختصرًا وسريعًا لميزات Baseline المتوفرة حديثًا، قمنا بنشر سلسلة مقاطع فيديو تسمى #thisisbaseline. تعرف على أشياء مثل أساليب Set الجديدة وScreen Wake Lock API وCSS subgrid والمزيد في أقل من 60 ثانية.

تحقق من جميع مقاطع الفيديو This Is Baseline هنا.

تعال للدردشة معنا شخصيا!

لقد حضر الفريق العديد من المؤتمرات هذا العام لتقديم Baseline إليك وسماع رأيك والإجابة على أسئلتك. فيما يلي بعض المحادثات التي قدمناها.

اطلع على العرض التقديمي الذي قدمته راشيل من FITC Web Unleashed في أكتوبر، وجلسة بيت في Connect.tech وحديث ماريكو في JSNation في نوفمبر. ونحن متحمسون لرؤيتكم في بعض الأحداث الرائعة في عام 2025!

ماذا يوجد في خط الأساس 2024

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

@ملكية

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

طرق تعيين جديدة

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

AVIF

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

… وأكثر!

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

اختتم

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

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

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

<baseline-status> القطعة: إيوا جاسبيروفيتش وفريق Chrome DevRel

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

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

شكر خاص ل: 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.