Descubre algunas de las interesantes funciones que se incorporaron a navegadores web estables y beta durante enero de 2022.
Versiones del navegador estable
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 según el matiz, la blanura y la oscuridad.
También en Firefox 96 es la propiedad color-scheme de CSS. Esta propiedad te permite indicar los esquemas de colores con 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 el siguiente CSS.
.widget {
color-scheme: light dark;
}
Con la página de destino del esquema de colores en Firefox, esto significa que la propiedad está disponible en Chrome, Firefox y Safari.
Versiones del navegador Beta
Las versiones de navegador beta te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente.
Las versiones beta de enero fueron Chrome 98, Firefox 97 y Safari 15.4 Beta 1.
Chrome 98 admite fuentes del vector de gradiente 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 gradiente de color COLRv1 en Chrome 98.
También se incluye el método structuredClone() para hacer copias profundas de objetos, y las consultas de medios de CSS dynamic-range y video-dynamic-range. Si desea conocer más funciones para probar, consulte la publicación de la versión beta de Chrome 98.
Herramientas para desarrolladores de Chrome 98 le ofrece una colección completa de funciones nuevas, incluido el nuevo Árbol de accesibilidad completo.
Firefox 97 Beta admite las unidades cap y ic para length y también implementa la propiedad scrollbar-gutter.
Safari 15.4 Beta incluye una gran colección de cosas buenas. Las funciones incluyen la implementación del seudoelemento ::backdrop, la pseudoclase :focus-visible, la propiedad accent-color y la contención 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 compatibilidad con íconos de manifiesto de aplicaciones web.
Todas estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie de novedades en la Web