Baseline vous aide à comprendre quelles fonctionnalités sont interopérables avec les moteurs de navigateur modernes et peuvent être utilisées en toute sécurité dès aujourd'hui. Mais comment utiliser Baseline dans vos projets ? Cette page présente des ressources pour vous aider à décider comment l'utiliser et certaines des considérations à prendre en compte dans ce processus.

Fonctionnement de Baseline

La référence fonctionne en clarifiant les messages grâce à trois seuils. Ces seuils indiquent le niveau d'interopérabilité dans l'ensemble de navigateurs principaux : Chrome pour Android et pour ordinateur, Firefox pour Android et pour ordinateur, Safari dans macOS et iOS, et Edge. Lorsque vous voyez ces libellés et symboles, vous pouvez rapidement vous faire une idée de la façon dont les fonctionnalités Web sont établies dans les moteurs de navigateur modernes :

Les fonctionnalités à disponibilité limitée sont celles qui ne sont pas implémentées dans l'ensemble des navigateurs principaux. L'utilisation de ces fonctionnalités nécessitera une certaine planification, en tenant compte éventuellement des polyfills et de l'amélioration progressive.
Les nouvelles fonctionnalités sont celles qui ont été récemment implémentées dans l'ensemble de navigateurs principaux. Lorsque vous voyez que des fonctionnalités sont "Nouvellement disponibles", vous pouvez vous attendre à ce qu'elles soient prises en charge plus largement dans les navigateurs au fil du temps.
Les fonctionnalités largement disponibles sont celles qui sont interopérables dans l'ensemble des navigateurs principaux depuis au moins 30 mois. Lorsque des fonctionnalités sont largement disponibles dans la référence, vous pouvez vous attendre à ce qu'elles soient bien prises en charge dans l'ensemble des navigateurs principaux.

Avant de pouvoir utiliser Baseline dans votre projet, vous devez choisir la cible Baseline à utiliser. Une cible de référence est une cible mobile qui évolue pour ajouter des fonctionnalités plus interopérables au fil du temps, ou une cible fixe qui représente le dernier ensemble de fonctionnalités interopérables pour une année donnée. Découvrez dans ce guide comment sélectionner votre cible de référence de manière axée sur les données.

Ajouter Baseline à votre projet

Il peut être difficile de savoir quelles fonctionnalités sont compatibles avec les navigateurs, mais en utilisant Baseline dans votre projet, ainsi que des outils pour vous guider, vous pouvez réduire le travail nécessaire. Browserslist est fourni avec plusieurs requêtes intégrées qui facilitent l'utilisation de Baseline dans votre projet.

Ajoutez Baseline à vos outils de linting et d'empaquetage de développement grâce aux requêtes spécifiques à Baseline désormais intégrées à Browserslist.
Découvrez comment intégrer Baseline à un projet Web à l'aide de webpack, Babel et PostCSS dans cet atelier de programmation.

Découvrez les démos Baseline

Si vous cherchez l'inspiration pour savoir comment utiliser Baseline dans vos projets, consultez ces démonstrations d'intégrations d'outils pour vous lancer :

Découvrez comment utiliser Baseline avec votre projet webpack.
Découvrez comment utiliser Baseline avec votre projet Rollup.

Toutes les fonctionnalités Web ne sont pas interopérables, mais cela ne signifie pas que vous ne pouvez pas les utiliser. En tant que membre de Baseline, nous ne vous disons pas si vous devez utiliser ou non des fonctionnalités non interopérables. C'est une décision que vous devez prendre vous-même. Nous avons publié des conseils pour vous aider à y réfléchir.

Créer vos propres outils de référence

Vous recherchez un outil spécifique pour Baseline, mais vous ne le trouvez pas ? Les outils de référence sont en cours de développement. Il est possible que ce dont vous avez besoin n'ait pas encore été développé. Si vous êtes du genre entreprenant, vous pouvez créer vos propres outils. Ces articles vous montreront comment utiliser les données sur les fonctionnalités Web de différentes manières pour créer des outils qui vous seront utiles, à vous et à d'autres.

Découvrez le tableau de bord de la plate-forme Web et comment interroger son API HTTP pour vous aider à créer des outils de référence.
Découvrez comment utiliser les données du package npm web-features pour créer vos propres outils de référence.