Prepárate para que Chrome en Android cambie a la pantalla completa

Chrome para Android pasará a tener un diseño de pantalla completa a partir de Chrome 135.

• Chrome

Guía de migración de Chrome en Android de borde a borde

Crea experiencias web de borde a borde

Se actualizó la función attr() de CSS

Ahora puedes usar attr() con cualquier propiedad CSS, incluidas las propiedades personalizadas, y puede analizar valores en tipos de datos distintos de cadenas.

• Chrome

CSS Wrapped 2024

Únete al equipo de DevRel de Chrome y a un Chrome Dino en monopatín en un viaje por los CSS más recientes lanzados para Chrome y la plataforma web en 2024.

Novedades de Chrome 131

Ya se está lanzando Chrome 131. Más estilos CSS para el elemento de detalles, un diseño de impresión más fácil con cuadros de margen de página y mucho más.

• Chrome

Más opciones para aplicar diseño <details>

Ahora puedes establecer el tipo de visualización y también aplicar diseño al contenedor de la parte que se expande y se contrae con el nuevo pseudoelemento ::details-content.

Novedades de Chrome 130

Ya se está lanzando Chrome 130. La opción de pantalla en pantalla en documentos te brinda más control sobre la función de pantalla en las ventanas, las declaraciones anidadas de CSS corrigen algunos casos extremos complejos, y puedes especificar cómo se comportan las decoraciones en elementos divididos en varias líneas. Pete LePage tiene todos los detalles sobre las novedades para desarrolladores en Chrome 130.

• Chrome

Transiciones de vista del mismo documento para aplicaciones de una sola página

Comienza a usar transiciones de vista al mismo documento en tu aplicación de una sola página.

Animar a height: auto; (y otras palabras clave de tamaño intrínseco) en CSS

Cómo animar hacia y desde palabras clave de tamaño intrínseco con "interpolate-size" y "calc-size()`

Eventos de instantáneas de desplazamiento

Presentamos dos nuevos eventos de JavaScript: scrollSnapChange yscrollSnapChanged.

• Chrome

Conceptos erróneos sobre las transiciones de vistas

Debido a que cada vez más personas comienzan a analizar la API de View Transition, es hora de desmentir algunos conceptos erróneos.

• Chrome

Lo último en CSS y la IU web: Resumen de I/O 2024

Lee todos los anuncios sobre CSS y la IU web de Google I/O 2024.

• Chrome

¿Cuáles son las novedades en las transiciones de vistas? (Actualización de Google I/O 2024)

Anuncio de transiciones de vistas entre documentos para la MPA, las transiciones de vistas selectivas con tipos activos y el uso compartido de estilos de animación con la clase de transición de vista

• Chrome

Casos de éxito de animaciones basadas en desplazamientos

Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.

• Chrome

¿Por qué son importantes las capacidades de IU y CSS para tu sitio de comercio electrónico?

Descubre cómo los sitios de comercio electrónico se benefician con la implementación de las funciones más recientes de IU y CSS: Ver transiciones, animaciones basadas en desplazamientos, la API de Popover y mucho más.

• Chrome

Presentamos "Libera el poder de las animaciones basadas en desplazamientos"

Un curso en video de 10 partes para aprender todo sobre las animaciones basadas en desplazamientos

• Chrome

Una propuesta alternativa para la mampostería de CSS

Una propuesta para definir mampostería y cuadrícula en diferentes especificaciones.

• Chrome

Transiciones de vista entre documentos para aplicaciones de varias páginas

Comienza a usar transiciones de vistas entre documentos para usarlas en tu aplicación de varias páginas (MPA).

Transiciones fluidas con la API de View Transition

La API de transición de vistas te permite agregar transiciones entre las vistas de un sitio web.

Cambios en la herencia ::backdrop de CSS

A partir de Chrome 122, el elemento `::backdrop` hereda las propiedades del elemento de origen.

• Chrome

Estilos de la barra de desplazamiento

Usa las propiedades `scrollbar-width` y `scrollbar-color` para diseñar barras de desplazamiento.

Acordeón exclusivo

Crea un acordeón exclusivo con varios elementos `` que tengan el mismo `nombre`.

Ajuste de CSS: 2023

2023 fue un gran año para los CSS. Obtén más información sobre las novedades de Chrome y de la plataforma web este año.

• Chrome

Limita el alcance de tus selectores con el permiso at-rule de CSS @scope.

Aprende a usar @scope para seleccionar elementos solo dentro de un subárbol limitado de tu DOM.

Cómo crear curvas de animación complejas en CSS con la función de aceleración linear()

Presentamos linear(), una función de aceleración en CSS que interpola de forma lineal entre sus puntos, lo que te permite recrear los efectos de rebote y resorte.

Novedades de CSS e IU: Edición de I/O 2023

Las 20 funciones principales de CSS y de IU destacadas en Google I/O 2023 que no querrás perderte.

• Chrome

Cómo animar elementos durante el desplazamiento con animaciones basadas en desplazamientos

Aprende a trabajar con los cronogramas de desplazamiento y los cronogramas de vista para crear animaciones basadas en desplazamientos de forma declarativa.

Período de prueba de CSS

Una de nuestras funciones favoritas del preprocesador de CSS ahora está integrada en el lenguaje: las reglas de estilo de anidación.

Ayudar a elegir la sintaxis para el anidamiento de CSS

El grupo de trabajo de CSS continúa con un debate sobre la mejor manera de definir la anidación en CSS. Si eres la persona que escribe CSS, nos gustaría contar con tu ayuda.

• Chrome

Prepárate para los cambios de comportamiento de cambio de tamaño de viewport que se implementarán en Chrome para Android

Cuáles son los cambios en el comportamiento de cambio de tamaño del viewport en Chrome 108, por qué Chrome está realizando este cambio y qué puedes hacer para prepararte.

• Chrome

Novedades de Chrome 106

Ahora se está lanzando Chrome 106. Hay nuevas APIs internacionales para darte más control cuando les das formato a los números. Hay una prueba de origen para la nueva API de Pop Up, que facilita la presentación de contenido crítico al usuario. Hay varias mejoras de CSS. Y hay mucho más.

• Chrome

Caso de éxito: Mejor depuración de Angular con Herramientas para desarrolladores

Con Angular como piloto de prueba, los equipos de las Herramientas para desarrolladores de Chrome y Angular colaboraron para ofrecerte una mejor experiencia de depuración. Otros frameworks pueden enviar cambios similares.

• Chrome

Depuración web moderna en Herramientas para desarrolladores de Chrome

Observa algunos de los cambios recientes en las Herramientas para desarrolladores de Chrome, que mejoran tu experiencia de depuración y generación de perfiles cuando trabajas con agrupadores, frameworks y código de terceros.

• Chrome

Las capas de Cascade llegan a tu navegador

"Las capas de cascada son una nueva API de CSS que te ayudará a administrar la precedencia en cascada de tu código, que llegará pronto a todos los navegadores modernos."

• Chrome

Novedades de Chrome 89

Ya se está lanzando Chrome 89. WebHID, WebNFC y Web Serial han finalizado sus pruebas de origen y ahora están disponibles en versión estable. Estamos cerrando una brecha que algunos desarrolladores usan para evitar las verificaciones de instalación de las AWP. Web Share y Web Share Target llegan al escritorio. Y hay mucho más.

• Chrome

How NRK uses scroll-driven animations to bring stories to life

Learn how scroll-driven and scroll-triggered animations enhance storytelling articles

• Chrome

Specify how multiple animation effects should composite with animation-composition

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

• Workbox

More control over :nth-child() selections with the of S syntax

Pre-filter a set of child elements before applying An+B logic on it.

• Workbox