Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante febrero de 2022.
Versiones del navegador estable
En febrero, Chrome 98 y Firefox 97 se volvieron estables.
Chrome 98 envió el método self.structuredClone. Crea una clonación profunda de un valor mediante el uso del algoritmo de clonación estructurada. Obtén más información sobre structuredClone().
Firefox 97 incluye capas en cascada. La regla-at @layer define una capa en cascada, lo que te ayuda a controlar la especificidad.
@layer framework {
/* creates a new layer named framework */
}
Firefox es el primer navegador que lo incluye en una versión de actualización. Sin embargo, consulta la sección de esta publicación sobre las versiones beta, ya que pronto esta función estará disponible en todas partes. Obtén más información acerca de las capas en cascada en las capas en cascada llegarán a tu navegador.
Firefox también recibe la propiedad scrollbar-gutter. Esta propiedad ayuda a quitar los cambios de diseño causados por una barra de desplazamiento que aparece a medida que crece el contenido.
Un medianil de la barra de desplazamiento es el espacio entre el borde del borde interno y el borde de padding externo. Aquí es donde aparecerá una barra de desplazamiento si es necesario. Si no hay una barra de desplazamiento, el margen se muestra como una extensión del relleno. La siguiente CSS agregaría espaciado debido al tamaño de la barra de desplazamiento en ambos lados del cuadro, para mantener la apariencia simétrica.
.container {
scrollbar-gutter: stable both-edges;
}
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.
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 nuevas versiones beta de febrero fueron Chrome 99 y Firefox 98. La versión beta 15.4 de Safari sigue en curso. Abarcamos algunos de los aspectos que se incluyeron el mes pasado.
Chrome 99 incluye capas en cascada. Además, en Safari beta 15.4 también incluye capas en cascada. Esperamos ver esta función en todos los navegadores perdurables muy pronto.
Además, en Chrome 99, hay varios atributos nuevos para CanvasRenderingContext2D y un nuevo método showPicker() en HTMLInputElement, que es una forma de mostrar un selector de navegador para fecha, hora, color y archivos.
En Firefox 98, encontrarás el elemento <dialog>. Esta es otra función que estará disponible en todos los navegadores perdurables cuando las versiones beta de Firefox y Safari se vuelvan estables.
Todas estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie de novedades en la Web