Découvrez quelques-unes des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en juillet 2022.
Versions stables des navigateurs
En juillet, Firefox 103 et Safari 15.6 sont devenus stables, ce qui nous permet d'assurer l'interopérabilité de quelques fonctionnalités CSS intéressantes.
Propriété backdrop-filter
Firefox 103 inclut la propriété backdrop-filter qui permet d'appliquer des effets tels qu'un floutage à la zone située derrière un élément. Avec cette valeur dans Firefox, elle est désormais disponible dans les trois moteurs, bien que Safari nécessite le préfixe -webkit.
Propriété scroll-snap-stop
Firefox a également implémenté la propriété scroll-snap-stop. Cette propriété vous permet de contrôler si un élément de défilement passe par-dessus des positions d'ancrage possibles (avec la valeur par défaut de normal) ou doit s'aligner sur la première position (avec la valeur always). La propriété scroll-snap-stop est désormais disponible dans les trois moteurs de navigateur.
Safari 15.6 était une version principalement dédiée à la résolution des problèmes, mais elle a ajouté une nouvelle fonctionnalité CSS avec la pseudo-classe :modal. Cette fonctionnalité était également disponible dans Firefox 103. La pseudo-classe :modal sélectionne un élément lorsque tout ce qui se trouve en dehors de cet élément ne peut pas être interagi tant que l'élément n'est pas fermé. Par exemple, un élément dialog ouvert avec showModal().
Versions bêta des navigateurs
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 de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site avant que le monde ne soit lancé.
Comme la date de sortie n'était pas située en dehors du mois, la seule nouvelle version bêta disponible en juin était Firefox 104.
Firefox 104 comprend l'API CSS Font Loading dans Web Workers, ainsi que la propriété CSS animation-composition, qui définit l'opération de composition utilisée lorsque plusieurs animations affectent simultanément la même propriété.
La version bêta de Safari 16 mentionnée le mois dernier est également toujours en cours.
Ces fonctionnalités bêta seront bientôt disponibles dans des navigateurs stables.
Fait partie de l'événement New to the Web Series