Nouveaux utilisateurs sur la plate-forme Web en janvier

Découvrez certaines des fonctionnalités intéressantes qui ont été ajoutées aux navigateurs Web stables et bêta en janvier 2022.

Rachel Andrew

Versions stables du navigateur

En janvier, Chrome 97 et Firefox 96 sont devenus stables.

Firefox 96 a introduit la fonction de couleur hwb(). Cette fonction exprime une couleur par teinte, blancheur et noirceur.

Firefox 96 comporte également la propriété CSS color-scheme. Cette propriété vous permet d'indiquer les jeux de couleurs dans lesquels un élément peut être affiché. Par exemple, pour indiquer que .widget peut être affiché en mode clair ou sombre du système d'exploitation, utilisez le code CSS suivant.

.widget {
  color-scheme: light dark;
}

L'arrivée du jeu de couleurs dans Firefox signifie que la propriété est disponible dans Chrome, Firefox et Safari.

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des nouveautés de la prochaine version stable du navigateur. C'est le moment idéal pour tester les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait.

Les versions bêta de janvier étaient Chrome 98, Firefox 97 et Safari 15.4 Bêta 1.

Chrome 98 prend en charge les polices vectorielles de dégradé de couleur COLRv1 en tant que nouveau format de police supplémentaire. Une police de couleur contient des glyphes de différentes couleurs, par exemple un emoji, le drapeau d'un pays ou une lettre multicolore.

Pour en savoir plus sur ce nouveau format de police, consultez Polices vectorielles de dégradé de couleur COLRv1 dans Chrome 98.

La méthode structuredClone() permet également de créer des copies profondes d'objets, ainsi que les requêtes multimédias CSS dynamic-range et video-dynamic-range. Pour découvrir d'autres fonctionnalités à tester, consultez cet article sur la version bêta de Chrome 98.

Les outils pour les développeurs Chrome 98 vous proposent une multitude de nouvelles fonctionnalités, y compris l'arborescence d'accessibilité complète.

La version bêta de Firefox 97 est compatible avec les unités cap et ic pour length, et implémente également la propriété scrollbar-gutter.

Safari 15.4 Bêta contient toute une panoplie de fonctionnalités intéressantes. Les fonctionnalités incluent l'implémentation du pseudo-élément ::backdrop, de la pseudo-classe :focus-visible, de la propriété accent-color et de la structuration CSS avec la propriété contain. Cette version bêta inclut également l'élément HTML <dialog>, l'attribut lazy sur les images pour activer le chargement différé, ainsi que la prise en charge des icônes du fichier manifeste d'application Web.

Toutes ces fonctionnalités bêta seront bientôt disponibles dans les navigateurs stables.

Partie de la série Nouveau sur le Web