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.
@propertyen MDN- Entrada
@propertyen 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-adjusten MDN- Entrada
font-size-adjusten el panel de la plataforma web - CSS
font-size-adjustahora 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-behavioren MDN- Entrada
transition-behavioren 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
shadowrootmodeen 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.