Nouveaux utilisateurs sur la plate-forme Web en décembre

Découvrez quelques-unes des fonctionnalités intéressantes qui sont disponibles en version stable et bêta. les navigateurs Web pendant décembre 2023.

Rachel Andrew

Versions stables des navigateurs

En décembre 2023, Firefox 121, Chrome 120 et Safari 17.2 est devenu stable. Cet article explique ce que cela signifie pour la plate-forme Web.

Analyse simplifiée pour l'imbrication CSS

Avec Chrome 120 et Safari 17.2, analyse assouplie pour l'imbrication CSS. Ce changement de syntaxe étant pris en charge dans Firefox à partir de la version 117, cela signifie que tous les principaux moteurs sont compatibles.

Accordéons exclusifs avec l'élément <details>

Chrome 120 et Safari 17.2 sont compatibles avec l'attribut name pour le Élément <details>. Cela signifie que vous pouvez créer des composants d'accordéon exclusifs en regroupant plusieurs éléments <details>.

Pour en savoir plus, consultez accordéon exclusif.

Sélecteur :has()

Firefox 121 inclut le sélecteur CSS :has(). Cette version rend :has() interopérable sur tous les principaux moteurs.

Pour en savoir plus, consultez :has(): le sélecteur de famille.

API CSS Custom Highlight

Dans Safari 17.2, API CSS Custom Highlight qui vous permet de créer et de styliser des plages de texte, Extension des pseudo-classes de mise en surbrillance standards telles que ::selection

API CloseWatcher

Chrome 120 inclut l'API CloseWatcher, une nouvelle API permettant d'écouter les requêtes de fermeture et d'y répondre. Ces requêtes sont déclenchées par la touche ESC sur ordinateur et par le geste ou bouton Retour sur Android. et peut être difficile à mettre en œuvre.

En plus de l'API, Chrome 120 met à niveau <dialog> et l'attribut popover pour répondre au bouton "Retour" d'Android.

CSS text-wrap: balance et stable

Firefox 121 inclut les valeurs balance et stable pour text-wrap. La valeur balance est utile pour les blocs de contenu courts tels que les titres, pour créer un texte plus agréable et facile à lire. La valeur stable empêche le contenu modifiable de se retirer pendant sa modification.

En savoir plus sur text-wrap: balance.

Chargement différé des éléments <iframe>

Firefox 121 accepte l'attribut loading sur les éléments <iframe>. Cela signifie que le chargement différé des iFrames est désormais compatible avec tous les principaux moteurs.

Compatibilité avec la fonction de lissage de vitesse linear()

Safari 17.2 est également compatible avec la fonction de lissage de vitesse linear(), qui permet de créer effets de rebond.

Versions bêta des navigateurs

Les versions bêta des navigateurs vous donnent un aperçu des nouveautés version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou susceptibles d'avoir un impact sur votre site avant qu'il ne soit mis en ligne. Nouveau les bêtas sont Firefox 122 Chrome 121 et Safari 17.3. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Découvrir la version des notes pour tous les détails. En voici quelques-unes.

Firefox 122 et Chrome 121 incluent la méthode showPicker() pour HTMLSelectElement. Cela permet d'afficher le même sélecteur qui s'affichera lorsque l'élément est sélectionné, mais qui peut être déclenché par une pression sur un bouton ou une autre interaction de l'utilisateur.

Chrome 121 inclut les propriétés de style de la barre de défilement scrollbar-color et scrollbar-width, ainsi que le masquage CSS amélioré pour SVG, mettre en évidence les pseudo-éléments de texte qui ont été mal orthographiés ou qui sont grammaticalement incorrects.