Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante marzo de 2022.
Versiones del navegador estable
En marzo, Chrome 99, Chrome 100, Firefox 98 y Safari 15.4 se volvieron estables. Esto trajo un lote completo de funciones nuevas a la plataforma, y muchas de estas incorporaciones hicieron que la función estuviera disponible en los tres motores de navegador. En esta publicación, me concentré en las incorporaciones que nos brindan interoperabilidad entre navegadores, pero consulta las notas de la versión para ver todas las funciones agregadas a cada motor.
Chrome 99 y Safari 15.4 incluyeron capas en cascada. La regla-at @layer define una capa en cascada, lo que te ayuda a controlar la especificidad. Se unen a Firefox, por lo que Cascade Layers ahora está disponible en los tres motores de navegador. Obtén más información acerca de las capas en cascada en Las capas en cascada llegarán a tu navegador.
Chrome 100 incluye el nuevo valor de plus-lighter para la propiedad mix-blend-mode de CSS. Este valor es útil cuando se encadenan dos elementos cuando todos los píxeles o un subconjunto de ellos tienen los mismos valores. Puedes obtener más información sobre el problema que esto resuelve en la sección Por el momento, es imposible encadenar dos elementos del DOM.
Navegadores compatibles
- 100
- 100
- 99
- 9.1
Safari 15.4 incluye la propiedad contain, lo que permite la contención de CSS.
También en Safari 15.4 es accent-color, que otorga control sobre el color de los elementos destacados que se usa en algunos controles de formularios.
Firefox 98 y Safari 15.4 crearon el elemento <dialog>, que representa un cuadro de diálogo.
Safari 15.4 también agregó compatibilidad con la seudoclase :focus-visible. El trabajo de implementación relacionado con esto fue por parte de Igalia.
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 marzo fueron Chrome 101 y Firefox 99.
Chrome 101 beta incluye notación de color HWB. Esta opción especifica el color según su matiz, blanura y oscuridad. Al igual que ocurre con otras notaciones de colores, un componente alfa opcional especifica la opacidad.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 incluye la propiedad pdfViewerEnabled de la interfaz de Navigator. Esta propiedad indica si el navegador admite la visualización intercalada de archivos PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie de novedades en la Web