جدید در کروم 135

راشل اندرو

منتشر شده: ۱ آوریل ۲۰۲۵

کروم ۱۳۵ اکنون در حال انتشار است و این پست برخی از ویژگی‌های کلیدی این نسخه را به اشتراک می‌گذارد. یادداشت‌های کامل انتشار کروم ۱۳۵ را بخوانید و خلاصه سه‌ماهه ما را برای همه چیزهایی که تاکنون در سال جاری منتشر شده است، بررسی کنید.

نکات برجسته از این نسخه

مجموعه‌ای کامل از ویژگی‌ها وجود دارد که چرخ و فلک‌های CSS را فعال می‌کنند . ویژگی‌های command و commandfor به شما امکان می‌دهند رفتار را به صورت اعلانی به دکمه‌ها متصل کنید. تابع shape() در CSS به شما امکان می‌دهد برای ویژگی‌های clip-path و offset-path یک شکل تعریف کنید.

چرخ و فلک‌های CSS

تعداد زیادی از ویژگی‌های CSS در یادداشت‌های انتشار وجود دارد و بسیاری از این ویژگی‌ها، اضافات کوچک مختلفی هستند که با هم ترکیب می‌شوند تا چرخ و فلک‌های CSS را فعال کنند. ویژگی‌های کلیدی، شبه‌عناصر جدید CSS هستند ::scroll-button() and ::scroll-marker()` که به شما امکان می‌دهند یک ناحیه قابل پیمایش را به یک چرخ و فلک تبدیل کنید.

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

ویژگی‌های command و commandfor

کروم ۱۳۵ با ویژگی‌های جدید command و commandfor ، قابلیت‌های جدیدی را برای ارائه رفتار اعلانی معرفی می‌کند که ویژگی‌های popovertargetaction و popovertarget را بهبود بخشیده و جایگزین آنها می‌کند. این ویژگی‌های جدید را می‌توان به دکمه‌ها اضافه کرد و به مرورگر اجازه داد تا برخی از مشکلات اصلی پیرامون سادگی و دسترسی را برطرف کند و قابلیت‌های مشترک داخلی را ارائه دهد.

کد HTML زیر روابط اعلانی بین یک دکمه و منو را تنظیم می‌کند که به مرورگر اجازه می‌دهد منطق و دسترسی‌پذیری را برای شما مدیریت کند. نیازی به مدیریت aria-expanded یا افزودن هیچ جاوا اسکریپت اضافی نیست.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

برای کسب اطلاعات بیشتر در مورد این ویژگی‌های جدید، به معرفی command و commandfor مراجعه کنید.

تابع shape() در CSS

تابع ()shape در CSS برای تعریف یک شکل برای ویژگی‌های clip-path و offset-path استفاده می‌شود.

تابع shape() از مجموعه‌ای از دستورات تقریباً معادل دستورات استفاده شده توسط path() استفاده می‌کند، اما این کار را با سینتکس CSS استانداردتری انجام می‌دهد و طیف کاملی از قابلیت‌های CSS، مانند واحدهای اضافی و توابع ریاضی را فراهم می‌کند. این تابع در Firefox Nightly و Safari 18.4 beta وجود دارد، بنابراین باید به زودی Baseline New نیز در دسترس قرار گیرد.

و بیشتر!

البته چیزهای بیشتری هم هست.

  • API گفتار وب اکنون از MediaStreamTrack پشتیبانی می‌کند.
  • Float16Array پشتیبانی می‌شود و به عنوان Baseline به تازگی در دسترس قرار گرفته است.
  • اکنون از Observable API پشتیبانی می‌شود.

مطالعه بیشتر

این فقط برخی از نکات برجسته کلیدی را پوشش می‌دهد. برای تغییرات بیشتر در کروم ۱۳۴، لینک‌های زیر را بررسی کنید.

اشتراک

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

به محض انتشار کروم ۱۳۵، ما همینجا هستیم تا به شما بگوییم چه چیزهایی در کروم جدید است!