Рассказываем, какие интересные функции появились у веб-браузеров в октябре

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

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

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

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

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

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

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

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

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