Nuevo en la plataforma web en octubre

Descubre algunas de las funciones interesantes que llegaron en los navegadores web estables y beta en octubre de 2023.

Versiones del navegador estable

En octubre de 2023, Firefox 119, Safari 17.1, Chrome 118 y Chrome 119 se estabilizaron. En esta publicación, se analiza lo que eso significa para la plataforma web.

Funciones de JavaScript en Firefox 119

En Firefox 119, se usa 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

En Firefox 119, también se encuentran los métodos isWellFormed() y toWellFormed() de String. Se pueden usar para verificar si una string contiene Unicode con el formato correcto y para limpiar una string con un formato Unicode con el formato correcto. Estos métodos son interoperables entre los tres motores principales.

Navegadores compatibles

  • 111
  • 111
  • 119
  • 16.4

Origen

El elemento HTML <search> ahora es interoperable

Chrome 118 incluye el elemento <search>, un nuevo elemento HTML que representa las partes del documento o la aplicación que se usan para la búsqueda o el filtrado. Esta función ahora es interoperable entre los tres motores principales.

Navegadores compatibles

  • 118
  • 118
  • 118
  • 17

Origen

Reglas horizontales dentro de los elementos seleccionados

En octubre se lanzaron dos versiones de Chrome. En Chrome 119, se incluye una pequeña adición a los elementos HTML <select>. Ahora puedes agregar una regla horizontal entre las opciones que se muestre como divisor entre los elementos. Obtén más información en Seleccionar elemento, ahora con reglas horizontales.

Alcance de CSS

Chrome 118 incluye CSS específico con la regla @scope. Esta regla proporciona una manera de seleccionar elementos dentro de un subárbol del DOM. Obtén más información en el artículo Limita el alcance de tus selectores con el @scope at-rule de CSS.

Navegadores compatibles

  • 118
  • 118
  • x
  • 17.4

Origen

prefers-reduced-transparency de CSS

Chrome 118 incluye la función multimedia prefers-reduced-transparency. Este es uno de un conjunto de funciones que te permiten verificar las preferencias establecidas por un usuario en su dispositivo y responder para satisfacer sus necesidades en tu código. Obtén más información sobre la función en prefers-reduced-transparency de CSS.

Navegadores compatibles

  • 118
  • 118
  • x

Origen

Sintaxis de colores relativos de CSS

En Chrome 119, se incluye una nueva y potente función del Color 5 de CSS: la sintaxis de colores relativas. Esto te permite derivar un color de otro color con cualquier espacio de color o sintaxis que necesites.

Recolección de elementos no utilizados de WebAssembly (WasmGC)

Chrome 119 incluye WasmGC para acelerar el trabajo con lenguajes de recolección de elementos no utilizados, como Kotlin, PHP o Java, en WebAssembly. Consulta todos los detalles en la recolección de elementos no utilizados de WebAssembly (WasmGC) ahora está habilitada de forma predeterminada en Chrome.

Versiones beta del navegador

Las versiones beta del navegador te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar tu sitio antes de que todo el mundo reciba ese lanzamiento. Las versiones beta nuevas son Firefox 120 y Safari 17.2. Estos lanzamientos traen muchas funciones excelentes a la plataforma. Consulta las notas de la versión para conocer todos los detalles. Estos son solo algunos de los aspectos destacados.

Safari 17.2 incluye muchas funciones nuevas. Para CSS, se admite la API de CSS Custom Highlight, las propiedades mask-border, la propiedad counter-set y muchas otras funciones. Además, hay muchas correcciones a las funciones existentes para mejorar la interoperabilidad.

Para HTML, Safari 17.2 incluye compatibilidad con el atributo name para el elemento <details>. Además, en las APIs web, la compatibilidad con la prioridad de recuperación y las imágenes responsivas ahora están habilitadas en <link rel=preload>.

Firefox 120 agrega compatibilidad con las unidades rh y rlh de CSS, text-wrap: balance, y la función light-dark().

Parte de la serie web "Novedad en la Web"