Nouveaux utilisateurs sur la plate-forme Web en avril

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

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

Attribut inert

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

  • Empêche le déclenchement d'événements click.
  • Empêche l'élément d'être sélectionné.
  • Exclut l'élément et son contenu de l'arborescence d'accessibilité.

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

Navigateurs pris en charge

  • Chrome: 102.
  • Edge : 102.
  • Firefox: 112.
  • Safari : 15.5.

Source

Fonction d'atténuation linear()

La fonction d'atténuation linear() permet d'effectuer une interpolation linéaire entre un certain nombre de points. Cela permet d'obtenir des animations plus complexes, comme les effets de rebond et d'élasticité. Cette fonction est disponible dans Firefox 112.

Navigateurs pris en charge

  • Chrome : 113.
  • Edge: 113.
  • Firefox: 112.
  • Safari : 17.2

Encapsulation CSS

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

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Navigateurs pris en charge

  • Chrome: 120.
  • Edge: 120.
  • Firefox : 117.
  • Safari : 17.2

Source

CSS animation-composition

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

Navigateurs pris en charge

  • Chrome : 112.
  • Edge: 112.
  • Firefox: 115.
  • Safari : 16.

Source

Nouveau mode headless

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

Versions bêta du navigateur

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 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. Voici quelques-unes des principales nouveautés :

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>, qui vous permet de contrôler plus précisément les éléments que vous souhaitez sélectionner. Pour en savoir plus, consultez Contrôler davantage les sélections :nth-child() avec la syntaxe of S.

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

Chrome 113 inclut également WebGPU, successeur des API graphiques WebGL et WebGL 2 pour le Web. Il offre des fonctionnalités modernes telles que le calcul GPU, un accès moins lourd au matériel GPU, la possibilité de créer des éléments graphiques sur plusieurs canevas à partir d'un seul appareil graphique, et des performances meilleures et plus prévisibles.

Partie de la série Nouveau sur le Web