Novedades de Chrome 114

Adriana Jara

Tenga en cuenta lo siguiente:

  • CSS text-wrap: balance está disponible para mejorar los diseños de texto.
  • Aquí se encuentran las cookies particionadas por sitio de nivel superior (CHIPS).
  • Los pop-ups son más fáciles que nunca con la API de Popup.
  • Y hay mucho más.

Soy Adriana Jara. Entremos de lleno y veamos las novedades para desarrolladores en Chrome 114.

text-wrap:balance.

Usa text-wrap: balance para mejorar los diseños de texto. En la siguiente animación, se muestra la diferencia que puedes lograr con esta sola línea.

Probar una demostración

Como desarrollador, no conoces el tamaño final, el tamaño de la fuente ni siquiera el idioma del texto. Todas las variables son necesarias para un tratamiento eficaz del ajuste de texto. Dado que el navegador conoce todos los factores, con text-wrap:balance puedes solicitarle que encuentre la mejor solución de unión de líneas equilibrada.

Los dos ejemplos anteriores se muestran juntos, uno está marcado como desequilibrado y el otro como equilibrado.

El bloque de texto equilibrado es más agradable a la vista de un lector. Capta mejor la atención y, en general, es más fácil de leer.

El equilibrio de los títulos será y debe ser el caso de uso principal de text-wrap: balance. Hay un costo de rendimiento para equilibrar el texto, por lo que, para mitigar el costo, solo funciona hasta en cuatro líneas.

Consulta este artículo con muestras y más detalles para mejorar tus diseños de texto.

CHIPS: Cookies con estado particionado independiente.

CHIPS (Cookies Having Independent Partitioned State), que permite habilitar las cookies de terceros que se particionan por sitio de nivel superior con el nuevo atributo de cookie Partitioned.

Antes de CHIPS, cuando un usuario visitaba el sitio A, el sitio C incorporado podía establecer una cookie en la máquina del usuario. Si el usuario visita el sitio B, que también incorpora el sitio C, este último podría acceder a la misma cookie que se configuró en el sitio A. Esto permite que el sitio C compile la actividad de navegación de un usuario en el sitio A, B y en todos los sitios en los que está incorporado.

Diagrama que muestra los sitios y el almacenamiento con cookies no particionadas.

Si bien el seguimiento entre sitios es un problema, existen necesidades válidas de cookies entre sitios que se pueden lograr de una manera que preserva la privacidad con la partición de cookies.

Con CHIPS, cuando un usuario visita el sitio A, y el contenido incorporado del sitio C establece una cookie con el atributo particionado, la cookie se guarda en un jar particionado solo para las cookies que establece el sitio C cuando está incorporado en el sitio A. El navegador solo enviaría esa cookie cuando el sitio de nivel superior es A.

Diagrama que muestra los sitios y el almacenamiento particionado con cookies.

Cuando el usuario visita un sitio nuevo, por ejemplo, el sitio B, el sitio C no recibe la cookie que se estableció cuando C estaba incorporado en el sitio A.

Consulta este artículo para obtener más detalles sobre el proceso de eliminación gradual de las cookies de terceros.

La API de Popover

Con la API de popover, es más fácil compilar elementos transitorios de la interfaz de usuario (IU) que se muestran sobre todas las demás IU de la app web.

Estos incluyen elementos interactivos para el usuario, como menús de acción, sugerencias de elementos de formulario, selectores de contenido y una IU de enseñanza.

El nuevo atributo emergente permite que cualquier elemento se muestre automáticamente en la capa superior. Esto significa que el desarrollador ya no tendrá que preocuparse por el posicionamiento, la apilamiento de elementos, el enfoque ni las interacciones del teclado.

Es similar al elemento <dialog>, pero tiene varias diferencias importantes, como el comportamiento de descarte ligero, la administración de interacciones de popover y la compatibilidad con eventos, y la falta de un modo "modal".

Consulta este artículo para obtener más información.

Y mucho más.

Por supuesto, hay mucho más.

Lecturas adicionales

Esto solo abarca algunos aspectos clave. Consulta los vínculos que aparecen a continuación para ver cambios adicionales en Chrome 114.

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.

Soy Adriana Jara. Apenas se lance Chrome 115, estaré aquí para contarte las novedades de Chrome.