Retrouvez toutes les annonces clés du Chrome Dev Summit 2021, avec les liens dont vous avez besoin pour en savoir plus.
Cet article récapitule toutes les annonces clés du Chrome Dev Summit 2021 et fournit les liens dont vous avez besoin pour en savoir plus.
Rendre le Web plus interopérable
La compatibilité Web est l'un des plus grands défis pour les développeurs Web. C'est pourquoi Google travaille avec d'autres fournisseurs de navigateurs pour résoudre les cinq principaux problèmes de compatibilité : flexbox, grid, position: sticky, aspect-ratio et transforms.
Ces travaux ont déjà permis d'améliorer ces domaines clés. Pour en savoir plus, consultez la mise à jour de mi-année Compat 2021.
Autoriser l'exécution de nouvelles classes d'applications sur le Web
Project Fugu est un projet qui vise à autoriser de nouvelles classes d'applications sur le Web. Pour suivre l'avancement des API Fugu, consultez fugu-tracker.web.app.
Adobe a récemment annoncé le lancement de Photoshop sur le Web, une prouesse rendue possible grâce à la collaboration entre Adobe, Google et les organismes de normalisation du Web. Pour en savoir plus, consultez l'article Photoshop sur le Web.
Assurer la confidentialité
De nombreuses fonctions Web courantes reposent sur des cookies tiers et d'autres mécanismes de suivi multisite qui n'ont pas été conçus dans le respect de la confidentialité. Les développeurs ont donc du mal à répondre au besoin croissant de confidentialité.
Nous collaborons avec la communauté Web et les acteurs du secteur pour développer de nouvelles technologies respectueuses de la confidentialité afin de soutenir l'écosystème. Notre objectif est de supprimer progressivement les cookies tiers et de réduire le suivi secret et l'empreinte numérique du navigateur.
Pour en savoir plus, consultez le site Privacy Sandbox. Nous proposons également des informations et des guides sur les propositions pour les développeurs, des informations mensuelles sur les modifications et les progrès, ainsi que des informations sur le calendrier et les détails des tests concernant les modifications apportées à la chaîne user-agent.
Améliorer les métriques Core Web Vitals
Nous collaborons avec les développeurs de frameworks JavaScript populaires pour améliorer les métriques Core Web Vitals. Dans le cadre de ce travail, nous avons identifié deux nouvelles métriques sur lesquelles nous aimerions recueillir votre avis. Découvrez la réactivité globale et la fluidité, puis dites-nous ce que vous en pensez.
Nous avons également annoncé une version mise à jour de PageSpeed Insights, un nouveau panneau "Enregistreur" pour les outils pour les développeurs Chrome, actuellement disponible dans Canary, et une nouvelle API de parcours utilisateur pour Lighthouse.
Activer de nouvelles fonctionnalités de la plate-forme Web
RenderingNG est une refactorisation ambitieuse du moteur de rendu de Chromium. Ce projet vise à corriger des bugs de longue date dans Chrome et à débloquer de nouvelles fonctionnalités. Cela inclut une fonctionnalité qui est la plus demandée par les développeurs Web depuis de nombreuses années : les requêtes de conteneur.
Les requêtes de conteneur ressemblent à celles que les développeurs ont déjà utilisées pour créer un design responsif.
Toutefois, au lieu d'interroger la taille de la fenêtre d'affichage, ils vous permettent d'interroger la taille du conteneur dans lequel se trouve votre composant.
Google travaille sur une implémentation test de la spécification émergente, derrière le flag #enable-container-queries dans Chrome.
Lisez l'article de blog RenderingNG en détail ou regardez cette vidéo pour découvrir tous les détails clés sur la façon dont ce travail permet d'implémenter des fonctionnalités qui étaient autrefois considérées comme impossibles à réaliser.
vous aider à créer des sites attrayants et responsifs ;
La nouvelle conception responsives ne se limite pas à la taille de l'écran ou du conteneur. Pour savoir comment créer des sites responsifs modernes, consultez notre cours Learn Design. Les cinq premiers modules sont disponibles dès aujourd'hui. Les autres seront publiés au cours des prochaines semaines.
De nouvelles propriétés CSS ont été ajoutées à Chrome et à d'autres navigateurs cette année pour faciliter la création d'expériences esthétiques.
En savoir plus sur accent-color et size-adjust
Pour vous aider à profiter rapidement des nouveaux CSS, nous avons lancé un ensemble de modèles de mise en page. Ils vous fourniront un point de départ solide pour de nombreux modèles d'interface courants.
Proposer des cours pour vous aider à découvrir les technologies Web
En plus de Learn Design, nous lançons de nouveaux modules pour Learn CSS, notre cours complet sur le CSS lancé plus tôt cette année.
Nous avons également développé un cours complet pour vous aider à concevoir des formulaires fonctionnels et accessibles : Learn Forms. En plus de ces cours, vous trouverez les premiers modules de Learn PWA.