Retrouvez toutes les annonces importantes du Sommet des développeurs Chrome 2021, ainsi que les liens pour en savoir plus.
Cet article récapitule toutes les annonces importantes du Sommet des développeurs Chrome 2021, ainsi que les liens 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 collabore avec d'autres fournisseurs de navigateurs pour résoudre les cinq principaux problèmes de compatibilité : flexbox, grid, position: sticky, aspect-ratio et transforms.
Le travail a déjà permis d'apporter des améliorations dans ces domaines clés. Pour en savoir plus, consultez la mise à jour de milieu d'année Compat 2021.
Autoriser de nouvelles classes d'applications à s'exécuter sur le Web
Le projet Project Fugu vise à permettre l'accès à de nouvelles classes d'applications sur le Web. Vous pouvez suivre la progression des API Fugu sur fugu-tracker.web.app.
Adobe a récemment annoncé le lancement de Photoshop sur le Web, un exploit rendu possible grâce à la collaboration entre Adobe, Google et des organismes de normalisation Web. Pour en savoir plus, consultez l'article La transition vers le Web de Photoshop.
Garantir la confidentialité
De nombreuses fonctions Web courantes s'appuient sur des cookies tiers et d'autres mécanismes de suivi intersites qui n'ont pas été conçus dans un souci de confidentialité, ce qui rend difficile pour les développeurs de répondre à ce besoin croissant de confidentialité.
Nous collaborons avec la communauté Web et les acteurs du secteur pour développer de nouvelles technologies protégeant la confidentialité et adaptées à l'écosystème. L'objectif est d'abandonner progressivement les cookies tiers et de réduire le suivi dissimulé et le fingerprinting des navigateurs.
Pour en savoir plus sur ce travail, consultez le site Privacy Sandbox. Nous proposons également des informations et des guides sur les propositions pour les développeurs, une mise à jour mensuelle des modifications ou des progrès, ainsi que des informations sur le calendrier et les détails des tests concernant les modifications de la chaîne user-agent.
Améliorer les métriques Core Web Vitals
Nous travaillons 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 connaître votre avis. Apprenez-en plus sur la réactivité globale et la fluide, puis donnez-nous votre avis.
Nous avons également annoncé la mise à jour de PageSpeed Insights, un nouveau panneau Enregistreur pour les outils pour les développeurs Chrome, actuellement disponible en Canary, et une nouvelle API de parcours utilisateur pour Lighthouse.
Activer les nouvelles fonctionnalités de la plate-forme Web
RenderNG est une refactorisation ambitieuse du moteur de rendu de Chromium. Ce projet corrige des bugs survenus depuis longtemps dans Chrome et permet également de 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 semblent familières à quiconque a déjà utilisé une requête média pour créer un responsive design.
Toutefois, lorsque vous interrogez la taille de la fenêtre d'affichage, vous pouvez interroger la taille du conteneur dans lequel se trouve votre composant.
Google a travaillé sur une implémentation test de la spécification émergente, derrière l'indicateur #enable-container-queries dans Chrome.
Lisez un article de blog sur RenderingNG en détail ou regardez cette vidéo pour obtenir tous les détails clés sur la façon dont ce travail permet d'implémenter des fonctionnalités qui étaient auparavant considérées comme impossibles.
vous aident à créer des sites attrayants et réactifs ;
Le nouveau responsive design est bien plus qu'un simple écran (ou conteneur). Pour apprendre à créer des sites responsifs modernes, suivez notre cours Learn Design. Les cinq premiers modules sont lancés aujourd'hui. Les autres seront publiés au cours des prochaines semaines.
Cette année, de nouvelles propriétés CSS ont été ajoutées à Chrome et à d'autres navigateurs pour vous permettre de créer plus facilement de superbes expériences.
En savoir plus sur accent-color et size-adjust
Pour vous aider à profiter rapidement du nouveau CSS, nous avons lancé un ensemble de modèles de mise en page. Ils constituent un bon point de départ pour de nombreux modèles d'interface courants.
Proposer des cours pour vous aider à vous familiariser avec les technologies Web
En plus de Learn Design, nous lançons de nouveaux modules pour Learn CSS, notre cours complet sur les 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. Parallèlement à ces cours, vous trouverez les premiers modules du cours Learn PWA.