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

راشل اندرو

منتشر شده: ۲۳ اکتبر ۲۰۲۴

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

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

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

کامپوننتی که نشان می‌دهد font-size-adjust در حالت پایه (Baseline) است، به تازگی در دسترس قرار گرفته است.
کامپوننت مربوط به پست تنظیم اندازه فونت .

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

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

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

سپس با تغییر یک ویژگی از «موجود بودن محدود» به «جدیداً موجود» و «در دسترس بودن گسترده»، این مؤلفه به‌طور خودکار به‌روزرسانی می‌شود.

شناسه featureId پیدا کنید

featureId ارسال شده به کامپوننت، نام ویژگی موجود در مخزن ویژگی‌های وب (web-features repository ) است. این کامپوننت وضعیت ویژگی را از داده‌های جمع‌آوری‌شده از طریق پروژه ویژگی‌های وب دریافت می‌کند.

اضافه کردن لوگوهای پایه

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

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

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

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

ما دوست داریم ببینیم Baseline کجا استفاده می‌شود. یک PR ایجاد کنید و لینکی به جایی که از آن استفاده کرده‌اید به Baseline در فضای مجازی اضافه کنید.

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

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