Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en juillet 2022.
Versions stables du navigateur
En juillet, Firefox 103 et Safari 15.6 sont devenus stables, et nous obtenons ainsi 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, comme 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 déterminer si un élément à défilement doit passer sur certaines positions d'ancrage (avec la valeur par défaut de normal) ou si l'élément doit être aligné sur la première (avec la valeur always). La propriété scroll-snap-stop est désormais présente 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 apporté une nouvelle fonctionnalité CSS avec la pseudo-classe :modal. Cette fonctionnalité a également été disponible dans Firefox 103. La pseudo-classe :modal sélectionne un élément lorsqu'il est impossible d'interagir avec tout ce qui se trouve en dehors de cet élément tant que l'élément n'a pas été fermé. Par exemple, un élément dialog ouvert avec showModal().
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.
Comme les dates de sortie évoluaient juste en dehors du mois, la seule nouvelle version bêta en juin était Firefox 104.
Firefox 104 inclut l'API CSS Font Loading dans Web Workers et la propriété CSS animation-composition, qui définit l'opération de composition à utiliser 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 la série Web "New to the Web Series"