Un resumen de todos los anuncios clave de Chrome Dev Summit 2021, con los vínculos que necesitas para obtener más información.
En esta publicación, 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 de compatibilidad más importantes: flexbox, grid, position: sticky, aspect-ratio y transformaciones.
El trabajo ya ha generado mejoras en estas áreas clave. Puedes obtener más información sobre ellos en la actualización de mitad de año de Compatibilidad 2021.
Permite que se ejecuten nuevas clases de aplicaciones en la Web
Project Fugu es un esfuerzo 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 llevará Photoshop a 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 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.
Obtén 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 cambios y progresos, y detalles sobre el cronograma y las pruebas de cambios en la cadena de usuario-agente.
Mejora las métricas web esenciales
Hemos estado trabajando 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 encantaría recibir tus comentarios. Obtén información sobre la respuesta general y la fluidez, y cuéntanos qué te parece.
También se anunció una versión actualizada de PageSpeed Insights, un nuevo panel de grabador para las Herramientas para desarrolladores de Chrome, que actualmente está disponible en Canary, y una nueva API de flujo de usuarios para Lighthouse.
Habilita 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 también desbloquea funciones nuevas. Esto incluye una función que ha sido la solicitud principal de los desarrolladores web durante muchos años: las consultas de contenedor.
Las consultas de contenedor son familiares para cualquier persona que haya usado una consulta de medios para crear un diseño responsivo.
Sin embargo, en lugar de consultar el tamaño de la vista del puerto, te permiten consultar el tamaño del contenedor en el que se encuentra tu componente.
Google trabajó 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 obtener todos los detalles clave de cómo este trabajo desbloquea la implementación de funciones que antes se consideraban imposibles de implementar.
Te ayudan 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 lanzaron nuevas propiedades CSS en 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 nuevo CSS, lanzamos un conjunto de patrones de diseño. Estos te brindará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: Aprende a usar formularios. Junto con estos cursos, puedes encontrar los primeros módulos de Learn PWA.