إظهار الحالة الأساسية في مشاركات مدونتك وعروضك التقديمية | مدونة | web.dev
تاريخ النشر: 23 أكتوبر 2024
في هذه التدوينة، تعرف على كيفية استخدام الجديد <baseline-status> مكون الويب على موقعك الخاص، والشعارات الأساسية في العروض التقديمية، عندما تكتب أو تتحدث عن ميزات النظام الأساسي للويب.
يتمتع معظم المطورين بخبرة البحث عن حل لمشكلة تطوير الويب، والعثور على مقال يصف الحل الأمثل، ثم يدركون في النهاية أنه متاح فقط في متصفح واحد. أو أن تتحمس لهذه الميزة التي يصفها مقدم المؤتمر، لتكتشف بعد ذلك أنها تجريبية. كان هذا شيئًا أردنا تحسينه هنا على مواقع مطوري Chrome لدينا، وعلى مدار العامين الماضيين كنا نضيف بيانات متوافقة من MDN إلى منشوراتنا.
ومع ذلك، فإن خط الأساس يجعل الأمور أكثر وضوحا. بدلاً من التحقق من إصدارات المتصفح الفردية، يمكنك التحقق مما إذا كانت الميزة الأساسية متاحة على نطاق واسع وبالتالي جاهزة للاستخدام دون قلق. أو تعلم أن خط الأساس متاح حديثًا وبالتالي قابل للتشغيل البيني، ولكن كميزة جديدة ربما ترغب في التفكير في استراتيجيات احتياطية لها. لقد بدأنا هنا على web.dev في إضافة مكون حالة أساسي جديد إلى بعض صفحاتنا، ويمكنك رؤيته في منشور المدونة حول ضبط حجم الخط في CSS.
أضف المكون إلى موقعك
مكون الويب ليس مخصصًا لنا فقط. نحن متحمسون لمشاركة
<baseline-status> مكون معك هذا جاهز للاستخدام لإظهار حالة الخط الأساسي على المحتوى الذي تقوم بإنشائه. يمكن تثبيت المكون من npm، أو ترجمته مسبقًا من CDN – اقرأ تعليمات التثبيت. بمجرد التثبيت، اعرض حالة الميزة كما هو موضح في HTML التالي لـ
font-size-adjust.
<baseline-status featureId="font-size-adjust"></baseline-status>
سيتم بعد ذلك تحديث المكون تلقائيًا عندما تنتقل الميزة من التوفر المحدود إلى متاح حديثًا إلى متوفر على نطاق واسع.
ابحث عن featureId
ال featureId الذي تم تمريره إلى المكون هو اسم الميزة الموجودة في مستودع ميزات الويب. يحصل المكون على حالة الميزة من البيانات المجمعة من خلال مشروع ميزات الويب.
إضافة الشعارات الأساسية
إذا كنت تنشر شيئًا مطبوعًا أو PDF أو تقدم عرضًا في مؤتمر، فمن المرجح أن تكون الشعارات مفيدة في إظهار الحالة في ذلك الوقت. يمكن أن تساعدك لوحة معلومات حالة منصة الويب في التحقق من الحالة الأساسية لأي ميزة.
شعارات Baseline مرخصة لك لاستخدامها في جميع المواد الخاصة بك، وقم بتنزيلها بتنسيق PNG وSVG.
اسمحوا لنا أن نعرف أين تستخدم خط الأساس
نود أن نرى أين يتم استخدام Baseline. أنشئ علاقات عامة وأضف رابطًا إلى المكان الذي استخدمته فيه إلى خط الأساس في البرية.
هل لديك أفكار أخرى للتكامل؟
هل لديك فكرة لدمج خط الأساس بطريقة أخرى؟ ربما لديك أداة مطور يمكنها تضمين هذه المعلومات، أو منتج سيستفيد من القدرة على مشاركة الإصدار الأساسي الذي تستخدمه لوحة الإدارة. اطرح مشكلة بأفكارك، وسنكون سعداء بمساعدتك.
