Nuevo uso de la plataforma web en septiembre

Descubre algunas de las funciones interesantes que se lanzaron a navegadores web estables y beta durante septiembre de 2023.

Versiones del navegador estable

En septiembre de 2023, Firefox 118, Safari 17 y Chrome 117 se volvieron estables. En esta publicación, se explica lo que esto significa para la plataforma web.

El valor subgrid de grid-template-columns y grid-template-rows se incluye en Chrome 117, por lo que tanto la función era tan esperada. Puedes obtener más información sobre la subcuadrícula en el artículo Subcuadrícula de CSS.

Navegadores compatibles

  • 117
  • 117
  • 71
  • 16

Origen

Chrome también incluye tres funciones nuevas de CSS para agregar fácilmente animaciones de entrada y salida, y animar sin problemas hacia y desde los elementos descartables de la capa superior, como los diálogos y las ventanas emergentes. Puedes obtener información sobre la propiedad transition-behavior, la regla @starting-style y la propiedad overlay en el artículo Cuatro funciones nuevas de CSS para las animaciones de entrada y salida.

También en Chrome 117 se encuentra la agrupación de arrays de JavaScript con los métodos estáticos Object.groupBy y Map.groupBy.

Navegadores compatibles

  • 117
  • 117
  • 119
  • 17,4

Origen

Safari 17 incluye el atributo popover para agregar compatibilidad con la API de Popover.

Safari 17 y Firefox 118 incluyen el elemento HTML <search>. Este elemento representa las partes de la página o la aplicación que tienen funciones para buscar o filtrar contenido.

Navegadores compatibles

  • 118
  • 118
  • 118
  • 17

Origen

Safari 17 incluye muchas funciones nuevas de CSS, como @counter-style. Esta regla te permite definir diseños de contador que están fuera de la lista predefinida de diseños. Esta función ahora está disponible en los tres motores.

Navegadores compatibles

  • 91
  • 91
  • 33
  • 17

Origen

Firefox 118 incluye varias funciones matemáticas de CSS adicionales: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() y exp().

Navegadores compatibles

  • 120
  • 120
  • 118
  • 15.4

Origen

Safari 17 también es compatible con imágenes HEIC/HEIF y JPEG XL.

Versiones del navegador Beta

Las versiones del navegador beta te ofrecen una vista previa de los elementos que estarán en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 119, Safari 17.1 y Chrome 118. Estas versiones aportan muchas funciones excelentes a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son solo algunos aspectos destacados.

El elemento <search>, que se enviará este mes en Firefox y Safari este mes, se incluye en Chrome 118, lo que significa que esta función está disponible rápidamente en los tres motores.

Los métodos estáticos Object.groupBy y Map.groupBy forman parte de Firefox 119.

Chrome 118 incluye estilos con alcance de CSS con la regla @scope y nuevas funciones multimedia con prefers-reduced-transparency y scripting.

En la actualidad, Safari 17.1 es una versión que corrige una variedad de problemas en la plataforma.

Parte de la serie de novedades en la Web