Récapitulatif 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, avec les liens nécessaires 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 a collaboré avec d'autres fournisseurs de navigateurs pour résoudre les cinq principaux problèmes de compatibilité : flexbox, grille, position: sticky, aspect-ratio et transformations.
Ce travail a déjà permis d'améliorer ces domaines clés. Pour en savoir plus, consultez la mise à jour de compatibilité de mi-2021.
Autoriser l'exécution de nouvelles classes d'applications sur le Web
Le projet Fugu vise à permettre l'arrivée de nouvelles classes d'applications sur le Web. Pour vous tenir informé de l'avancement des API Fugu, consultez fugu-tracker.web.app.
Adobe a récemment annoncé qu'il allait proposer Photoshop sur le Web, une prouesse rendue possible par la collaboration entre Adobe, Google et des organismes de normalisation du Web. Pour en savoir plus, consultez l'article Le parcours de Photoshop sur le Web.
Protéger 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 en tenant compte de la confidentialité. Il est donc difficile pour les développeurs de répondre à la demande croissante 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. Notre objectif est de supprimer progressivement les cookies tiers, et de réduire le suivi masqué et l'empreinte du navigateur.
Pour en savoir plus sur ce travail, consultez le site de la Privacy Sandbox. Vous trouverez également des informations et des guides sur les propositions pour les développeurs, une mise à jour mensuelle des modifications et de l'avancement, 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 Core Web Vitals. Dans le cadre de ce travail, nous avons identifié deux nouvelles métriques sur lesquelles nous aimerions connaître votre avis. Découvrez la réactivité globale et la fluidité, puis donnez-nous votre avis.
Une version mise à jour de PageSpeed Insights, un nouveau panneau d'enregistrement pour les outils pour les développeurs Chrome, actuellement disponible dans Canary, et une nouvelle API de parcours utilisateur pour Lighthouse ont également été annoncés.
Activer les nouvelles fonctionnalités de la plate-forme Web
RenderingNG est un refactoring ambitieux du moteur de rendu de Chromium. Ce projet corrige des bugs de longue date dans Chrome et ouvre 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 sont familières à tous ceux qui ont déjà utilisé une requête média pour créer un design responsif.
Toutefois, au lieu de s'interroger sur la taille de la fenêtre d'affichage, ils vous permettent de vous interroger sur la taille du conteneur dans lequel se trouve votre composant.
Google a travaillé sur une implémentation expérimentale de la spécification émergente, derrière le flag #enable-container-queries dans Chrome.
Lisez un article de blog sur le RenderingNG en détail ou regardez cette vidéo pour découvrir tous les détails clés de cette fonctionnalité qui permet d'implémenter des fonctionnalités qui étaient auparavant considérées comme impossibles.
vous aider à créer des sites attrayants et responsifs ;
Le nouveau responsive design ne se limite pas à la taille de l'écran (ou du conteneur). Découvrez comment créer des sites responsifs modernes dans notre cours Apprendre à concevoir. Les cinq premiers modules sont lancés aujourd'hui, et les autres seront publiés dans les semaines à venir.
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 attrayantes.
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. Vous disposerez ainsi d'un point de départ solide pour de nombreux modèles d'interface courants.
Proposer des cours pour vous aider à apprendre 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 : Apprendre à concevoir des formulaires. En plus de ces cours, vous trouverez les premiers modules de Apprendre les PWA.