09-04-2013, 08:27 PM
Poc Cloc Poc Cloc Poc Cloc
Me voilà avec mes gros sabots!
Le CSS est fait pour la présentation, le javascript pour le dynamisme.
Comme souligné, CSS sera bien plus rapide que JS.
En cas de dépendance de l'animation à certaines données, tu peux également constituer un CSS "dynamique" (soit en créant une page web, en PHP ou autre, à laquelle tu passes un "GET" et qui te retournes, en sortie, un fichier CSS basé sur ces variables GET; soit en créant un balisage style et en le remplissant via du javascript: en ce cas le javascript fait le dynamisme de la balise style, et le CSS de cette balise fait l'animation).
Dernier élément: les animations fonctionnent comme n'importe quelle règle CSS, ce qui permet d'utiliser les sélecteurs comme :hover ou :target. Ce dernier (je l'adore!) permet d'appliquer un lot de règles CSS à une balise dont l'id est passé dans l'URL. EN d'autres mots, si j'ai une balise avec un attribut "id=machin", et que je dispose d'un lien href=#machin" alors l'animation utilisant le sélecteur "#machin:target" sera lancée quand je cliquerai sur le lien href="#machin".
Me voilà avec mes gros sabots!
Le CSS est fait pour la présentation, le javascript pour le dynamisme.
Comme souligné, CSS sera bien plus rapide que JS.
En cas de dépendance de l'animation à certaines données, tu peux également constituer un CSS "dynamique" (soit en créant une page web, en PHP ou autre, à laquelle tu passes un "GET" et qui te retournes, en sortie, un fichier CSS basé sur ces variables GET; soit en créant un balisage style et en le remplissant via du javascript: en ce cas le javascript fait le dynamisme de la balise style, et le CSS de cette balise fait l'animation).
Dernier élément: les animations fonctionnent comme n'importe quelle règle CSS, ce qui permet d'utiliser les sélecteurs comme :hover ou :target. Ce dernier (je l'adore!) permet d'appliquer un lot de règles CSS à une balise dont l'id est passé dans l'URL. EN d'autres mots, si j'ai une balise avec un attribut "id=machin", et que je dispose d'un lien href=#machin" alors l'animation utilisant le sélecteur "#machin:target" sera lancée quand je cliquerai sur le lien href="#machin".