Bonjour à tous,

Tout développeur a déjà eu le malheur d’utiliser un tag CSS qui n’est pas compatible avec son navigateur et passer des heures à chercher d’où le problème peut venir alors que cela fonctionnerait sur d’autres navigateurs … Aujourd’hui je vous présente le site caniuse.com qui vous permet de faire ces vérifications automatiquement et il se charge pour vous de traquer les mises à jour des navigateurs, les utilisations de ces navigateurs, …

caniuse.com example
caniuse.com example

La présentation des données est claire et vous permet en un coup d’œil d’obtenir les informations qui vous intéressent. Vous pouvez survoler les cases pour plus de détails (nottement la version à partir de laquelle le navigateur a intégré la fonctionnalité. Cela peut être utile notamment dans le cas où la fonctionnalité est récente et que tous vos visiteurs n’ont pas encore eu le temps de mettre à jour leurs navigateurs). Le pourcentage en haut à droite indique la valeur d’intégration. Si le pourcentage en vert est élevé vous pouvez sans soucis utiliser ce tag CSS, en dessous de 50 % je vous déconseille fortement de l’utiliser et plutôt commencer à chercher une alternative. Dans le cas où cet élément de design n’est pas nécessaire au bon fonctionnement de l’application vous pouvez bien entendu l’utiliser.

Si mon contenu vous plait et que vous souhaitez suivre mes publications, je vous invite à entrer votre email ci-dessous (vous recevrez un email de ma part à chaque nouvelle publication) :




Pour toutes questions vous pouvez me contacter par mail ou via l’onglet “Contact” en haut du site.

Merci !