Nuevo en la plataforma web en febrero

Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante febrero de 2023.

En febrero de 2023, Firefox 110 y Chrome 110 se estabilizaron. Veamos qué significa esto para la plataforma web.

Firefox 110 incluía compatibilidad con las consultas de contenedores de tamaño, lo que hizo que esta función clave estuviera disponible en los tres motores.

Navegadores compatibles

  • 105
  • 105
  • 110
  • 16

Origen

Letras iniciales de CSS

En Chrome 110, se agrega compatibilidad con la propiedad initial-letter de CSS. Esta propiedad establece el número de líneas que una letra inicial debe plasmar en las siguientes líneas de texto. Obtén más información en la entrada Controla los límites desplegables con las letras iniciales de CSS.

Navegadores compatibles

  • 110
  • 110
  • x
  • 9

Origen

Iteración asíncrona de ReadableStream

Firefox agregó compatibilidad con el protocolo iterable asíncrono en ReadableStream.

AudioContext.setSinkId()

En Chrome, AudioContext.setSinkId establece el ID del dispositivo de audio que se usará para la salida. Esto permite que AudioContext enrute el audio a un dispositivo de salida conectado que el usuario elija.

Obtén más información sobre esta función en la entrada Cómo cambiar el dispositivo de salida en el audio web.

Navegadores compatibles

  • 110
  • 110
  • x
  • x

Origen

IFrame sin credenciales

Además, en Chrome, la función IFrame sin credenciales les brinda a los desarrolladores una forma de cargar documentos en iframes de terceros usando contextos nuevos y efímeros. Iframe sin credenciales es una generalización de COEP sin credenciales para admitir iframes de terceros que pueden no implementar COEP. Esto quita la restricción de que los iframes de terceros deben admitir el COEP para que se puedan incorporar en una página COEP y desbloqueará a los desarrolladores que busquen adoptar el aislamiento de origen cruzado.

Obtén más información sobre el iframe sin credenciales.

Navegadores compatibles

  • 110
  • 110
  • x
  • x

Estable temprana

Chrome 110 también marcó un cambio en el programa de lanzamientos de Chrome. La versión estable temprana se lanzará una semana antes que la versión general para un pequeño porcentaje de usuarios. Puedes obtener más información sobre este cambio en el artículo Cambio en el programa de lanzamientos de Chrome 110.

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 son Firefox 111, Safari 16.4 y Chrome 111. Estos lanzamientos aportan muchas funciones increíbles a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son solo algunos aspectos destacados.

Firefox agrega compatibilidad con el sistema de archivos privados de origen (OPFS) cuando se usa la API de File System Access.

Chrome incluye todas las funciones descritas en el nivel 4 de color CSS. Esto incluye cuatro tipos de colores independientes del dispositivo (lab, Oklab, lch y Oklch), la función color() y espacios de color definidos por el usuario para gradientes y animaciones. También se incluye la función color-mix() del color 5 del CSS.

Lee la guía de colores de CSS en alta definición para obtener información sobre estos nuevos tipos de color y espacios.

Chrome también incluye la API View Transitions, que permite transiciones perfeccionadas en aplicaciones de una página (SPA). Obtén más información en la documentación sobre transiciones de vistas.

Además, en Chrome 111 se encuentra el shadow DOM declarativo, una nueva forma de implementar y usar shadow DOM directamente en HTML.

Safari 16.4 promete ser un gran lanzamiento para la plataforma. En el caso del CSS, la versión incluye compatibilidad con las seudoclases :user-invalid y :user-valid, la propiedad margin-trim, la sintaxis de rango para consultas de medios, y compatibilidad con la API de propiedades y valores de CSS, y @property.

Safari también incluye compatibilidad con Web Push y la API de Badging, junto con varias otras APIs web. Es un lanzamiento emocionante en el que varias funciones alcancen la interoperabilidad.

Parte de la serie de novedades en la Web