Ce billet va traiter de Modernizr, une bibliothèque javascript qui permet de faire comprendre aux anciens navigateurs certaines propriétés HTML5 / CSS3, qu’il est frustrant de ne pouvoir utiliser comme on le voudrait…
Au niveau de la compatibilité, nous avons :
- IE6+
- Firefox 3.5+
- Opera 9.6+
- Safari 2+
- Chrome
- iOS Safari mobile
- Android’s WebKit browser
- Opera Mobile
- Firefox Mobile
- …
La liste de compatibilité est assez grande également au niveau des propriétés :
Tout ce que vous avez à faire, c’est aller sur http://www.modernizr.com/download/, cocher la case de chaque propriété que vous voulez embarquer (il faut être raisonnable pour ne pas alourdir), puis récupérer les fichiers générés. Ces fichiers, il faut ensuite les intégrer à al balise <head> de vos pages, et le tour est joué !