Découvrez quelques-unes des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en janvier 2022.
Versions stables du navigateur
En janvier, Chrome 97 et Firefox 96 sont devenus stables.
La fonction couleur hwb() a été publiée dans Firefox 96. Cette fonction exprime une couleur par teinte, blanc et noir.
Toujours dans Firefox 96, il y a la propriété CSS color-scheme. Cette propriété vous permet d'indiquer les jeux de couleurs avec lesquels un élément peut être affiché. Par exemple, pour indiquer que .widget peut s'afficher en mode clair ou sombre du système d'exploitation, utilisez le code CSS suivant.
.widget {
color-scheme: light dark;
}
Avec la page de destination du schéma de couleurs dans Firefox, cela signifie que la propriété est disponible dans Chrome, Firefox et Safari.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu de ce qui sera disponible dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site, avant qu'elles soient publiées.
Les versions bêta de janvier étaient Chrome 98, Firefox 97 et Safari 15.4 bêta 1.
Chrome 98 accepte les polices vectorielles de dégradé de couleurs 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, un drapeau de pays ou une lettre multicolore.
Pour en savoir plus sur ce nouveau format de police, consultez Polices vectorielles de dégradé de couleurs COLRv1 dans Chrome 98.
La méthode structuredClone(), qui permet de créer des copies profondes des objets, est également incluse, ainsi que les requêtes média CSS dynamic-range et video-dynamic-range. Découvrez d'autres fonctionnalités à tester dans le post de la version bêta de Chrome 98.
Les outils de développement Chrome 98 vous permettent d'accéder à toute une série de nouvelles fonctionnalités, y compris la nouvelle arborescence complète de l'accessibilité.
Firefox 97 bêta 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 inclut toute une série 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 du conteneur CSS avec la propriété contain. Cette version bêta inclut également l'élément HTML <dialog>, l'attribut lazy des images pour permettre le chargement différé et la compatibilité avec les icônes du fichier manifeste d'application Web.
Toutes ces fonctionnalités bêta seront bientôt disponibles dans des navigateurs stables.
Fait partie de la série Web "New to the Web Series"