Baseline (web.dev)

Définition

Repère d'interopérabilité porté par le WebDX Community Group. Une fonctionnalité est « Newly available » quand elle marche dans les dernières versions des quatre navigateurs de référence (Chrome, Edge, Firefox, Safari, mobile compris), puis « Widely available » 30 mois plus tard. Les fonctionnalités sont regroupées par année (Baseline 2024, 2025, 2026).

Analogie

Le panneau « accessible à tous » sur un bâtiment : pas besoin de vérifier chaque porte.

Exemple de code

/* Réflexe : vérifier le statut sur MDN / caniuse avant d'adopter */
/* Widely available → utilisable sans repli */
.card { container-type: inline-size; } /* depuis fév. 2023 */

/* Newly available → amélioration progressive */
@supports (anchor-name: --a) {
  .tip { position-anchor: --a; } /* Baseline janv. 2026 */
}

Cas d'usage

Décider en équipe quelles nouveautés CSS/HTML entrent dans la base commune et lesquelles restent en amélioration progressive.

Anti-pattern

Termes liés

Sources

• web.dev/baseline
• developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@container