وضعیت پایه را در پست ها و ارائه های وبلاگ خود نشان دهید

تاریخ انتشار: ۲۳ اکتبر ۲۰۲۴

در این پست، یاد بگیرید که چگونه می توانید از مؤلفه وب جدید <baseline-status> در سایت خود و لوگوهای Baseline در ارائه ها، هر زمان که در مورد ویژگی های پلت فرم وب می نویسید یا صحبت می کنید، استفاده کنید.

بیشتر توسعه‌دهندگان تجربه جستجوی راه‌حلی برای مشکل توسعه وب، یافتن مقاله‌ای که راه‌حل عالی را توضیح می‌دهد، داشته‌اند، سپس درست در پایان متوجه شده‌اند که تنها در یک مرورگر در دسترس است. یا هیجان‌زده شدن از ویژگی‌ای که یک مجری کنفرانس توصیف می‌کند تا بعداً آزمایشی بودن آن را کشف کنید. این چیزی بود که ما می‌خواستیم در اینجا در سایت‌های توسعه‌دهنده Chrome خود بهبود دهیم، و در دو سال گذشته داده‌های سازگار از MDN را به پست‌های خود اضافه می‌کردیم.

با این حال، پایه، همه چیز را واضح تر می کند. به جای بررسی نسخه‌های مرورگر جداگانه، می‌توانید بررسی کنید که آیا یک ویژگی به طور گسترده در دسترس است یا خیر و بنابراین بدون نگرانی آماده استفاده است. یا یاد بگیرید که Baseline به تازگی در دسترس است و بنابراین قابلیت همکاری دارد، اما به عنوان یک ویژگی جدید شاید بخواهید استراتژی های بازگشتی را برای آن در نظر بگیرید. در اینجا در web.dev ما شروع به اضافه کردن یک مؤلفه وضعیت پایه جدید به برخی از صفحات خود کرده ایم، می توانید آن را در پست وبلاگ در مورد CSS font-size-adjust مشاهده کنید.

مؤلفه ای که نشان می دهد تنظیم اندازه فونت Baseline است به تازگی در دسترس است.
جزء موجود در پست تنظیم اندازه فونت .

کامپوننت را به سایت خود اضافه کنید

مؤلفه وب فقط برای استفاده ما نیست. ما مشتاقیم که مؤلفه <baseline-status> را با شما به اشتراک بگذاریم. این برای نمایش وضعیت پایه در محتوایی که ایجاد می کنید آماده است. کامپوننت را می توان از npm نصب کرد، یا از قبل از CDN کامپایل کرد— دستورالعمل های نصب را بخوانید . پس از نصب، وضعیت یک ویژگی را همانطور که در HTML زیر برای font-size-adjust نشان داده شده است نشان دهید.

<baseline-status featureId="font-size-adjust"></baseline-status>

این مؤلفه به‌طور خودکار به‌روزرسانی می‌شود، زیرا یک ویژگی از دسترسی محدود، از طریق Newly available to Wideline در دسترس است.

featureId را پیدا کنید

featureId ارسال شده به مؤلفه نام ویژگی در مخزن ویژگی های وب است. مولفه وضعیت ویژگی را از داده های جمع آوری شده از طریق پروژه ویژگی های وب دریافت می کند.

آرم های پایه را اضافه کنید

اگر چیزی را به صورت چاپی، PDF یا ارائه در یک کنفرانس منتشر می کنید، احتمالاً لوگوها برای نشان دادن وضعیت در آن مقطع زمانی مفید خواهند بود. داشبورد وضعیت پلتفرم وب می تواند به شما کمک کند تا وضعیت پایه هر ویژگی را بررسی کنید.

دو آرم سبز با کلمه Baseline که روی پس‌زمینه سفید و سیاه نشان داده شده‌اند.
علامت کلمه پایه در حالت روشن و تاریک.

لوگوهای Baseline دارای مجوز برای استفاده در همه مطالب خود هستند، آنها را در قالب PNG و SVG دانلود کنید .

به ما اطلاع دهید که در کجا از Baseline استفاده می کنید

ما دوست داریم ببینیم در کجا از Baseline استفاده می شود. یک روابط عمومی ایجاد کنید و پیوندی را به جایی که از آن استفاده کرده اید به Baseline در طبیعت اضافه کنید.

آیا ایده های ادغام دیگری دارید؟

آیا ایده ای برای ادغام Baseline به روش دیگری دارید؟ شاید شما یک ابزار توسعه‌دهنده داشته باشید که می‌تواند شامل این اطلاعات باشد، یا محصولی که از اشتراک‌گذاری نسخه Baseline استفاده شده توسط پنل مدیریت سود می‌برد. با ایده های خود مشکلی را مطرح کنید ، خوشحال می شویم کمک کنیم.