Un resumen de todos los anuncios clave de la Cumbre de desarrolladores de Chrome 2021, con los vínculos que necesitas para obtener más información.
En esta publicación, se resumen todos los anuncios clave del Chrome Dev Summit 2021, con los vínculos que necesitas para obtener más información.
Hacer 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 principales problemas de compatibilidad: flexbox, grid, position: sticky, aspect-ratio y transformaciones.
El trabajo ya generó mejoras en estas áreas clave. Puedes obtener más información sobre ellas en la actualización de mitad de año de Compat 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.
Recientemente, Adobe anunció que lanzará Photoshop en la Web, una hazaña posible gracias a la colaboración entre Adobe, Google y las organizaciones de estándares web. Obtén más información en la entrada El viaje de Photoshop a la Web.
Garantiza la privacidad
Muchas funciones web comunes dependen de cookies de terceros y otros mecanismos de seguimiento en varios 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 huella digital del navegador.
Obtén más información sobre este trabajo en el sitio de Privacy Sandbox. También tenemos información y guías sobre las propuestas para desarrolladores, actualizaciones mensuales o cambios y progreso, y detalles sobre el cronograma y las pruebas de los cambios en la cadena de agente de usuario.
Mejora las Métricas web esenciales
Trabajamos con los desarrolladores de frameworks de JavaScript populares 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 la fluidez, y luego dinos qué te parece.
También se anunció una versión actualizada de PageSpeed Insights, un nuevo panel Recorder para las Herramientas para desarrolladores de Chrome, disponible actualmente en Canary, y una nueva API de flujo del usuario para Lighthouse.
Habilitar nuevas funciones de la plataforma web
RenderingNG es una ambiciosa refactorización del motor de renderización de Chromium, un proyecto que corrige errores de larga data en Chrome y también 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.
Las consultas de contenedor les resultarán familiares a quienes hayan usado alguna vez una consulta de medios para crear un diseño responsivo.
Sin embargo, además de consultar el tamaño de la ventana gráfica, te permiten consultar el tamaño del contenedor en el que se encuentra tu componente.
Google ha estado 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 en la que se explica RenderingNG en detalle o mira este video para conocer todos los detalles clave sobre cómo este trabajo permite implementar funciones que antes se consideraban imposibles de lanzar.
Ayudarte a crear sitios atractivos y responsivos
El nuevo diseño responsivo es mucho más que el tamaño de la pantalla o del contenedor. Puedes aprender a crear sitios responsivos modernos en nuestro curso Learn Design. Los primeros cinco módulos se lanzarán hoy, y el resto se publicará en las próximas semanas.
Este año, se agregaron 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 las ventajas del nuevo CSS, lanzamos un conjunto de patrones de diseño. Estos te proporcionarán un punto de partida sólido para muchos patrones de interfaz comunes.
Proporcionar cursos para ayudarte a aprender 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: Learn Forms. Junto con estos cursos, puedes encontrar los primeros módulos de Learn PWA.