YepNope, charger des scripts et CSS dans certaines conditions

Malgré la sortie récente des dernières versions des navigateurs majeurs supportant CSS3 et HTML5, il va falloir du temps avant que tous soient au même niveau et que la migration vers ceux-ci se fasse pour la masse des internautes non-geek.

Du coup, il va falloir maintenir encore pour un moment les bidouilles et les scripts pour rendre nos webdesigns compatibles avec les « vieux » navigateurs ».

 
Yepnope.js est un chargeur de scripts qui permet de charger (ou pas) certains scripts selon qu’une fonctionnalité est supportée (yep) ou pas (nope).

L’exemple donnée directement en page d’accueil de Yepnope.js est assez parlant :

yepnope({
  test : Modernizr.geolocation,
  yep  : 'normal.js',
  nope : ['polyfill.js', 'wrapper.js']
});

Associé à Modernizer, Yepnope fait des étincelles pour la compatibilité CSS3 et HTML5.
De plus, ce script est assez peu intrusif puisqu’il charge de manière asynchrone les ressources (il se basse sur l’excellent LABjs).

Yepnope.js est également capable de charger des feuilles de styles CSS additionnelles sur le même principe.

Le gros plus de ce script est qu’il va vous aider à ne charger les scripts nécessaires que tant que votre navigateur ne sera pas compatible avec une fonctionnalité particulière.

De quoi assurer une transition en douceur.

Le petit script (1,6 Ko) propose une tonne d’options.

Téléchargez Yepnope.js