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.
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 problemas principales de compatibilidad: flexbox, grid, position: sticky, aspect-ratio y transforms.
El trabajo ya condujo a 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 lanzará Photoshop en la Web, una hazaña posible gracias a la colaboración entre Adobe, Google y organizaciones de estándares de la Web. Obtén más información en la entrada El recorrido de Photoshop a la Web.
Garantizar 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 a fin de desarrollar nuevas tecnologías que preserven la privacidad para respaldar 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, actualización mensual o cambios y progreso, además de información sobre el cronograma y los detalles de pruebas de cambios en la cadena de 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. Consulta sobre la capacidad de respuesta general y la 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, que actualmente está disponible en Canary, y una nueva API de flujo de usuarios para Lighthouse.
Habilitar nuevas funciones de la plataforma web
RenderNG es una ambiciosa refactorización del motor de renderización de Chromium, un proyecto que corrige errores antiguos en Chrome, además de desbloquear funciones nuevas. 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 contenedores son familiares para cualquiera que alguna vez haya usado una consulta de medios para crear un diseño responsivo.
Sin embargo, dentro de la consulta del tamaño del viewport, te permiten consultar el tamaño del contenedor en el que se encuentra tu componente.
Google estuvo trabajando en una implementación de prueba de la especificación emergente, detrás de la función experimental #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 eran imposibles de implementar.
Ayudarte a crear sitios atractivos y responsivos
El nuevo diseño responsivo es mucho más que solo el tamaño de la pantalla (o contenedor). Puedes aprender a crear sitios responsivos modernos en nuestro curso Learn Design. Los primeros cinco módulos se lanzan hoy y el resto se publicará en las próximas semanas.
Este año, llegaron nuevas propiedades del CSS a Chrome y otros navegadores para facilitar la creación de experiencias hermosas.
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. Estas te brindarán un punto de partida sólido para muchos patrones de interfaz comunes.
Ofrece 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 Learn PWA.