خلاصه ماهانه پایه مارس 2025، خلاصه ماهانه پایه مارس 2025، خلاصه ماهانه پایه مارس 2025، خلاصه ماهانه پایه مارس 2025

bookmark_border با مجموعه‌ها، منظم بمانید ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.

Jeremy Wagner

تاریخ انتشار: 31 مارس 2025

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

ESLint 0.6.0 منتشر شد

اخیراً پست هایی درباره راه اندازی پشتیبانی ESLint برای linting CSS منتشر کردیم. بخشی از این راه‌اندازی شامل یک قانون جدید ESLint require-baseline - برای پر کردن ویژگی‌های CSS که در پروژه خود استفاده می‌کنید، و اینکه آیا آنها به آستانه خط پایه خاصی می‌رسند یا خیر.

اخیراً، ESLint نسخه 0.6.0 بسته @eslint/css را راه‌اندازی کرده است که شامل یک به‌روزرسانی مهم جدید است که نام قاعده require-baseline را به use-baseline تغییر می‌دهد. اگرچه این به روز رسانی به ظاهر کوچک است، اما خوانایی قانون را بهبود می بخشد. همچنین برخی از ویژگی های مهم دیگر و رفع اشکال در این نسخه وجود دارد، مانند قابلیت اضافه شده قانون use-baseline برای پر کردن بلوک های CSS تو در تو. اگر از نسخه قبلی @eslint/css استفاده می‌کنید، این به‌روزرسانی را بررسی کنید!

نحوه استعلام داشبورد پلتفرم وب

در اوایل این ماه، پستی درباره پرس و جو از داشبورد پلتفرم وب منتشر کردیم. این داشبورد را می‌توان در قسمت جلویی آن و همچنین از طریق یک API HTTP جستجو کرد. این می تواند به طور بالقوه برای ابزارهای Baseline مفید باشد، زیرا می توانید برای یافتن ویژگی هایی که به آستانه خط پایه خاصی رسیده اند از API پرس و جو کنید.

این API می تواند برای ابزارهایی مفید باشد که در آن نیاز به دریافت سریع اطلاعات در مورد ویژگی های خاص دارید. به عنوان مثال، می‌توانید از این نوع ابزار برای نوشتن یک اسکریپت استفاده کنید که در فاصله زمانی به شما می‌گوید کدام ویژگی اخیراً به‌تازگی در دسترس یا به‌طور گسترده در دسترس است. اگر این برای شما مفید به نظر می رسد، پست را بخوانید !

چگونه در مورد Baseline و polyfills فکر کنیم

ماموریت Baseline این است که مشخص کند از کدام ویژگی‌ها می‌توانید با خیال راحت استفاده کنید - اما حتی با این وضوح بیشتر، هنوز باید به این فکر کنید که چگونه ویژگی‌ها را به گونه‌ای که برای برنامه‌های کاربردی وب شما منطقی باشد، بپذیرید. Polyfills بخش بزرگی از این فرآیند است. Baseline در مورد در دسترس بودن جدید یا گسترده بودن ویژگی ها، polyfill ها را در نظر نمی گیرد و سعی نمی کند به شما بگوید که آیا از آنها استفاده کنید. این تصمیم برای درخواست شما خاص است، اما یک ملاحظه مهم است!

اخیراً، پستی درباره نحوه تفکر در مورد Baseline و polyfills منتشر کرده‌ایم و فکر می‌کنیم که چارچوب مفیدی برای نحوه استفاده از آنها ارائه می‌کند. امید با ویژگی‌هایی که به‌تازگی یا به‌طور گسترده در دسترس هستند، این است که پلی‌فیل‌ها از ضرورت کمتری برخوردار شوند. شکی نیست که polyfills ابزارهای مفیدی در جعبه ابزار توسعه شما هستند، اما دارای معایبی هستند - می توانند تأثیر منفی بر عملکرد وب سایت شما داشته باشند، و در برخی موارد، حتی ممکن است نگرانی هایی در مورد دسترسی وجود داشته باشد. امیدواریم این راهنما به شما کمک کند تا این سوال دشوار را حل کنید!

contenteditable="plaintext-only" اکنون Baseline است تازه در دسترس است

ویژگی contenteditable در یک عنصر HTML به کاربر اجازه می دهد تا محتوای آن را طوری تغییر دهد که گویی یک فیلد متنی است. این بدان معناست که، برای مثال، می‌توانید ویژگی را روی عنصر <p> قرار دهید و کاربر می‌تواند مانند <textarea> با آن تعامل داشته باشد. در برخی موارد استفاده، استفاده contenteditable مزایایی نسبت به عناصر فرم معمولی دارد.

با این حال، کاربران موارد را در عناصر قابل ویرایش جای‌گذاری می‌کنند، و چیزهایی که می‌چسبند می‌تواند حاوی قالب‌بندی متن غنی باشد، که می‌تواند تجربه‌ای ناامیدکننده را برای کاربرانی که فقط می‌خواهند متن بدون قالب را در یک فیلد جای‌گذاری کنند، فراهم کند. ترکیب ویژگی/مقدار contenteditable="plaintext-only" از این اتفاق جلوگیری می‌کند و اخیراً به تازگی در دسترس قرار گرفته است. برای کسب اطلاعات بیشتر، پست اعلامیه را بخوانید و بیاموزید که چگونه می‌توانید تجربه ویرایش بهتری را برای کاربرانی که فقط می‌خواهند متن را در چیزهایی بدون همه‌چیز جای‌گذاری کنند، ارائه دهید.

Intl.DurationFormat اکنون Baseline است به تازگی در دسترس است

احتمالاً در مقطعی از زندگی خود در یک وب‌سایت بوده‌اید و متنی را دیده‌اید که مدت زمان تا یا بعد از یک رویداد، اغلب به صورت رشته‌ای مانند «2 روز، 6 ساعت، 3 دقیقه» را نشان می‌دهد. این داده ها برای برقراری ارتباط با هر تعداد چیز به موقع مفید است، اما اغلب توسط یک کتابخانه ارائه می شود. علاوه بر این، ممکن است بخواهید این اطلاعات را به چندین زبان خروجی بگیرید.

Intl.DurationFormat را وارد کنید، یک ویژگی بین‌المللی‌سازی که اخیراً به Baseline تبدیل شده است. با کلاس Intl.DurationFormat ، می توانید یک شی را به سازنده آن ارسال کنید که حاوی واحدهای زمانی است که می خواهید در یک رشته قالب بندی شود، و تقریباً در هر زبانی که فکر کنید:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);

// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);

// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);

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

خط پایه در W3C Breakouts Day 2025

اخیراً، W3C نسخه 2025 Breakouts Day خود را برگزار کرد که در آن اعضا در مورد موضوعات مختلف سخنرانی کردند و یک جلسه مفید در مورد Baseline در 26 مارس ارائه شد .

اگر با Baseline تازه کار هستید، این جلسه یک مرور کلی سریع انجام می دهد. اصول اولیه Baseline مانند مفاهیم جدید و گسترده در دسترس را پوشش می دهد، اما همچنین به چگونگی تعیین این تعاریف توسط داده ها می پردازد، از browser-compat-data شروع می شود تا داده های web-features که به ما کمک می کند بفهمیم کدام ویژگی ها در آستانه خط پایه قرار دارند.

اگر این جلسه را از دست دادید، نگران نباشید! اسلایدهای جلسه در حال حاضر موجود است ، بنابراین اگر کنجکاوی شما بیشتر شد به آنها نگاه کنید.

این یک بسته بندی است!

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

Jeremy Wagner

تاریخ انتشار: 31 مارس 2025

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

ESLint 0.6.0 منتشر شد

اخیراً پست هایی درباره راه اندازی پشتیبانی ESLint برای linting CSS منتشر کردیم. بخشی از این راه‌اندازی شامل یک قانون جدید ESLint require-baseline - برای پر کردن ویژگی‌های CSS که در پروژه خود استفاده می‌کنید، و اینکه آیا آنها به آستانه خط پایه خاصی می‌رسند یا خیر.

اخیراً، ESLint نسخه 0.6.0 بسته @eslint/css را راه‌اندازی کرده است که شامل یک به‌روزرسانی مهم جدید است که نام قاعده require-baseline را به use-baseline تغییر می‌دهد. اگرچه این به روز رسانی به ظاهر کوچک است، اما خوانایی قانون را بهبود می بخشد. همچنین برخی از ویژگی های مهم دیگر و رفع اشکال در این نسخه وجود دارد، مانند قابلیت اضافه شده قانون use-baseline برای پر کردن بلوک های CSS تو در تو. اگر از نسخه قبلی @eslint/css استفاده می‌کنید، این به‌روزرسانی را بررسی کنید!

نحوه استعلام داشبورد پلتفرم وب

در اوایل این ماه، پستی درباره پرس و جو از داشبورد پلتفرم وب منتشر کردیم. این داشبورد را می‌توان در قسمت جلویی آن و همچنین از طریق یک API HTTP جستجو کرد. این می تواند به طور بالقوه برای ابزارهای Baseline مفید باشد، زیرا می توانید برای یافتن ویژگی هایی که به آستانه خط پایه خاصی رسیده اند از API پرس و جو کنید.

این API می تواند برای ابزارهایی مفید باشد که در آن نیاز به دریافت سریع اطلاعات در مورد ویژگی های خاص دارید. به عنوان مثال، می‌توانید از این نوع ابزار برای نوشتن یک اسکریپت استفاده کنید که در فاصله زمانی به شما می‌گوید کدام ویژگی اخیراً به‌تازگی در دسترس یا به‌طور گسترده در دسترس است. اگر این برای شما مفید به نظر می رسد، پست را بخوانید !

چگونه در مورد Baseline و polyfills فکر کنیم

ماموریت Baseline این است که مشخص کند از کدام ویژگی‌ها می‌توانید با خیال راحت استفاده کنید - اما حتی با این وضوح بیشتر، هنوز باید به این فکر کنید که چگونه ویژگی‌ها را به گونه‌ای که برای برنامه‌های کاربردی وب شما منطقی باشد، بپذیرید. Polyfills بخش بزرگی از این فرآیند است. Baseline در مورد در دسترس بودن جدید یا گسترده بودن ویژگی ها، polyfill ها را در نظر نمی گیرد و سعی نمی کند به شما بگوید که آیا از آنها استفاده کنید. این تصمیم برای درخواست شما خاص است، اما یک ملاحظه مهم است!

اخیراً، پستی درباره نحوه تفکر در مورد Baseline و polyfills منتشر کرده‌ایم و فکر می‌کنیم که چارچوب مفیدی برای نحوه استفاده از آنها ارائه می‌کند. امید با ویژگی‌هایی که به‌تازگی یا به‌طور گسترده در دسترس هستند، این است که پلی‌فیل‌ها از ضرورت کمتری برخوردار شوند. شکی نیست که polyfills ابزارهای مفیدی در جعبه ابزار توسعه شما هستند، اما دارای معایبی هستند - می توانند تأثیر منفی بر عملکرد وب سایت شما داشته باشند، و در برخی موارد، حتی ممکن است نگرانی هایی در مورد دسترسی وجود داشته باشد. امیدواریم این راهنما به شما کمک کند تا این سوال دشوار را حل کنید!

contenteditable="plaintext-only" اکنون Baseline است تازه در دسترس است

ویژگی contenteditable در یک عنصر HTML به کاربر اجازه می دهد تا محتوای آن را طوری تغییر دهد که گویی یک فیلد متنی است. این بدان معناست که، برای مثال، می‌توانید ویژگی را روی عنصر <p> قرار دهید و کاربر می‌تواند مانند <textarea> با آن تعامل داشته باشد. در برخی موارد استفاده، استفاده contenteditable مزایایی نسبت به عناصر فرم معمولی دارد.

با این حال، کاربران موارد را در عناصر قابل ویرایش جای‌گذاری می‌کنند، و چیزهایی که می‌چسبند می‌تواند حاوی قالب‌بندی متن غنی باشد، که می‌تواند تجربه‌ای ناامیدکننده را برای کاربرانی که فقط می‌خواهند متن بدون قالب را در یک فیلد جای‌گذاری کنند، فراهم کند. ترکیب ویژگی/مقدار contenteditable="plaintext-only" از این اتفاق جلوگیری می‌کند و اخیراً به تازگی در دسترس قرار گرفته است. برای کسب اطلاعات بیشتر، پست اعلامیه را بخوانید و بیاموزید که چگونه می‌توانید تجربه ویرایش بهتری را برای کاربرانی که فقط می‌خواهند متن را در چیزهایی بدون همه‌چیز جای‌گذاری کنند، ارائه دهید.

Intl.DurationFormat اکنون Baseline است به تازگی در دسترس است

احتمالاً در مقطعی از زندگی خود در یک وب‌سایت بوده‌اید و متنی را دیده‌اید که مدت زمان تا یا بعد از یک رویداد، اغلب به صورت رشته‌ای مانند «2 روز، 6 ساعت، 3 دقیقه» را نشان می‌دهد. این داده ها برای برقراری ارتباط با هر تعداد چیز به موقع مفید است، اما اغلب توسط یک کتابخانه ارائه می شود. علاوه بر این، ممکن است بخواهید این اطلاعات را به چندین زبان خروجی بگیرید.

Intl.DurationFormat را وارد کنید، یک ویژگی بین‌المللی‌سازی که اخیراً به Baseline تبدیل شده است. با کلاس Intl.DurationFormat ، می توانید یک شی را به سازنده آن ارسال کنید که حاوی واحدهای زمانی است که می خواهید در یک رشته قالب بندی شود، و تقریباً در هر زبانی که فکر کنید:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);

// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);

// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);

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

خط پایه در W3C Breakouts Day 2025

اخیراً، W3C نسخه 2025 Breakouts Day خود را برگزار کرد که در آن اعضا در مورد موضوعات مختلف سخنرانی کردند و یک جلسه مفید در مورد Baseline در 26 مارس ارائه شد .

اگر با Baseline تازه کار هستید، این جلسه یک مرور کلی سریع انجام می دهد. اصول اولیه Baseline مانند مفاهیم جدید و گسترده در دسترس را پوشش می دهد، اما همچنین به چگونگی تعیین این تعاریف توسط داده ها می پردازد، از browser-compat-data شروع می شود تا داده های web-features که به ما کمک می کند بفهمیم کدام ویژگی ها در آستانه خط پایه قرار دارند.

اگر این جلسه را از دست دادید، نگران نباشید! اسلایدهای جلسه در حال حاضر موجود است ، بنابراین اگر کنجکاوی شما بیشتر شد به آنها نگاه کنید.

این یک بسته بندی است!

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

Jeremy Wagner

تاریخ انتشار: 31 مارس 2025

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

ESLint 0.6.0 منتشر شد

اخیراً پست هایی درباره راه اندازی پشتیبانی ESLint برای linting CSS منتشر کردیم. بخشی از این راه‌اندازی شامل یک قانون جدید ESLint require-baseline - برای پر کردن ویژگی‌های CSS که در پروژه خود استفاده می‌کنید، و اینکه آیا آنها به آستانه خط پایه خاصی می‌رسند یا خیر.

اخیراً، ESLint نسخه 0.6.0 بسته @eslint/css را راه‌اندازی کرده است که شامل یک به‌روزرسانی مهم جدید است که نام قاعده require-baseline را به use-baseline تغییر می‌دهد. اگرچه این به روز رسانی به ظاهر کوچک است، اما خوانایی قانون را بهبود می بخشد. همچنین برخی از ویژگی های مهم دیگر و رفع اشکال در این نسخه وجود دارد، مانند قابلیت اضافه شده قانون use-baseline برای پر کردن بلوک های CSS تو در تو. اگر از نسخه قبلی @eslint/css استفاده می‌کنید، این به‌روزرسانی را بررسی کنید!

نحوه استعلام داشبورد پلتفرم وب

در اوایل این ماه، پستی درباره پرس و جو از داشبورد پلتفرم وب منتشر کردیم. این داشبورد را می‌توان در قسمت جلویی آن و همچنین از طریق یک API HTTP جستجو کرد. این می تواند به طور بالقوه برای ابزارهای Baseline مفید باشد، زیرا می توانید برای یافتن ویژگی هایی که به آستانه خط پایه خاصی رسیده اند از API پرس و جو کنید.

این API می تواند برای ابزارهایی مفید باشد که در آن نیاز به دریافت سریع اطلاعات در مورد ویژگی های خاص دارید. به عنوان مثال، می‌توانید از این نوع ابزار برای نوشتن یک اسکریپت استفاده کنید که در فاصله زمانی به شما می‌گوید کدام ویژگی اخیراً به‌تازگی در دسترس یا به‌طور گسترده در دسترس است. اگر این برای شما مفید به نظر می رسد، پست را بخوانید !

چگونه در مورد Baseline و polyfills فکر کنیم

ماموریت Baseline این است که مشخص کند از کدام ویژگی‌ها می‌توانید با خیال راحت استفاده کنید - اما حتی با این وضوح بیشتر، هنوز باید به این فکر کنید که چگونه ویژگی‌ها را به گونه‌ای که برای برنامه‌های کاربردی وب شما منطقی باشد، بپذیرید. Polyfills بخش بزرگی از این فرآیند است. Baseline در مورد در دسترس بودن جدید یا گسترده بودن ویژگی ها، polyfill ها را در نظر نمی گیرد و سعی نمی کند به شما بگوید که آیا از آنها استفاده کنید. این تصمیم برای درخواست شما خاص است، اما یک ملاحظه مهم است!

اخیراً، پستی درباره نحوه تفکر در مورد Baseline و polyfills منتشر کرده‌ایم و فکر می‌کنیم که چارچوب مفیدی برای نحوه استفاده از آنها ارائه می‌کند. امید با ویژگی‌هایی که به‌تازگی یا به‌طور گسترده در دسترس هستند، این است که پلی‌فیل‌ها از ضرورت کمتری برخوردار شوند. شکی نیست که polyfills ابزارهای مفیدی در جعبه ابزار توسعه شما هستند، اما دارای معایبی هستند - می توانند تأثیر منفی بر عملکرد وب سایت شما داشته باشند، و در برخی موارد، حتی ممکن است نگرانی هایی در مورد دسترسی وجود داشته باشد. امیدواریم این راهنما به شما کمک کند تا این سوال دشوار را حل کنید!

contenteditable="plaintext-only" اکنون Baseline است تازه در دسترس است

ویژگی contenteditable در یک عنصر HTML به کاربر اجازه می دهد تا محتوای آن را طوری تغییر دهد که گویی یک فیلد متنی است. این بدان معناست که، برای مثال، می‌توانید ویژگی را روی عنصر <p> قرار دهید و کاربر می‌تواند مانند <textarea> با آن تعامل داشته باشد. در برخی موارد استفاده، استفاده contenteditable مزایایی نسبت به عناصر فرم معمولی دارد.

با این حال، کاربران موارد را در عناصر قابل ویرایش جای‌گذاری می‌کنند، و چیزهایی که می‌چسبند می‌تواند حاوی قالب‌بندی متن غنی باشد، که می‌تواند تجربه‌ای ناامیدکننده را برای کاربرانی که فقط می‌خواهند متن بدون قالب را در یک فیلد جای‌گذاری کنند، فراهم کند. ترکیب ویژگی/مقدار contenteditable="plaintext-only" از این اتفاق جلوگیری می‌کند و اخیراً به تازگی در دسترس قرار گرفته است. برای کسب اطلاعات بیشتر، پست اعلامیه را بخوانید و بیاموزید که چگونه می‌توانید تجربه ویرایش بهتری را برای کاربرانی که فقط می‌خواهند متن را در چیزهایی بدون همه‌چیز جای‌گذاری کنند، ارائه دهید.

Intl.DurationFormat اکنون Baseline است به تازگی در دسترس است

احتمالاً در مقطعی از زندگی خود در یک وب‌سایت بوده‌اید و متنی را دیده‌اید که مدت زمان تا یا بعد از یک رویداد، اغلب به صورت رشته‌ای مانند «2 روز، 6 ساعت، 3 دقیقه» را نشان می‌دهد. این داده ها برای برقراری ارتباط با هر تعداد چیز به موقع مفید است، اما اغلب توسط یک کتابخانه ارائه می شود. علاوه بر این، ممکن است بخواهید این اطلاعات را به چندین زبان خروجی بگیرید.

Intl.DurationFormat را وارد کنید، یک ویژگی بین‌المللی‌سازی که اخیراً به Baseline تبدیل شده است. با کلاس Intl.DurationFormat ، می توانید یک شی را به سازنده آن ارسال کنید که حاوی واحدهای زمانی است که می خواهید در یک رشته قالب بندی شود، و تقریباً در هر زبانی که فکر کنید:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);

// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);

// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);

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

خط پایه در W3C Breakouts Day 2025

اخیراً، W3C نسخه 2025 Breakouts Day خود را برگزار کرد که در آن اعضا در مورد موضوعات مختلف سخنرانی کردند و یک جلسه مفید در مورد Baseline در 26 مارس ارائه شد .

اگر با Baseline تازه کار هستید، این جلسه یک مرور کلی سریع انجام می دهد. اصول اولیه Baseline مانند مفاهیم جدید و گسترده در دسترس را پوشش می دهد، اما همچنین به چگونگی تعیین این تعاریف توسط داده ها می پردازد، از browser-compat-data شروع می شود تا داده های web-features که به ما کمک می کند بفهمیم کدام ویژگی ها در آستانه خط پایه قرار دارند.

اگر این جلسه را از دست دادید، نگران نباشید! اسلایدهای جلسه در حال حاضر موجود است ، بنابراین اگر کنجکاوی شما بیشتر شد به آنها نگاه کنید.

این یک بسته بندی است!

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

Jeremy Wagner

تاریخ انتشار: 31 مارس 2025

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

ESLint 0.6.0 منتشر شد

اخیراً پست هایی درباره راه اندازی پشتیبانی ESLint برای linting CSS منتشر کردیم. بخشی از این راه‌اندازی شامل یک قانون جدید ESLint require-baseline - برای پر کردن ویژگی‌های CSS که در پروژه خود استفاده می‌کنید، و اینکه آیا آنها به آستانه خط پایه خاصی می‌رسند یا خیر.

اخیراً، ESLint نسخه 0.6.0 بسته @eslint/css را راه‌اندازی کرده است که شامل یک به‌روزرسانی مهم جدید است که نام قاعده require-baseline را به use-baseline تغییر می‌دهد. اگرچه این به روز رسانی به ظاهر کوچک است، اما خوانایی قانون را بهبود می بخشد. همچنین برخی از ویژگی های مهم دیگر و رفع اشکال در این نسخه وجود دارد، مانند قابلیت اضافه شده قانون use-baseline برای پر کردن بلوک های CSS تو در تو. اگر از نسخه قبلی @eslint/css استفاده می‌کنید، این به‌روزرسانی را بررسی کنید!

نحوه استعلام داشبورد پلتفرم وب

در اوایل این ماه، پستی درباره پرس و جو از داشبورد پلتفرم وب منتشر کردیم. این داشبورد را می‌توان در قسمت جلویی آن و همچنین از طریق یک API HTTP جستجو کرد. این می تواند به طور بالقوه برای ابزارهای Baseline مفید باشد، زیرا می توانید برای یافتن ویژگی هایی که به آستانه خط پایه خاصی رسیده اند از API پرس و جو کنید.

این API می تواند برای ابزارهایی مفید باشد که در آن نیاز به دریافت سریع اطلاعات در مورد ویژگی های خاص دارید. به عنوان مثال، می‌توانید از این نوع ابزار برای نوشتن یک اسکریپت استفاده کنید که در فاصله زمانی به شما می‌گوید کدام ویژگی اخیراً به‌تازگی در دسترس یا به‌طور گسترده در دسترس است. اگر این برای شما مفید به نظر می رسد، پست را بخوانید !

چگونه در مورد Baseline و polyfills فکر کنیم

ماموریت Baseline این است که مشخص کند از کدام ویژگی‌ها می‌توانید با خیال راحت استفاده کنید - اما حتی با این وضوح بیشتر، هنوز باید به این فکر کنید که چگونه ویژگی‌ها را به گونه‌ای که برای برنامه‌های کاربردی وب شما منطقی باشد، بپذیرید. Polyfills بخش بزرگی از این فرآیند است. Baseline در مورد در دسترس بودن جدید یا گسترده بودن ویژگی ها، polyfill ها را در نظر نمی گیرد و سعی نمی کند به شما بگوید که آیا از آنها استفاده کنید. این تصمیم برای درخواست شما خاص است، اما یک ملاحظه مهم است!

اخیراً، پستی درباره نحوه تفکر در مورد Baseline و polyfills منتشر کرده‌ایم و فکر می‌کنیم که چارچوب مفیدی برای نحوه استفاده از آنها ارائه می‌کند. امید با ویژگی‌هایی که به‌تازگی یا به‌طور گسترده در دسترس هستند، این است که پلی‌فیل‌ها از ضرورت کمتری برخوردار شوند. شکی نیست که polyfills ابزارهای مفیدی در جعبه ابزار توسعه شما هستند، اما دارای معایبی هستند - می توانند تأثیر منفی بر عملکرد وب سایت شما داشته باشند، و در برخی موارد، حتی ممکن است نگرانی هایی در مورد دسترسی وجود داشته باشد. امیدواریم این راهنما به شما کمک کند تا این سوال دشوار را حل کنید!

contenteditable="plaintext-only" اکنون Baseline است تازه در دسترس است

ویژگی contenteditable در یک عنصر HTML به کاربر اجازه می دهد تا محتوای آن را طوری تغییر دهد که گویی یک فیلد متنی است. این بدان معناست که، برای مثال، می‌توانید ویژگی را روی عنصر <p> قرار دهید و کاربر می‌تواند مانند <textarea> با آن تعامل داشته باشد. در برخی موارد استفاده، استفاده contenteditable مزایایی نسبت به عناصر فرم معمولی دارد.

با این حال، کاربران موارد را در عناصر قابل ویرایش جای‌گذاری می‌کنند، و چیزهایی که می‌چسبند می‌تواند حاوی قالب‌بندی متن غنی باشد، که می‌تواند تجربه‌ای ناامیدکننده را برای کاربرانی که فقط می‌خواهند متن بدون قالب را در یک فیلد جای‌گذاری کنند، فراهم کند. ترکیب ویژگی/مقدار contenteditable="plaintext-only" از این اتفاق جلوگیری می‌کند و اخیراً به تازگی در دسترس قرار گرفته است. برای کسب اطلاعات بیشتر، پست اعلامیه را بخوانید و بیاموزید که چگونه می‌توانید تجربه ویرایش بهتری را برای کاربرانی که فقط می‌خواهند متن را در چیزهایی بدون همه‌چیز جای‌گذاری کنند، ارائه دهید.

Intl.DurationFormat اکنون Baseline است به تازگی در دسترس است

احتمالاً در مقطعی از زندگی خود در یک وب‌سایت بوده‌اید و متنی را دیده‌اید که مدت زمان تا یا بعد از یک رویداد، اغلب به صورت رشته‌ای مانند «2 روز، 6 ساعت، 3 دقیقه» را نشان می‌دهد. این داده ها برای برقراری ارتباط با هر تعداد چیز به موقع مفید است، اما اغلب توسط یک کتابخانه ارائه می شود. علاوه بر این، ممکن است بخواهید این اطلاعات را به چندین زبان خروجی بگیرید.

Intl.DurationFormat را وارد کنید، یک ویژگی بین‌المللی‌سازی که اخیراً به Baseline تبدیل شده است. با کلاس Intl.DurationFormat ، می توانید یک شی را به سازنده آن ارسال کنید که حاوی واحدهای زمانی است که می خواهید در یک رشته قالب بندی شود، و تقریباً در هر زبانی که فکر کنید:

const duration = {
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35
};

// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);

// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);

// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);

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

خط پایه در W3C Breakouts Day 2025

اخیراً، W3C نسخه 2025 Breakouts Day خود را برگزار کرد که در آن اعضا در مورد موضوعات مختلف سخنرانی کردند و یک جلسه مفید در مورد Baseline در 26 مارس ارائه شد .

اگر با Baseline تازه کار هستید، این جلسه یک مرور کلی سریع انجام می دهد. اصول اولیه Baseline مانند مفاهیم جدید و گسترده در دسترس را پوشش می دهد، اما همچنین به چگونگی تعیین این تعاریف توسط داده ها می پردازد، از browser-compat-data شروع می شود تا داده های web-features که به ما کمک می کند بفهمیم کدام ویژگی ها در آستانه خط پایه قرار دارند.

اگر این جلسه را از دست دادید، نگران نباشید! اسلایدهای جلسه در حال حاضر موجود است ، بنابراین اگر کنجکاوی شما بیشتر شد به آنها نگاه کنید.

این یک بسته بندی است!

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