javascript - Lors de l'utilisation des transitions/animations CSS, etc., quelle est la meilleure façon de revenir à jQuery si le navigateur de l'utilisateur ne prend pas en charge les animations CSS ?

Je cherche un moyen d'utiliser les animations CSS, mais si le navigateur de l'utilisateur ne supporte pas les animations CSS, revenir alors à l'utilisation de jQuery pour l'animation. Y a-t-il un moyen facile de faire cela en jQuery ? Un plugin serait OK, s'il s'agissait d'un petit plugin, mais je cherche vraiment un moyen de faire cela en jQuery si possible. La seule raison pour laquelle je veux utiliser les animations CSS est à cause de la puissance processeur beaucoup plus faible utilisée lors de l'utilisation des animations CSS.

Réponse n°1

Le plugin amélioré jQuery animate utilise les transitions CSS sans avoir à écrire de code spécifique pour les navigateurs compatibles avec les transitions

L'alternative n'est pas très encourageante : vous pourriez ajouter une bibliothèque de détection de fonctionnalités telle que Modernizr, puis écrire un code spécifique pour chaque cas, comme...

if (Modernizr.csstransitions) {
  $("#yourdiv").css({
    "-webkit-transform" : "translate(0, 10)",
    "-o-transform" : "translate(0, 10)",
    "-moz-transform" : "translate(0, 10)",
    "-ms-transform" : "translate(0, 10)",
    "transform" : "translate(0, 10)"
});
}
else {
  //do jquery animate stuff
}

Réponse n°2

Vous ne devriez pas vous en soucier. Les animations ne sont pas vitales. Si vous faites une amélioration progressive, chaque utilisateur aura la meilleure expérience que son navigateur lui permet de vivre :).

Si vous vous souciez autant de cette « puissance du processeur », vous ne voudrez pas du tout avoir d'animations sur IE. Sinon, utilisez simplement jQuery, cela semble être le mieux pour vos besoins particuliers.