Resumen de todos los anuncios clave de la Chrome Dev Summit 2021, con los vínculos que necesitas para obtener más información.
En esta entrada, se resumen todos los anuncios clave de la Chrome Dev Summit 2021, con los vínculos que necesitas para obtener más información.
Haz que la Web sea más interoperable
La compatibilidad web es uno de los mayores desafíos para los desarrolladores web, por lo que Google ha estado trabajando con otros proveedores de navegadores para solucionar los cinco problemas principales de compatibilidad: flexbox, grid, position: sticky
, aspect-ratio
y transforms.
El trabajo ya generó mejoras en estas áreas clave. Obtén más información al respecto en la actualización de mitad de año de compatibilidad de 2021.
Permitir que se ejecuten nuevas clases de aplicaciones en la Web
Project Fugu es una iniciativa que tiene como objetivo permitir nuevas clases de aplicaciones en la Web. Puedes mantenerte al tanto del progreso de las APIs de Fugu en fugu-tracker.web.app.
Adobe anunció recientemente que incorporará Photoshop a la Web, un logro que fue posible gracias a la colaboración entre Adobe, Google y organizaciones de estándares web. Obtén más información en la entrada El recorrido de Photoshop a la Web.
Garantiza la privacidad
Muchas funciones web comunes dependen de cookies de terceros y otros mecanismos de seguimiento entre sitios que no se diseñaron teniendo en cuenta la privacidad, lo que dificulta que los desarrolladores satisfagan la creciente necesidad de privacidad.
Estamos trabajando con la comunidad web y las partes interesadas de la industria para desarrollar nuevas tecnologías que preserven la privacidad y respalden el ecosistema, con el objetivo de eliminar gradualmente las cookies de terceros y reducir el seguimiento encubierto y la creación de huellas digitales del navegador.
Obtenga información sobre este trabajo en el sitio de Privacy Sandbox. También tenemos información y guías sobre las propuestas para desarrolladores, una actualización mensual o los cambios y el progreso, además de información sobre el cronograma y los detalles de prueba de los cambios en la string usuario-agente.
Mejora las Métricas web esenciales
Trabajamos con los desarrolladores de frameworks populares de JavaScript para mejorar las Métricas web esenciales y, como parte de ese trabajo, identificamos dos métricas nuevas sobre las que nos gustaría recibir tus comentarios. Lee sobre la capacidad de respuesta general y suavidad, y luego danos tu opinión.
También se anunció una versión actualizada de PageSpeed Insights, un nuevo Panel de Grabadora para Herramientas para desarrolladores de Chrome (disponible actualmente en Canary) y una nueva API de flujo de usuarios para Lighthouse.
Habilitar nuevas funciones de la plataforma web
RenderingNG es una refactorización ambiciosa del motor de renderización de Chromium, un proyecto que corrige errores de larga data en Chrome y, además, desbloquea nuevas funciones. Esto incluye una función que ha sido la principal solicitud de los desarrolladores web durante muchos años: las consultas de contenedores.
Cualquier persona que haya usado una consulta de medios alguna vez para crear un diseño responsivo conoce las consultas de contenedores.
Sin embargo, dentro de la consulta del tamaño del viewport, te permiten consultar el tamaño del contenedor en el que se encuentra el componente.
Google está trabajando en una implementación de prueba de la especificación emergente, detrás de la marca #enable-container-queries
en Chrome.
Lee una entrada de blog sobre RenderingNG en detalle o mira este video para obtener todos los detalles clave sobre cómo este trabajo desbloquea la implementación de funciones que antes se pensaba que era imposible implementar.
Ayudarte a crear sitios atractivos y responsivos
El nuevo diseño responsivo es mucho más que un simple tamaño de pantalla o contenedor. Puedes aprender a crear sitios responsivos modernos en nuestro curso Aprende a diseñar. Los primeros cinco módulos se lanzan hoy; el resto se publicará en las próximas semanas.
Este año, llegaron nuevas propiedades de CSS a Chrome y otros navegadores para facilitar la creación de experiencias atractivas.
Obtén más información sobre accent-color
y size-adjust
.
Para ayudarte a aprovechar rápidamente el CSS nuevo, lanzamos un conjunto de patrones de diseño. Esto te brindará un punto de partida sólido para muchos patrones de interfaz comunes.
Proporcionar cursos para ayudarte a aprender sobre tecnología web
Además de Learn Design, lanzaremos nuevos módulos para Learn CSS, nuestro curso integral de CSS que lanzamos a principios de este año.
También desarrollamos un curso completo que te ayudará a diseñar formularios funcionales y accesibles: Formularios de aprendizaje. Además de estos cursos, puedes encontrar los primeros módulos de Aprende sobre la AWP.