Novedades de la plataforma web en abril

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante abril de 2023.

En abril de 2023, Firefox 112 y Chrome 112 se volvieron estables. Veamos qué significa esto para la plataforma web.

El atributo inert

Firefox 112 incluye el atributo global inert. Este atributo le indica al navegador que ignore el elemento, lo que indica contenido que no debe ser interactivo. El reglamento se caracteriza por los siguientes aspectos:

  • Evita que se activen eventos click.
  • Evita que el elemento se enfoque.
  • Excluye el elemento y su contenido del árbol de accesibilidad.

Este atributo ahora es interoperable en los tres motores.

Navegadores compatibles

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

Origen

La función de suavización linear()

La función de suavización linear() habilita la interpolación lineal entre varios puntos. Esto permite animaciones más complejas, como efectos de rebote y elásticos. Esta función está disponible en Firefox 112.

Navegadores compatibles

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

Anidamiento de CSS

Chrome 112 agrega compatibilidad con la anidada de CSS, una función que muchos desarrolladores esperan con ansias. Se presenta un nuevo selector de anidación >, que se usa para anidar reglas de estilo relacionadas, de una manera que resultará familiar para los desarrolladores que hayan usado los procesadores:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Navegadores compatibles

  • Chrome: 120
  • Edge: 120
  • Firefox: 117.
  • Safari: 17.2.

Origen

CSS animation-composition

Chrome 112 también incluye compatibilidad con animation-composition. Obtén información sobre cómo funciona esta propiedad en Especifica cómo varios efectos de animación deben componerse con la composición de animación.

Navegadores compatibles

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

Origen

Nuevo modo sin interfaz gráfica

Si usas el modo sin interfaz gráfica de Chrome, por ejemplo, con Puppeteer, la versión 112 incluye un modo sin interfaz gráfica completamente nuevo. Obtén más información en El modo sin interfaz gráfica de Chrome recibe una actualización.

Versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que estará disponible 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 resto del mundo obtenga esa versión. Las nuevas versiones beta son Firefox 113 y Chrome 113, y la versión beta de Safari 16.5 aún está en curso. Estas versiones ofrecen muchas funciones excelentes a la plataforma. Consulta las notas de la versión para obtener todos los detalles. A continuación, se incluyen algunos aspectos destacados.

Firefox 113 incluye las funciones color(), lab(), lch(), oklab() y oklch(). También se incluye la función color-mix() del color CSS 5 y la propiedad forced-color-adjust.

Firefox también incluye la sintaxis nth-child of <selector>, que brinda un control más preciso de los elementos que deseas seleccionar. Obtén más información en Más control sobre las selecciones :nth-child() con la sintaxis de S.

En el caso de CSS, Chrome 113 incluye las funciones multimedia overflow-inline, overflow-block y update. También se incluye en la función de suavización linear() y en el tipo image-set() sin prefijo.

Chrome 113 también incluye WebGPU, el sucesor de las APIs de gráficos WebGL y WebGL 2 para la Web. Proporciona funciones modernas, como el procesamiento de GPU, un acceso con menor sobrecarga al hardware de GPU, la capacidad de renderizar en varios lienzos desde un solo dispositivo gráfico y un rendimiento mejor y más predecible.

Parte de la serie de artículos para principiantes en la Web