Nouveaux utilisateurs sur la plate-forme Web en février

Découvrez certaines des fonctionnalités intéressantes disponibles dans les navigateurs Web stables et bêta en février 2022.

Rachel Andrew

Versions stables du navigateur

En février, Chrome 98 et Firefox 97 sont devenus stables.

Chrome 98 a introduit la méthode self.structuredClone. Il crée un clone profond d'une valeur à l'aide de l'algorithme de clonage structuré. En savoir plus sur structuredClone()

Firefox 97 inclut les couches en cascade. L'élément @layer à la règle définit une couche en cascade, ce qui vous aide à contrôler la spécificité.

@layer framework {
  /* creates a new layer named framework */
}

Firefox est le premier navigateur à proposer cette fonctionnalité dans une version finale. Consultez toutefois la section de cet article sur les versions bêta, car cette fonctionnalité sera bientôt disponible partout. Pour en savoir plus sur les couches en cascade, consultez Les couches en cascade arrivent dans votre navigateur.

Firefox récupère également la propriété scrollbar-gutter. Cette propriété permet d'éliminer les décalages de mise en page causés par une barre de défilement qui apparaît à mesure que le contenu augmente.

La marge intérieure de la barre de défilement correspond à l'espace entre le bord de la bordure intérieure et le bord de la marge extérieure. C'est ici qu'une barre de défilement s'affichera si nécessaire. Si aucune barre de défilement n'est présente, la marge intérieure s'affiche comme une extension de la marge intérieure. Le code CSS suivant ajouterait un espacement tenant compte de la taille de la barre de défilement des deux côtés de la zone, afin de conserver une apparence symétrique.

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 prend en charge les polices vectorielles de dégradé de couleur COLRv1 en tant que nouveau format de police. Une police de couleur contient des glyphes de plusieurs 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 couleur COLRv1 dans Chrome 98.

Versions bêta des navigateurs

Les versions bêta du navigateur vous donnent un aperçu des éléments qui seront disponibles dans 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 nouvelles versions bêta de février étaient Chrome 99 et Firefox 98. La version bêta 15.4 de Safari est toujours en cours de développement. J'ai évoqué certains des éléments inclus le mois dernier.

Chrome 99 inclut les calques en cascade, qui sont également disponibles dans la version bêta de Safari 15.4. Nous devrions donc voir cette fonctionnalité dans tous les navigateurs evergreen très prochainement.

Chrome 99 inclut également plusieurs nouveaux attributs pour CanvasRenderingContext2D et une nouvelle méthode showPicker() sur HTMLInputElement, qui permet d'afficher un sélecteur de navigateur pour la date, l'heure, la couleur et les fichiers.

Dans Firefox 98, vous trouverez l'élément <dialog>. Autre fonctionnalité qui sera disponible dans tous les navigateurs evergreen une fois que les versions bêta de Firefox et Safari seront stables.

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

Fait partie de l'événement New to the Web Series