Novedades de Chrome 119

Tenga en cuenta lo siguiente:

Soy Adriana Jara. Analicémoslas y veamos las novedades para desarrolladores en Chrome 119.

Fecha de vencimiento de las cookies.

Desde Chrome 104, las cookies creadas recientemente o aquellas actualizadas con una fecha de vencimiento tienen esa fecha limitada a no más de 400 días en el futuro. Este mismo límite ahora se aplicará de forma retroactiva a las cookies que ya estén almacenadas.

Las fechas de vencimiento de estas cookies se limitarán a no más de 400 días después de la primera vez que se inicie Chrome 119 o versiones posteriores y se realice una migración única de la base de datos. Los usuarios no verán el impacto de este cambio hasta al menos 400 días después del lanzamiento de Chrome 119 y, luego, solo para las cookies existentes que no se hayan actualizado en ese período.

Puedes obtener más información sobre la recomendación sobre la fecha de vencimiento y este es un recordatorio de que las cookies de terceros dejarán de estar disponibles en un futuro cercano, así como una guía para prepararte para la baja.

Actualizaciones de CSS

Tenemos tres actualizaciones para el CSS:

Número uno: las nuevas seudoclases :user-invalid y :user-valid que representan un elemento con una entrada incorrecta o correcta, respectivamente, pero solo después de que el usuario interactuó con él de forma significativa. Son similares a las seudoclases :valid y :invalid, pero con la restricción adicional de que las nuevas solo coinciden después de que el usuario interactuó con el elemento.

Número dos: la sintaxis de colores relativas permite a los desarrolladores definir colores modificando los parámetros de otros colores.

Por ejemplo: oklab(from magenta calc(l * 0.8) a b); da como resultado un Oklab magenta que es un 80% más claro.

Y número tres: clip-path ahora admite más valores.

La propiedad clip-path crea una región de recorte que establece qué parte de un elemento se debe mostrar. Se muestran las partes que están dentro de la región, mientras que las que están afuera están ocultas.

Ahora puedes usar valores <geometry-box> para controlar el cuadro de referencia del clip, lo que facilita el uso de clip-path. Estos valores de cuadro se pueden usar junto con formas básicas (por ejemplo, clip-path: circle(50%) margin-box) o se pueden usar solos para recortar el cuadro especificado (por ejemplo, clip-path: content-box).

También puedes usar las funciones xywh() y rect() para especificar fácilmente clips rectangulares o rectangulares redondeados.

Corrección: Una versión anterior de este artículo hacía referencia a las mejoras de los marcos vallados. Estos cambios ya están disponibles en Chrome 120.

Y mucho más.

Por supuesto que hay mucho más.

Lecturas adicionales

Esto abarca solo algunos aspectos destacados. Consulta los vínculos a continuación para ver cambios adicionales en Chrome 119.

Suscribirse

Para mantenerte al día, suscríbete al canal de YouTube de Chrome Developers. Recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Adriana Jara y, apenas se lance Chrome 120, estaré aquí para contarte las novedades de Chrome.