Nuevo en la plataforma web en febrero

Descubre algunas de las funciones interesantes que llegaron a los navegadores web estables y beta durante febrero de 2022.

Rachel Andrew

Versiones estables del navegador

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 algoritmo de clonación estructurada. Obtén más información sobre structuredClone().

Navegadores compatibles

  • Chrome: 98.
  • Edge: 98.
  • Firefox: 94.
  • Safari: 15.4.

Origen

Firefox 97 incluye capas en cascada. La regla de anidación @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 en incorporar esta función en una versión de lanzamiento. Sin embargo, consulta la sección de esta publicación sobre las versiones beta, ya que no pasará demasiado tiempo hasta que la función esté disponible en todas partes. Obtén más información acerca de las Capas en cascada en tu navegador estará disponible en ella.

Navegadores compatibles

  • Chrome: 99.
  • Edge: 99.
  • Firefox: 97.
  • Safari: 15.4.

Origen

Firefox también obtiene 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.

El medianil de la barra de desplazamiento es el espacio entre el borde del borde interno y el borde externo del padding. Aquí es donde aparecerá una barra de desplazamiento si es necesario. Si no hay barra de desplazamiento, el margen se muestra como una extensión del padding. El siguiente CSS agregaría espaciado que tenga en cuenta el tamaño de la barra de desplazamiento a ambos lados del cuadro para mantener la apariencia simétrica.

.container {
  scrollbar-gutter: stable both-edges;
}

Navegadores compatibles

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 97.
  • Safari Technology Preview: compatible.

Origen

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.

Versiones beta del navegador

Las versiones beta de los navegadores 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 funciones nuevas o eliminaciones que podrían afectar a tu sitio antes de que el resto del mundo obtenga esa versión.

Las nuevas versiones beta de febrero fueron Chrome 99 y Firefox 98. La versión beta 15.4 de Safari sigue en curso. Abordamos algunos de los aspectos que se incluyeron en el mes pasado.

Chrome 99 incluye capas en cascada, y como también se incluyen en la versión beta 15.4 de Safari, es probable que veamos esta función en todos los navegadores de actualización continua muy pronto.

También 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 la fecha, la hora, el color y los archivos.

En Firefox 98, encontrarás el elemento <dialog>. Esta es otra función que estará disponible en todos los navegadores de actualización continua una vez que las versiones beta de Firefox y Safari sean estables.

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

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