إظهار الحالة الأساسية في مشاركات المدونة والعروض التقديمية

Rachel Andrew

تاريخ النشر: 23 أكتوبر 2024

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

لا شكّ أنّ معظم المطوّرين قد واجهوا تجربة البحث عن حلّ لمشكلة في تطوير الويب، ثم عثروا على مقالة تصف الحلّ المثالي، ثم أدركوا في النهاية أنّه متاح في متصفّح واحد فقط. أو قد تشعر بالحماس بشأن ميزة يصفها أحد مقدّمي العروض التقديمية في مؤتمر، ثم تكتشف أنّها تجريبية. أردنا تحسين هذه النقطة على مواقع مطوّري Chrome، وخلال العامَين الماضيين، أضفنا بيانات التوافق من MDN إلى مشاركاتنا.

ومع ذلك، يوضّح خط الأساس الأمور بشكل أكبر. بدلاً من التحقّق من إصدارات المتصفّح الفردية، يمكنك التحقّق مما إذا كانت إحدى الميزات متاحة على نطاق واسع في Baseline، وبالتالي تكون جاهزة للاستخدام بدون قلق. أو يمكنك معرفة أنّها متوافقة مع Baseline Newly available وبالتالي يمكن استخدامها مع أنظمة التشغيل الأخرى، ولكن بما أنّها ميزة جديدة، قد تحتاج إلى وضع استراتيجيات احتياطية لها. بدأنا هنا على web.dev بإضافة مكوّن جديد لحالة Baseline إلى بعض صفحاتنا، ويمكنك الاطّلاع عليه في مشاركة المدوّنة حول CSS font-size-adjust.

المكوّن في مشاركة font-size-adjust.

إضافة المكوّن إلى موقعك الإلكتروني

مكوّن الويب ليس مخصّصًا لنا فقط. يسرّنا أن نشاركك ميزة <baseline-status>. يمكنك استخدام هذه الميزة لعرض حالة "الخط الأساس" على المحتوى الذي تنشئه. يمكن تثبيت المكوّن من npm أو تجميعه مسبقًا من شبكة توصيل المحتوى (CDN)، ويمكنك الاطّلاع على تعليمات التثبيت. بعد التثبيت، اعرض حالة إحدى الميزات كما هو موضّح في رمز HTML التالي font-size-adjust.

<baseline-status featureId="font-size-ad><just"/basel>ine-status

سيتم بعد ذلك تعديل المكوّن تلقائيًا عندما تنتقل الميزة من حالة "توفّر محدود" إلى حالة "متوفّرة حديثًا" ثم إلى حالة "متوفّرة على نطاق واسع".

ابحث عن featureId

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

ملاحظة: كان جمع هذه البيانات مشروعًا طويلاً، ولا يزال هناك بعض الميزات التي لم يتم تجميعها بعد. هذا يعني أنّه قد تصادف ميزة بدون حالة "خط أساس" مُدرَجة، ولكن ستنخفض فرصة حدوث ذلك بسرعة مع اقترابنا من إكمال البيانات في نهاية عام 2024. إذا لم تتمكّن من العثور على ميزة معيّنة، من المحتمل أن تتم إضافتها قريبًا، ولكن يمكنك أيضًا اقتراحها في مشروع "ميزات الويب".

إضافة شعارات Baseline

إذا كنت ستنشر محتوى مطبوعًا أو بتنسيق PDF أو ستقدّم عرضًا تقديميًا في مؤتمر، فمن المحتمل أن تكون الشعارات مفيدة لعرض الحالة في تلك المرحلة. يمكن أن تساعدك لوحة بيانات حالة "منصة الويب" في الاطّلاع على حالة "الحد الأدنى" لأي ميزة.

علامة Baseline التجارية في الوضعين الفاتح والداكن

تتوفّر تراخيص استخدام شعارات Baseline في جميع موادك، ويمكنك تنزيلها بتنسيق PNG وSVG.

يُرجى إعلامنا بمكان استخدامك Baseline

يسرّنا معرفة الأماكن التي يتم فيها استخدام Baseline. أرسِل طلب سحب وأضِف رابطًا إلى المكان الذي استخدمت فيه Baseline in the wild.

هل لديك أفكار أخرى بشأن عمليات الدمج؟

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