Usuarios nuevos de la plataforma web en marzo

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante marzo de 2025.

Rachel Andrew

Fecha de publicación: 31 de marzo de 2025

Versiones estables del navegador

En marzo de 2025, Firefox 136, Chrome 134 y Safari 18.4 se volvieron estables. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web.

Se agregaron las nuevas pseudoclases :has-slotted y :open.

Firefox 136 admite la pseudoclase :has-slotted, que se usa para aplicar diseño a elementos en <template> que tienen contenido agregado a un elemento <slot> cuando se renderiza un componente web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

La pseudoclase :open te permite seleccionar cualquier elemento que esté en un estado abierto. Esto se aplica a los elementos <details>, <dialog>, <input> con un selector y a los elementos <select> cuando está abierto un cuadro de selección desplegable.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 también admite Intl.DurationFormat. Esto te permite dar formato a las duraciones, teniendo en cuenta la configuración regional. Esta función se une a Baseline, y puedes obtener más información en Intl.DurationFormat ahora está disponible en Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

El valor plaintext-only del atributo contenteditable

Otra función que se convertirá en Baseline y que está disponible en esta versión de Firefox es el valor plaintext-only del atributo global contenteditable. Obtén información sobre este valor en La combinación de valores de atributos "texto sin formato" de contenteditable ahora está disponible como modelo de referencia.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

Modos de escritura lateral para CSS

Safari 18.4 incluye compatibilidad con writing-mode: sideways-rl y writing-mode: sideways-lr. Estos valores se usan cuando deseas mostrar texto verticalmente por motivos de presentación. Ahora deberían aparecer como Base recién disponible.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

La función shape() de CSS

También en Safari 18.4, se incluye la función shape() de CSS, que permite formas de formato libre responsivas en clip-path.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 implementa el método support() para ClipboardItem(). Esto te permite ver qué formatos son compatibles durante las operaciones del portapapeles y ahora está disponible como Baseline Newly.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Descartar la luz para <dialog>

Una de las funciones interesantes de la API de Popover es su comportamiento de descarte ligero. Este comportamiento ahora forma parte de <dialog>, que se implementó en Chrome 134, con un nuevo atributo closedby que controla el comportamiento.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

La API de Web Locks ahora es compatible con el almacenamiento compartido

Chrome 134 integra la API de Web Locks en Shared Storage. Esto evita situaciones en las que la medición del alcance entre sitios puede generar informes duplicados debido a las posibles condiciones de carrera dentro de la lógica de get() y set().

Versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que estará disponible en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar tu sitio antes de que el resto del mundo reciba esa versión. Las nuevas versiones beta son Firefox 137 y Chrome 135. Estas versiones ofrecen muchas funciones excelentes a la plataforma. Consulta las notas de la versión para conocer todos los detalles. Estos son solo algunos aspectos destacados.

Firefox 137 incluye el método estático Math.sumPrecise, que muestra la suma de un elemento iterable (como un array). Esta versión también incluye Atomics.pause(). Este método proporciona una sugerencia a la CPU de que el subproceso actual está en un bloqueo de giro mientras espera el acceso a un recurso compartido.

Chrome 135 incluye varias funciones de CSS relacionadas con la creación de carruseles. También incluye elementos <select> personalizables y los atributos command y commandfor.