Fecha de publicación: 1 de abril de 2025
Chrome 135 se está lanzando ahora, y en esta publicación, se comparten algunas de las funciones clave de la versión. Lee las notas de la versión completa de Chrome 135 y consulta nuestro resumen trimestral para ver todo lo que se lanzó hasta el momento este año.
Novedades de esta versión
Hay un conjunto completo de funciones que habilitan los carruseles de CSS. Los atributos command
y commandfor
te permiten adjuntar comportamiento a los botones de forma declarativa. La función shape()
de CSS te permite definir una forma para las propiedades clip-path
y offset-path
.
Carruseles de CSS
Hay una gran cantidad de funciones de CSS en las notas de la versión, y muchas de ellas son diferentes incorporaciones pequeñas que se combinan para habilitar los carruseles de CSS. Las funciones clave son los nuevos seudoelementos CSS: ::scroll-button() and
::scroll-marker()`, que te permiten convertir un área desplazable en un carrusel.
Para descubrir cómo usar estas funciones nuevas y obtener inspiración para tus propios proyectos, lee Carruseles con CSS.
Los atributos command
y commandfor
Chrome 135 presenta nuevas funciones para proporcionar un comportamiento declarativo con los nuevos atributos command
y commandfor
, que mejoran y reemplazan los atributos popovertargetaction
y popovertarget
. Estos atributos nuevos se pueden agregar a los botones, lo que permite que el navegador aborde algunos problemas principales relacionados con la simplicidad y la accesibilidad, y proporcione una funcionalidad común integrada.
El siguiente código HTML establece relaciones declarativas entre un botón y el menú, lo que permite que el navegador controle la lógica y la accesibilidad por ti. No es necesario administrar aria-expanded ni agregar ningún JavaScript adicional.
<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
<!-- ... -->
</div>
Obtén más información sobre estos nuevos atributos en Presentamos command y commandfor.
La función shape()
de CSS
La función shape() de CSS se usa para definir una forma para las propiedades clip-path y offset-path.
La función shape()
usa un conjunto de comandos aproximadamente equivalentes a los que usa path()
, pero lo hace con una sintaxis de CSS más estándar y permite todo el rango de funcionalidad de CSS, como unidades adicionales y funciones matemáticas. Está en Firefox Nightly y Safari 18.4 beta, por lo que debería estar disponible en Baseline próximamente.
Y mucho más.
Por supuesto, hay mucho más.
- La API de Web Speech ahora incluye compatibilidad con
MediaStreamTrack
. - Float16Array es compatible y se convierte en Baseline Newly available.
- Ahora se admite la API de Observable.
Lecturas adicionales
Esto solo abarca algunos aspectos clave. Consulta los siguientes vínculos para ver cambios adicionales en Chrome 134.
- Notas de la versión de Chrome 135.
- Novedades de las Herramientas para desarrolladores de Chrome (135).
- Actualizaciones de ChromeStatus.com para Chrome 135.
- Calendario de lanzamientos de Chrome.
Suscribirse
Para mantenerte al tanto, suscríbete al canal de YouTube de Chrome Developers y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo. También puedes seguirnos en X o LinkedIn para ver artículos y entradas de blog nuevos.
En cuanto se lance Chrome 135, estaremos aquí para contarte las novedades.