La interoperabilidad de 2024 agrega más funciones al modelo de referencia

Fecha de publicación: 22 de enero de 2025

A medida que Interop 2024 llega a su fin, esta publicación hace un repaso del año más exitoso para el proyecto. Terminamos con todos los navegadores experimentales con una puntuación de 99, y las versiones estables no se quedaron atrás. Este éxito significa que una serie de funciones ahora están disponibles como Baseline Newly.

Todos los navegadores con una puntuación de 99
Panel de interoperabilidad de 2024 (a partir del 22 de enero de 2025)

Más funciones para Baseline

Para que una función esté disponible en el modelo de referencia, debe ser interoperable. Por lo tanto, no es de extrañar que la Interoperabilidad 2024 haya ayudado a varias funciones en esa línea y en el Lineamiento de 2024.

Propiedades personalizadas registradas

La regla @property y el método estático CSS.registerProperty() se convirtieron en el modelo de referencia disponible en julio de 2024.

La propiedad font-size-adjust

La propiedad CSS font-size-adjust conserva el tamaño de texto aparente, independientemente de la fuente que se use, ya que ajusta las fuentes al mismo tamaño en relación con una métrica específica, como la altura en X. Esto puede ayudar a que las fuentes de resguardo tengan el mismo tamaño. Se convirtió en el modelo de referencia disponible más reciente en julio de 2024.

El método requestVideoFrameCallback() para <video>

El método requestVideoFrameCallback() para <video> programa una función que se ejecuta con el siguiente fotograma de video. Es similar a requestAnimationFrame(), pero para videos, y se agregó a la categoría Recientemente disponible en octubre de 2024.

Aplica diseño a la barra de desplazamiento con scrollbar-width y scrollbar-gutter

La propiedad CSS scrollbar-width establece el ancho de la barra de desplazamiento y scrollbar-gutter reserva espacio para ella, lo que evita cambios de diseño no deseados a medida que aparece y desaparece. Se convirtieron en el modelo de referencia disponible recientemente en diciembre de 2024.

La propiedad transition-behavior

La declaración de CSS transition-behavior: allow-discrete permite transiciones para propiedades cuyo comportamiento de animación es discreto. Estas propiedades no se pueden interpolar ni cambiar de su valor inicial al valor final en el 50%. Esta propiedad se convirtió en el modelo de referencia disponible recientemente en agosto de 2024.

text-wrap: balance

La propiedad CSS text-wrap establece cómo se cortan las líneas en el texto que desborda el contenedor. Es una abreviatura de text-wrap-style y text-wrap-mode. El valor balance te permite crear títulos equilibrados y otros textos breves. La propiedad text-wrap pasó a estar disponible como versión preliminar en marzo de 2024.

Notificación emergente

El pop-up te permite crear superposiciones de forma declarativa con HTML o con el método showPopover(). Casi llegó a la versión Baseline de Novedades, y, de hecho, al principio pensamos que lo había logrado. Sin embargo, un problema con la implementación de Safari hizo que no llegara a la versión Novedades en 2024. La buena noticia es que el problema se corrigió en la versión beta 18.3 de Safari actual, por lo que pronto podremos anunciar correctamente que el pop-up está disponible como Baseline.

Correcciones en las funciones de Baseline

En Interop 2024, se incluyeron funciones que ya estaban clasificadas como Base de referencia Disponible recientemente. El trabajo consistía en corregir algunas pequeñas diferencias en la implementación. Es posible que sean problemas que muy pocas personas encuentren, pero los detalles marcan una gran diferencia si te encuentras con ellos.

Anidación de CSS

El anidamiento de CSS permite selectores más cortos, una lectura más fácil y una mayor modularidad mediante el anidamiento de reglas dentro de otras. Se convirtió en Baseline disponible recientemente en diciembre de 2023 y se incluyó en Interop 2024 para corregir algunos problemas de interoperabilidad pendientes.

Shadow DOM declarativo

El atributo shadowrootmode en <template> crea una raíz en sombra sin usar JavaScript. Es una alternativa declarativa al método "attachShadow()".

Interop 2025 estará disponible próximamente

En este momento, se están ultimando las propuestas para Interop 2025 y nos complace poder aprovechar todo el éxito que tuvimos este año. No te pierdas el anuncio en febrero para saber qué incluye. Para seguir el contenido que se publica en Baseline, consulta nuestra serie de funciones nuevas disponibles en Baseline aquí en web.dev.