Baseline 2024: ابزارهای بیشتر برای کمک به توسعه دهندگان وب

تاریخ انتشار: 10 دسامبر 2024

سال 2024 یک سال هیجان انگیز برای پروژه Baseline بود. ما به تکمیل مجموعه داده های اساسی نزدیک شده ایم و ابزارهایی مانند داشبورد وضعیت پلتفرم وب و ویجت وضعیت پایه را راه اندازی کرده ایم. پروژه‌های دیگری مانند آرشیو RUM شروع به پذیرش Baseline کرده‌اند. این پست به Backline در سال 2024 نگاه می کند.

Baseline چیست؟

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

لوگوی تازه موجود با همه مرورگرها که نشان می دهد از یک ویژگی پشتیبانی می کنند.
پایه لوگوی جدید موجود در صفحه نمایان بودن محتوا MDN نشان داده شده است.

برای جزئیات بیشتر در مورد برچسب‌های مختلف Baseline و نحوه تبدیل شدن یک ویژگی وب به Baseline، سایت Baseline را بررسی کنید یا ساخت را با اطمینان با Baseline تماشا کنید.

پروژه پایه در سال 2024

کار web-features 81٪ کامل شده است!

web-features تلاشی برای ایجاد یک فهرست مشترک از ویژگی های پلت فرم وب است. به هر ویژگی یک گروه و تعریف اختصاص داده می شود و داده های پشتیبانی پایه در این مجموعه داده ذکر شده است.

ما امسال تلاش زیادی برای پیشرفت این کار انجام داده ایم. از امروز، 81٪ از کلیدهای ویژگی با استفاده از بسته npm ویژگی های وب نقشه برداری شده و قابل مصرف هستند. web-features منبع حقیقت برای وضعیت های پایه است.

داشبورد جدید وضعیت پلتفرم وب

داشبورد وضعیت پلتفرم وب اطلاعاتی در مورد اجرای ویژگی های پلتفرم وب در مرورگرهای مختلف ارائه می دهد. داشبورد توسط داده های web-features پشتیبانی می شود، بنابراین قابلیت اطمینان این داشبورد با پیشرفت کار ویژگی های وب بسیار بهبود یافته است.

می‌توانید پیشرفت ویژگی‌های خاص را دنبال کنید یا برای دیدن مجموعه‌ای از ویژگی‌ها مانند Baseline 2024 فیلتر کنید. این داشبورد منابع موجود مانند Can I Use و داده های سازگاری MDN را تکمیل می کند و دید وسیع تری از تکامل پلت فرم وب ارائه می دهد.

برای اطلاعات بیشتر در مورد داشبورد، اطلاعیه داشبورد پلتفرم وب را بخوانید. از زمان راه‌اندازی فیلترهای بیشتری مانند group: و snapshot: اضافه شد، برای مثال snapshot:ecmascript-2023 ویژگی‌های موجود در ES2023 را به شما نشان می‌دهد.

ویجت <baseline-status>

مؤلفه وب <baseline-status> نیز از داده های ویژگی های وب استفاده می کند و اکنون برای استفاده در سایت ها و اسلایدهای خود آماده است. از npm نصب کنید ، سپس هر بار که یک ویژگی را ذکر می‌کنید از کامپوننت استفاده کنید.

ویجت وضعیت پایه به صورت تصویر ارائه شده است.
ویجت <baseline-status> .

درباره استفاده از مؤلفه وب وضعیت پایه اطلاعات بیشتر بیاموزید.

سایت رسمی و لوگو

Baseline متعلق به W3C WebDX Community Group است و امسال یک صفحه رسمی برای پروژه Baseline ایجاد کرده ایم.

اگر خط مبنا را در پروژه خود اتخاذ می کنید، در مورد Baseline می نویسید، یا در مورد Baseline صحبت می کنید، می توانید یک درخواست کشش ارسال کنید تا پروژه خود را در Baseline در صفحه وحشی فهرست کنید.

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

پروژه Interop بسیاری از ویژگی های Baseline را به تازگی در دسترس قرار داد

پروژه Interop یک تلاش متقابل مرورگر برای بهبود قابلیت همکاری وب است. ویژگی‌های این پروژه برای پیاده‌سازی بین مرورگرها، تسریع زمان برای تبدیل شدن به Baseline جدید در دسترس است. در طول Interop 2024، Declarative Shadow DOM ، font-size-adjust ، requestVideoFrameCallback و text-wrap: balance به Baseline 2024 تبدیل شد و بسیاری دیگر بسیار نزدیک به تکمیل هستند.

RUM Insights

صفحه Insights RUM Archive اولین ابزاری بود که Baseline را ادغام کرد. می‌توانید ببینید چه تعداد کاربر برای هر سال پایه براساس داده‌های آنها شامل می‌شود. این می تواند به شما کمک کند تا یک سال پایه را برای پروژه خود انتخاب کنید نه اینکه خط پایه را به طور گسترده در دسترس قرار دهید.

برای اطلاعات بیشتر، ادغام Baseline با RUM Archive را بخوانید.

این مجموعه ویدیویی Baseline است

برای اینکه توضیحی کوتاه و سریع درباره ویژگی‌های تازه در دسترس Baseline به شما ارائه دهیم، مجموعه‌ای ویدیویی به نام #thisisbaseline منتشر کرده‌ایم. در کمتر از 60 ثانیه با چیزهایی مانند روش‌های جدید Set ، Screen Wake Lock API ، زیرشبکه CSS و موارد دیگر آشنا شوید.

تمام ویدیوهای This Is Baseline را اینجا ببینید.

به صورت حضوری با ما چت کنید!

این تیم امسال در کنفرانس‌های زیادی شرکت کرده است تا Baseline را برای شما بیاورد، نظرات شما را بشنوید و به سؤالات شما پاسخ دهد. در اینجا چند گفتگو ارائه شده است.

ارائه ریچل از FITC Web Unleashed در ماه اکتبر، جلسه پیت در connect.tech و سخنرانی ماریکو در JSNation در ماه نوامبر را بررسی کنید. و ما از دیدن شما در برخی رویدادهای بزرگ در سال 2025 هیجان‌زده هستیم!

آنچه در Baseline 2024 وجود دارد

همانطور که سال به پایان می رسد، می دانیم که کدام ویژگی ها بخشی از Baseline 2024 هستند. در اینجا برخی از نکات برجسته آورده شده است.

@property

ویژگی های سفارشی CSS (همچنین به عنوان متغیرهای CSS شناخته می شود) یک ویژگی به طور گسترده در دسترس است. قابلیت تعریف ویژگی‌های سفارشی با نوع، مقادیر پیش‌فرض و وراثت با استفاده از قانون @property توسط همه مرورگرهای اصلی از جولای ۲۰۲۴ پشتیبانی می‌شود.

روش های مجموعه جدید

Set از زمان ES2015 بخشی از جاوا اسکریپت بوده است، اما روش‌های بیشتری برای اجرای عملیات ریاضی روی مجموعه‌هایی مانند intersection و union اضافه شده و امسال توسط همه مرورگرهای اصلی پشتیبانی می‌شود.

AVIF

AVIF یک فرمت تصویر مدرن است که عموماً فشرده سازی بهتری نسبت به سایر فرمت های تصویر مانند WebP، JPEG، PNG و GIF دارد. AVIF از ژانویه 2024 توسط همه مرورگرهای اصلی پشتیبانی می شود.

... و بیشتر!

البته ویژگی های بسیار بیشتری وجود دارد که امسال به Baseline تبدیل شدند. می توانید ویژگی هایی را که در طول سال 2024 بخشی از Baseline شدند را در اینجا بررسی کنید.

جمع کنید

زمانی که ما پروژه Baseline را در می 2022 اعلام کردیم، این فقط یک مفهوم و تعریف اولیه از Baseline بود. این پست تنها برخی از کارهای انجام شده برای تبدیل Baseline به چیزی که می تواند بخشی از گردش کار هر توسعه دهنده باشد را برجسته می کند.

مایلیم از زحماتی که همه برای پروژه Baseline انجام دادند تشکر کنیم.

افرادی که به web-features کمک کردند : ویکتور آلن، دیتریش آیالا، دانیل بک، پاتریک بروست، سوندرا ابی، آدریانا خارا، ماریکو کوساکا، پیت لی پیج، فلوریان شولز، جیمز استاکی وبر، و کوئینگوبورگ (وینیل)

ویجت <baseline-status> : Ewa Gasperowicz و تیم Chrome DevRel

داشبورد وضعیت پلتفرم وب : Panos Astithas، Kyle Ju، James Scott، Daniel Smith و Jason Xu

تیم پایه در گوگل : آرون آببارنو، ریچل اندرو، تونی کانوی، فیلیپ یاگنستد، آدریانا خارا، ماریکو کوساکا، پیت لپیج، ناندو نایر، علی اسپیواک، و کادیر توپال

تشکر ویژه از : Alexis Deveria در CanIUse، Claas Augner، Hermina Condei، Florian Dieminger، Ruth John، Leo McArdle در MDN، Nic Jansma و Robin Marx در RUM Archive، مشارکت کنندگان در پروژه Interop، Apple، Firefox، Igalia، Microsoft، Open Web Docs، OddBird و اعضای گروه جامعه WebDX.