Descubre algunas de las interesantes funciones que se lanzaron a navegadores web estables y beta durante diciembre de 2023.
Versiones del navegador estable
En diciembre de 2023, Firefox 121, Chrome 120 y Safari 17.2 se volvieron estables. En esta publicación, se explica lo que esto significa para la plataforma web.
Análisis relajado para la anidación de CSS
Chrome 120 y Safari 17.2 incluyen un análisis relajado para la anidación de CSS. Como ya se admitió Firefox a partir de la versión 117, todos los motores principales son compatibles con este cambio de sintaxis.
Acordeones exclusivos con el elemento <details>
Chrome 120 y Safari 17.2 incluyen compatibilidad con el atributo name
para el elemento <details>
. Esto significa que puedes crear componentes de acordeón exclusivos agrupando una serie de elementos <details>
.
Obtén más información en acordeón exclusivo.
Navegadores compatibles
- 120
- 120
- x
- 17.2
El selector :has()
Firefox 121 incluye el selector :has()
de CSS. Esta versión hace que :has()
sea interoperable en todos los motores principales.
Obtén más información en :has()
: el selector de familia.
La API de CSS Custom Highlight
Safari 17.2 incluye la API de CSS Custom Highlight, que te permite crear y diseñar rangos de texto, lo que extiende las seudoclases de resaltado estándar, como ::selection
.
La API de CloseWatcher
Chrome 120 incluye la API de CloseWatcher, una nueva API para escuchar y responder solicitudes de cierre.
Estas solicitudes se activan con la clave ESC
en computadoras y el botón o gesto atrás en Android, y pueden ser difíciles de implementar.
Además de la API, Chrome 120 actualiza <dialog>
y el atributo popover
para responder al botón Atrás de Android.
Navegadores compatibles
- 120
- 120
- x
- x
CSS text-wrap: balance
y stable
Firefox 121 incluye los valores balance
y stable
para text-wrap
.
El valor balance
es útil para bloques cortos de contenido, como encabezados, que crean un texto más agradable y fácil de leer. El valor stable
evita que se vuelva a subir contenido editable mientras se edita.
Obtén más información sobre text-wrap: balance
.
text-wrap: balance
text-wrap: stable
Carga diferida de elementos <iframe>
Firefox 121 admite el atributo loading
en los elementos <iframe>
.
Esto significa que la carga diferida de iframes ahora es compatible con todos los motores principales.
Navegadores compatibles
- 77
- 79
- 121
- 16.4
Compatibilidad con la función de aceleración linear()
Safari 17.2 también admite la función de aceleración linear()
, que se puede usar para crear efectos de rebote y resorte.
Navegadores compatibles
- 113
- 113
- 112
- 17.2
Versiones del navegador Beta
Las versiones del navegador beta te ofrecen una vista previa de los elementos que estarán 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 mundo la implemente. Las nuevas versiones beta son Firefox 122, Chrome 121 y Safari 17.3. Estos lanzamientos aportan muchas funciones increíbles a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son algunos aspectos destacados.
Firefox 122 y Chrome 121 incluyen el método showPicker()
para HTMLSelectElement.
Aquí se muestra el mismo selector que se mostraría cuando se selecciona el elemento, pero se puede activar cuando se presiona un botón o se produce otra interacción del usuario.
Chrome 121 incluye las propiedades de diseño de la barra de desplazamiento scrollbar-color
y scrollbar-width
, junto con el enmascaramiento de CSS mejorado para SVG, y se destacan seudoelementos para texto con errores ortográficos o gramaticalmente incorrecto.