تاريخ النشر: 23 أكتوبر 2024
في هذه المشاركة، سنتعرّف على كيفية استخدام مكوّن الويب الجديد <baseline-status> على موقعك الإلكتروني، وشعارات Baseline في العروض التقديمية، كلما كتبت أو تحدّثت عن ميزات النظام الأساسي للويب.
لا شكّ أنّ معظم المطوّرين قد واجهوا تجربة البحث عن حلّ لمشكلة في تطوير الويب، ثم عثروا على مقالة تصف الحلّ المثالي، ثم أدركوا في النهاية أنّه متاح في متصفّح واحد فقط. أو قد تشعر بالحماس بشأن ميزة يصفها أحد مقدّمي العروض التقديمية في مؤتمر، ثم تكتشف أنّها تجريبية. أردنا تحسين هذه النقطة على مواقع مطوّري Chrome، وخلال العامَين الماضيين، أضفنا بيانات التوافق من MDN إلى مشاركاتنا.
ومع ذلك، يوضّح خط الأساس الأمور بشكل أكبر. بدلاً من التحقّق من إصدارات المتصفّح الفردية، يمكنك التحقّق مما إذا كانت إحدى الميزات متاحة على نطاق واسع في Baseline، وبالتالي تكون جاهزة للاستخدام بدون قلق. أو يمكنك معرفة أنّها متوافقة مع Baseline Newly available وبالتالي يمكن استخدامها مع أنظمة التشغيل الأخرى، ولكن بما أنّها ميزة جديدة، قد تحتاج إلى وضع استراتيجيات احتياطية لها. بدأنا هنا على web.dev بإضافة مكوّن جديد لحالة Baseline إلى بعض صفحاتنا، ويمكنك الاطّلاع عليه في مشاركة المدوّنة حول CSS font-size-adjust.
إضافة المكوّن إلى موقعك الإلكتروني
مكوّن الويب ليس مخصّصًا لنا فقط. يسرّنا أن نشاركك ميزة
<baseline-status>. يمكنك استخدام هذه الميزة لعرض حالة "الخط الأساس" على المحتوى الذي تنشئه. يمكن تثبيت المكوّن من npm أو تجميعه مسبقًا من شبكة توصيل المحتوى (CDN)، ويمكنك الاطّلاع على تعليمات التثبيت.
بعد التثبيت، اعرض حالة إحدى الميزات كما هو موضّح في رمز HTML التالي
font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
سيتم بعد ذلك تعديل المكوّن تلقائيًا عندما تنتقل الميزة من حالة "توفّر محدود" إلى حالة "متوفّرة حديثًا" ثم إلى حالة "متوفّرة على نطاق واسع".
ابحث عن featureId
إنّ featureId الذي تم تمريره إلى المكوّن هو اسم الميزة في
مستودع ميزات الويب.
يحصل المكوّن على حالة الميزة من البيانات التي يتم جمعها من خلال
مشروع ميزات الويب.
إضافة شعارات Baseline
إذا كنت ستنشر محتوى مطبوعًا أو بتنسيق PDF أو ستقدّم عرضًا تقديميًا في مؤتمر، فمن المحتمل أن تكون الشعارات مفيدة لعرض الحالة في تلك المرحلة. يمكن أن تساعدك لوحة بيانات حالة "منصة الويب" في الاطّلاع على حالة "الحد الأدنى" لأي ميزة.
تتوفّر تراخيص استخدام شعارات Baseline في جميع موادك، ويمكنك تنزيلها بتنسيق PNG وSVG.
يُرجى إعلامنا بمكان استخدامك Baseline
يسرّنا معرفة الأماكن التي يتم فيها استخدام Baseline. أرسِل طلب سحب وأضِف رابطًا إلى المكان الذي استخدمت فيه Baseline in the wild.
هل لديك أفكار أخرى بشأن عمليات الدمج؟
هل لديك فكرة لدمج Baseline بطريقة أخرى؟ ربما لديك أداة مطوّرين يمكن أن تتضمّن هذه المعلومات، أو منتج يمكن أن يستفيد من إمكانية مشاركة إصدار Baseline الذي تستخدمه لوحة المشرف. يمكنك الإبلاغ عن مشكلة في أفكارك، وسيسرّنا تقديم المساعدة.