PolyFill / Shim pour transitions CSS et animations

Google me rattrape un peu (je pense que la terminologie pour PolyFill / Shim / Spackle est nouvelle et diversifiée pour le moment). J'essaie de trouver un bon Polyfill ou Shim de JavaScript pour les transitions CSS de Webkit (et maintenant depuis le RC FireFox 4).

J'ai trouvé ce travail que Weston Ruter a fait, mais il n'a pas été mis à jour dans un certain temps, et utilise la détection du navigateur par opposition à la détection des fonctionnalités.

J'ai également découvert FakeSmile, mais il est principalement destiné à l'animation SVG.

Est-ce que quelqu'un connaît de bonnes bibliothèques pour remplir cette fonctionnalité? De préférence, quelque chose qui fonctionnerait avec Modernizr et qui est toujours activé. Jusqu'à présent, la meilleure option semble commencer avec ce que Weston a trouvé.

Il existe un très bon polyfill de transition CSS3 pour jQuery appelé jQuery.transition .

Vous pouvez simplement utiliser la méthode animate () habituelle dans jQuery, et elle utilisera automatiquement les transitions CSS3 si disponibles, et sinon, elle retombera sur vanilla jQuery.

Le projet de polymère de Google comprend un polyfill Web Animations pour le projet de spécifications d'animation Web W3C .

Caveat emptor: il s'agit d'un travail assez tôt, car la spécification du W3C n'est qu'un brouillon de travail public, donc tout pourrait changer. En outre, les Polyfills Polymer semblent ne cibler que la dernière version des navigateurs (p. Ex. IE10 +) afin de ne pas répondre à vos besoins. Pourtant, c'est au début du projet, alors surveillez-le et expérimentez-le.

Si vous faites attention à tester les plates-formes sur lesquelles vos utilisateurs utilisent, vous pouvez profiter du futur site Web aujourd'hui.