Nouveaux utilisateurs sur la plate-forme Web en avril

Découvrez certaines des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en avril 2023.

Rachel Andrew

Versions stables du navigateur

En avril 2023, Firefox 112 et Chrome 112 sont devenus stables. Voyons ce que cela implique pour la plate-forme Web.

Attribut inert

Firefox 112 inclut l'attribut global inert. Cet attribut indique au navigateur d'ignorer l'élément pour indiquer le contenu qui ne doit pas être interactif.

• Empêche le déclenchement d'événements click.
• Empêche la sélection de l'élément.
• Permet d'exclure l'élément et son contenu de l'arborescence d'accessibilité.

Cet attribut est désormais interopérable dans les trois moteurs.

Fonction de lissage de vitesse linear()

La fonction de lissage de vitesse linear() permet une interpolation linéaire entre un certain nombre de points. Cela permet des animations plus complexes telles que le rebond et les effets élastiques. Cette fonction est disponible dans Firefox 112.

Imbrication CSS

Chrome 112 est compatible avec l'imbrication CSS, une fonctionnalité très attendue par de nombreux développeurs. Cela introduit un nouveau sélecteur d'imbrication >, utilisé pour imbriquer des règles de style associées, d'une manière que les développeurs qui ont utilisé des préprocesseurs connaissent déjà:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

CSS animation-composition

Chrome 112 est également compatible avec animation-composition. Pour en savoir plus sur le fonctionnement de cette propriété, consultez la section Spécifier comment plusieurs effets d'animation doivent être composés avec animation-composition.

Nouveau mode headless

Si vous utilisez le mode headless de Chrome, par exemple avec Puppeteer, la version 112 apporte un tout nouveau mode headless. Pour en savoir plus, consultez la mise à niveau du mode headless de Chrome.

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 nouvelles versions bêta sont Firefox 113 et Chrome 113, tandis que la version bêta de Safari 16.5 est toujours en cours. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Pour en savoir plus, consultez les notes de version, dont quelques-unes des principales caractéristiques.

Firefox 113 inclut les fonctions color(), lab(), lch(), oklab() et oklch(). La fonction color-mix() de CSS Color 5 et la propriété forced-color-adjust sont également incluses.

Firefox inclut également la syntaxe nth-child of <selector>, ce qui vous permet de contrôler plus précisément les éléments que vous souhaitez sélectionner. Pour en savoir plus, consultez la section Mieux contrôler les sélections :nth-child() avec la syntaxe de S.

Pour CSS, Chrome 113 inclut les fonctionnalités multimédias overflow-inline, overflow-block et update. Également inclus dans la fonction de lissage de vitesse linear() et le type image-set() sans préfixe.

Chrome 113 inclut également WebGPU, le successeur des API graphiques WebGL et WebGL 2 pour le Web. Elle offre des fonctionnalités modernes telles que le calcul GPU, un accès moins coûteux au matériel GPU, la possibilité d'effectuer un rendu sur plusieurs canevas à partir d'un seul appareil graphique, et des performances améliorées et plus prévisibles.

Fait partie de la série Web "New to the Web Series"