Un résumé de toutes les annonces clés du Chrome Dev Summit 2021, avec les liens nécessaires pour en savoir plus.
Cet article récapitule toutes les annonces clés du Chrome Dev Summit 2021, ainsi que les liens pour en savoir plus.
Améliorer l'interopérabilité du Web
La compatibilité Web est l'un des plus grands défis pour les développeurs Web. C'est pourquoi Google a travaillé 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 efforts ont déjà permis d'améliorer ces aspects clés. Pour en savoir plus, consultez la mise à jour de milieu d'année de Comppat 2021.
Autoriser l'exécution de nouvelles classes d'applications sur le Web
Le projet Project Fugu vise à autoriser de nouvelles classes d'applications sur le Web. Vous pouvez vous tenir informé de l'évolution des API Fugu sur 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 des organismes de normalisation Web. Pour en savoir plus, consultez l'article Photoshop et son voyage sur le Web.
Garantir la confidentialité
De nombreuses fonctions Web courantes reposent sur des cookies tiers et d'autres mécanismes de suivi intersites qui n'ont pas été conçus dans un souci de confidentialité. Il est donc difficile pour les développeurs de répondre aux besoins croissants de confidentialité.
Nous collaborons avec la communauté Web et les acteurs du secteur pour développer de nouvelles technologies protégeant la confidentialité afin de soutenir l'écosystème, dans le but d'éliminer 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 de la Privacy Sandbox. Nous mettons également à votre disposition des informations et des guides sur les propositions pour les développeurs, une mise à jour mensuelle, ou des modifications et des progrès, ainsi que des informations sur le calendrier et les détails des tests pour les modifications apportées à la chaîne user-agent.
Améliorer les métriques Core Web Vitals
Nous avons travaillé avec les développeurs de frameworks JavaScript populaires pour améliorer les métriques Core Web Vitals. Dans ce cadre, nous avons identifié deux nouvelles métriques sur lesquelles nous aimerions connaître votre avis. Lisez les sections consacrées à la réactivité globale et à la fluidité, puis donnez-nous votre avis.
Une version mise à jour de PageSpeed Insights sera également annoncée. Il s'agit d'un nouveau panneau d'enregistreurs pour les outils pour les développeurs Chrome actuellement disponible en version Canary, et d'une nouvelle API de parcours utilisateur pour Lighthouse.
Activer les nouvelles fonctionnalités de la plate-forme Web
RenderingNG est une refactorisation ambitieuse du moteur de rendu de Chromium, un projet visant à 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 depuis de nombreuses années par les développeurs Web : 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 à l'essai de la spécification émergente, derrière l'indicateur #enable-container-queries dans Chrome.
Lisez un article de blog décrivant en détail le RenderingNG ou regardez cette vidéo pour découvrir en détail comment ce travail débloque l'implémentation de fonctionnalités qui étaient auparavant considérées comme impossibles à aboutir.
Vous aider à créer des sites attrayants et réactifs
Le nouveau responsive design ne se limite pas à la taille de l'écran (ou du conteneur). Pour apprendre à créer des sites responsifs modernes, consultez notre cours Learn Design (Apprendre la conception). Les cinq premiers modules sont lancés aujourd'hui, et les autres seront publiés dans les semaines à venir.
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 des expériences attrayantes.
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 constitueront un point de départ robuste pour de nombreux modèles d'interface courants.
Fournir 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 (Apprendre le CSS), notre cours complet sur les CSS que nous avons 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.