Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante abril de 2023.
Versiones del navegador estable
En abril de 2023, Firefox 112 y Chrome 112 se estabilizaron. Veamos qué significa esto para la plataforma web.
El atributo inert
Firefox 112 incluye el atributo global inert. Este atributo indica al navegador que ignore el elemento, lo que indica que el contenido no debe ser interactivo. Por ejemplo:
- Impide que se activen los eventos
click. - Evita que el elemento se enfoque.
- Excluye el elemento y su contenido del árbol de accesibilidad.
Ahora, este atributo es interoperable en los tres motores.
La función de aceleración linear()
La función de aceleración linear() permite la interpolación lineal entre varios puntos. Esto permite animaciones más complejas, como los efectos de rebote y elásticos. Esta función está disponible en Firefox 112.
Navegadores compatibles
- 113
- 113
- 112
- 17.2
Anidación de CSS
Chrome 112 agrega compatibilidad con Nesting de CSS, una función muy esperada por muchos desarrolladores. Se presenta un nuevo selector de anidamiento >, que se utiliza para anidar reglas de estilo relacionadas, de una manera que les resultará familiar a los desarrolladores que usaron preprocesadores:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
CSS animation-composition
Chrome 112 también incluye compatibilidad con animation-composition. Obtén información sobre el funcionamiento de esta propiedad en Cómo especificar cómo se deben componer varios efectos de animación con una composición de animación.
Nuevo modo sin interfaz gráfica
Si utilizas el modo sin interfaz gráfica de Chrome, por ejemplo, con Puppeteer, la versión 112 ofrece un modo sin interfaz gráfica completamente nuevo. Obtén más información en Actualización del modo sin interfaz gráfica de Chrome.
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 113 y Chrome 113, y la versión beta de Safari 16.5 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.
Firefox 113 incluye las funciones color(), lab(), lch(), oklab() y oklch(). También se incluye la función color-mix() del color 5 de CSS y la propiedad forced-color-adjust.
Firefox también incluye la sintaxis nth-child of <selector>, lo que brinda un control más preciso de los elementos que deseas seleccionar. Obtén más información en Más control sobre las selecciones :nth-child() con la sintaxis de S.
En el caso de CSS, Chrome 113 incluye las funciones multimedia overflow-inline, overflow-block y update. También se incluye en la función de aceleración linear() y el tipo image-set() sin prefijo.
Chrome 113 también incluye WebGPU, el sucesor de las APIs de gráficos WebGL y WebGL 2 para la Web. Proporciona funciones modernas como el procesamiento con GPU, menor sobrecarga de acceso al hardware de GPU, la capacidad de renderizar varios lienzos desde un solo dispositivo gráfico y un rendimiento mejor y más predecible.
Parte de la serie de novedades en la Web