Novedades de Chrome 135

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 de Chrome 135 completas y consulta nuestro resumen trimestral para ver todo lo que se lanzó en lo que va del año.

Aspectos destacados 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

En las notas de la versión, se incluye una gran cantidad de funciones de CSS, muchas de las cuales son pequeñas incorporaciones que se combinan para habilitar los carruseles de CSS. Las funciones clave son los nuevos seudoelementos de 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 Carousels with CSS.

Los atributos command y commandfor

Chrome 135 presenta nuevas capacidades para proporcionar un comportamiento declarativo con los nuevos atributos command y commandfor, lo que mejora y reemplaza los atributos popovertargetaction y popovertarget. Estos nuevos atributos se pueden agregar a los botones, lo que permite que el navegador aborde algunos problemas centrales relacionados con la simplicidad y la accesibilidad, y proporcione 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 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 atributos nuevos en Introducing command and 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 el rango completo de la 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 pronto en Baseline.

Y mucho más

Por supuesto, hay mucho más.

  • La API de Web Speech ahora incluye compatibilidad con MediaStreamTrack.
  • Se admite Float16Array y se convierte en Baseline Newly available.
  • Ahora se admite la API de Observable.

Lecturas adicionales

Esto solo abarca algunos aspectos destacados clave. Consulta los siguientes vínculos para ver los cambios adicionales en Chrome 134.

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 blogs nuevos.

En cuanto se lance Chrome 135, te contaremos todas las novedades.