Nuevo en la plataforma web en enero

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

Rachel Andrew

Versiones estables del navegador

En enero, Chrome 97 y Firefox 96 se volvieron estables.

Firefox 96 envió la función de color hwb(). Esta función expresa un color por tono, blancura y negritud.

En Firefox 96, también se encuentra la propiedad color-scheme del CSS. Esta propiedad te brinda una forma de indicar los esquemas de colores en los que se puede renderizar un elemento. Por ejemplo, para indicar que .widget se puede renderizar en los modos oscuro o claro del sistema operativo, usa la siguiente CSS.

.widget {
  color-scheme: light dark;
}

Con el lanzamiento de color-scheme en Firefox, la propiedad está disponible en Chrome, Firefox y Safari.

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 versiones beta de enero fueron Chrome 98, Firefox 97 y Safari 15.4 Beta 1.

Chrome 98 admite fuentes de vectores de gradientes de color COLRv1 como un nuevo formato de fuente adicional. Una fuente de color contiene glifos con varios colores, que pueden ser, por ejemplo, un emoji, una bandera de país o una letra multicolor.

Obtén más información sobre este nuevo formato de fuente en Fuentes de vectores de gradientes de color COLRv1 en Chrome 98.

También se incluye el método structuredClone() para crear copias profundas de objetos y las consultas de medios CSS dynamic-range y video-dynamic-range. Encuentra más funciones para probar en la entrada de Chrome 98 Beta.

Las Herramientas para desarrolladores de Chrome 98 incluyen una gran variedad de funciones nuevas, como el nuevo Árbol de accesibilidad completa.

Firefox 97 Beta admite las unidades cap y ic para length y también implementa la propiedad scrollbar-gutter.

La versión beta de Safari 15.4 incluye una gran cantidad de funciones nuevas. Las funciones incluyen la implementación del seudoelemento ::backdrop, la seudoclase :focus-visible, la propiedad accent-color y el aislamiento de CSS con la propiedad contain. Esta versión beta también incluye el elemento HTML <dialog>, el atributo lazy en las imágenes para habilitar la carga diferida, además de la compatibilidad con los íconos de manifiesto de apps web.

Todas estas funciones beta pronto estarán disponibles en navegadores estables.

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