جديد على منصة الويب في نيسان (أبريل)

تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في متصفّحات الويب الثابتة والتجريبية خلال شهر نيسان (أبريل) 2023.

في نيسان (أبريل) 2023، أصبح Firefox 112 وChrome 112 متوفّرَين بإصدار ثابت. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصة الويب.

سمة inert

يتضمّن Firefox 112 السمة العامة inert. تُطلب هذه السمة من المتصفّح تجاهل العنصر، ما يشير إلى المحتوى الذي يجب ألا يكون تفاعليًا. إذ إنه:

  • يمنع بدء أحداث click.
  • يمنع العنصر من اكتساب التركيز.
  • استبعاد العنصر ومحتوياته من شجرة تسهيل الاستخدام

أصبحت هذه السمة الآن متوافقة مع جميع المحرّكات الثلاثة.

توافق المتصفّح

  • Chrome: 102
  • Edge: 102.
  • ‫Firefox: 112
  • ‫Safari: 15.5

المصدر

دالة التخفيف linear()

تتيح الدالة linear() للتخفيف من حدة الانتقالات إجراء تداخل خطي بين عدد من النقاط. يتيح ذلك إنشاء رسوم متحركة أكثر تعقيدًا، مثل تأثيرات الارتداد والمرونة. تتوفّر هذه الدالة في الإصدار 112 من Firefox.

توافق المتصفّح

  • Chrome: 113
  • ‫Edge: 113
  • ‫Firefox: 112
  • ‫Safari: 17.2

تداخل CSS

يضيف الإصدار 112 من Chrome ميزة تداخل CSS، وهي ميزة ينتظرها العديد من المطوّرين بفارغ الصبر. يقدّم هذا الإجراء أداة اختيار جديدة للتداخل >، تُستخدَم لتداخل قواعد الأنماط ذات الصلة، بطريقة ستكون مألوفة للمطوّرين الذين استخدموا المعالجات المسبقة:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

توافق المتصفّح

  • Chrome: 120
  • الحافة: 120
  • Firefox: 117
  • ‫Safari: 17.2

المصدر

CSS animation-composition

يتضمّن الإصدار 112 من Chrome أيضًا ميزة animation-composition. تعرَّف على طريقة عمل هذا السمة في مقالة تحديد كيفية دمج تأثيرات الصور المتحركة المتعدّدة مع ميزة "تركيب الصور المتحركة".

توافق المتصفّح

  • Chrome: 112
  • ‫Edge: 112
  • Firefox: 115
  • ‫Safari: 16

المصدر

وضع التشغيل بلا واجهة مستخدم رسومية

إذا كنت تستخدم وضع التشغيل بلا واجهة مستخدم رسومية في Chrome، مثلاً مع Puppeteer، سيقدّم الإصدار 112 وضعًا جديدًا تمامًا من هذا الوضع. اطّلِع على المزيد من المعلومات في مقالة ترقية "وضع Chrome بدون واجهة مستخدم".

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار الثابت التالي من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصداران التجريبيان الجديدان هما Firefox 113 وChrome 113، ولا يزال الإصدار التجريبي من Safari 16.5 قيد التطوير. توفّر هذه الإصدارات العديد من الميزات الرائعة للمنصة. يمكنك الاطّلاع على ملاحظات الإصدار لمعرفة جميع التفاصيل، وإليك بعض الميزات البارزة.

يتضمّن الإصدار 113 من Firefox الدوالّ color() وlab() وlch() وoklab() وoklch(). تتضمّن هذه الإصدارات أيضًا الدالة color-mix() من CSS Color 5، وخاصية forced-color-adjust.

يتضمّن Firefox أيضًا بنية nth-child of <selector>، ما يتيح لك التحكّم بدقة في العناصر التي تريد اختيارها. يمكنك الاطّلاع على مزيد من المعلومات في مقالة مزيد من التحكّم في اختيارات ‎ :nth-child() باستخدام بنية of S.

بالنسبة إلى CSS، يتضمّن الإصدار 113 من Chrome ميزات الوسائط overflow-inline وoverflow-block وupdate. يتم تضمينها أيضًا في دالة التخفيف linear() ونوع image-set() غير المزوّد ببادئة.

يتضمّن الإصدار 113 من Chrome أيضًا WebGPU، وهو الإصدار الأحدث من واجهات برمجة تطبيقات الرسومات WebGL وWebGL 2 للويب. وتوفّر هذه الميزة ميزات حديثة، مثل معالجة وحدة معالجة الرسومات، وإمكانية الوصول إلى أجهزة وحدة معالجة الرسومات بتكلفة أقل، والقدرة على عرض لوحات متعددة من جهاز رسومات واحد، وأداء أفضل يمكن توقّعه بشكل أكبر.

جزء من سلسلة الميزات الجديدة على الويب