Новое на веб-платформе в сентябре.

Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в сентябре 2023 года.

Стабильные версии браузера

В сентябре 2023 года Firefox 118 , Safari 17 и Chrome 117 стали стабильными. В этом посте рассматривается, что это значит для веб-платформы.

Значение subgrid для grid-template-columns и grid-template-rows включено в Chrome 117, что делает эту долгожданную функцию совместимой. Вы можете узнать больше о subgrid в статье CSS subgrid .

Поддержка браузера

  • 117
  • 117
  • 71
  • 16

Источник

Chrome также включает три новые функции CSS, позволяющие легко добавлять анимацию входа и выхода, а также плавно анимировать отклоняемые элементы верхнего уровня, такие как диалоговые окна и всплывающие окна, и обратно. О transition-behavior , правиле @starting-style и свойстве overlay можно узнать в статье Четыре новые возможности CSS для анимации входа и выхода .

Также в Chrome 117 реализована группировка массивов JavaScript с помощью статических методов Object.groupBy и Map.groupBy .

Поддержка браузера

  • 117
  • 117
  • 119
  • 17,4

Источник

Safari 17 включает атрибут popover , чтобы добавить поддержку Popover API .

Safari 17 и Firefox 118 включают элемент HTML <search> . Этот элемент представляет части страницы или приложения, которые содержат функции поиска или фильтрации контента.

Поддержка браузера

  • 118
  • 118
  • 118
  • 17

Источник

В Safari 17 включено множество новых функций CSS, включая @counter-style . Это правило позволяет определять стили счетчиков, находящиеся за пределами предопределенного списка стилей. Эта функция теперь доступна во всех трех движках.

Поддержка браузера

  • 91
  • 91
  • 33
  • 17

Источник

Firefox 118 включает в себя несколько дополнительных математических функций CSS: abs() , sign() , round() , mod() , rem() , pow() , sqrt() , hypot() , log() и exp() .

Поддержка браузера

  • 120
  • 120
  • 118
  • 15,4

Источник

Safari 17 также включает поддержку изображений HEIC/HEIF и JPEG XL.

Бета-версии браузера

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 119 , Safari 17.1 и Chrome 118 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску, вот лишь несколько основных моментов.

Элемент <search> , который появится в Firefox и Safari в этом месяце, включен в Chrome 118, а это означает, что эта функция быстро появится во всех трех движках.

Статические методы Object.groupBy и Map.groupBy являются частью Firefox 119.

Chrome 118 включает стили CSS с областью действия с правилом @scope и новые медиа-функции с prefers-reduced-transparency и scripting .

Safari 17.1 в настоящее время представляет собой выпуск, который исправляет ряд проблем на платформе.

Часть новой веб-серии.