Nuevo usuario de la plataforma web en agosto

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

En agosto de 2023, se establecieron Firefox 116, Firefox 117, Safari 16.6 y Chrome 116. En esta publicación, se explica lo que esto significa para la plataforma web.

Firefox 116 es compatible con la API de dispositivos de salida de audio en todas las plataformas, excepto Android. Esta API permite que las aplicaciones web redireccionen la salida de audio a auriculares Bluetooth, altavoz o cualquier otro dispositivo permitidos, en lugar de tener que usar el navegador o el SO predeterminado subyacente.

Navegadores compatibles

  • x
  • x
  • 116
  • x

Origen

Chrome 116 incluye una ruta de movimiento de CSS que permite que se anime cualquier objeto gráfico a lo largo de una ruta especificada por el desarrollador. Esto permite una serie de nuevas posibilidades de transformación potentes, como el posicionamiento mediante coordenadas polares (con la función ray()) en lugar de las coordenadas rectangulares estándar usadas por la función translate() o la animación de un elemento a lo largo de un trazado definido. lo que facilita la definición de transiciones espaciales 2D complejas y atractivas. Se puede especificar una ruta de acceso como circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() y url().

Además, en Chrome 116 se encuentra la API de pantalla en pantalla de documentos. Esto habilita una ventana siempre activa que se puede propagar con HTMLElements arbitrarios. Esta es una expansión de la API de HTMLVideoElement existente que solo permite que un HTMLVideoElement se coloque en una ventana de pantalla en pantalla (PIP).

Navegadores compatibles

  • 116
  • 116
  • x
  • x

Origen

Firefox 117 es compatible con el Nesting de CSS y el selector de anidamiento &. Esto permite anidar una regla de estilo dentro de otra. Por lo tanto, el anidamiento de CSS es interoperable con una salvedad: Safari y Chrome implementaron una versión anterior de la especificación, que no permitía la anidación de los selectores de tipo. Firefox implementó la nueva versión de la especificación que no requiere el selector de anidación &. Puedes ver ejemplos de ambas versiones en Cómo usar la anidación de CSS.

Navegadores compatibles

  • 120
  • 120
  • 117
  • 17.2

Origen

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 118 y Chrome 117. La versión beta de Safari 17 todavía está en curso. 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.

Todavía no hay mucha información disponible para la próxima versión de Firefox. Sin embargo, Chrome 117 promete algunas funciones emocionantes. Por ejemplo, algunas funciones nuevas de CSS que permiten animaciones de entrada y salida.

El valor de subgrid para grid-template-columns y grid-template-rows se incluye en Chrome 117, por lo que la función era interoperabilidad.

También en Chrome 117 es la agrupación de arrays de JavaScript con los métodos estáticos Object.groupBy y Map.groupBy.

La versión beta de Safari 17 incluye el atributo popover para agregar compatibilidad con la API de Popover.

Parte de la serie de novedades en la Web