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.

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.
@property
en MDN- Entrada
@property
en el panel de la plataforma web @property
: Las variables de CSS de nueva generación ahora son compatibles con navegadores universales
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.
font-size-adjust
en MDN- Entrada
font-size-adjust
en el panel de la plataforma web - CSS
font-size-adjust
ahora está en Baseline
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.
requestVideoFrameCallback()
en MDN- Entrada
requestVideoFrameCallback()
en el panel de la plataforma web - Realiza operaciones eficientes por fotograma de video con
requestVideoFrameCallback()
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.
transition-behavior
en MDN- Entrada
transition-behavior
en el panel de la plataforma web - Ahora en Baseline: anima los efectos de entrada
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()".
- El atributo
shadowrootmode
en MDN - Entrada de Shadow DOM declarativo en el panel de la plataforma web
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.