• Nous utilisons CSS3 et HTML5 qui sont maintenant bien supportés par tous les navigateurs
  • CSS3 rend les effets sympas, y compris l'animation, plus faciles à mettre en œuvre
  • HTML5 facilite l'utilisation de l'audio et de la vidéo, le stockage de données hors connexion, la géolocalisation, le positionnement des éléments et le canvas

(Pour des exemples de HTML5 voir JS-HTML5-CSS3)

Animation

L'implémentation de CSS3 et HTML5 par les constructeurs de navigateurs a changé le fonctionnement du web. Dans le passé, pour créer une animation sur la machine cliente, Flash, le script Javascript / DOM (Document Object Model) aurait été la méthode la plus probable utilisée.

Flash requis Programmation Actionscript et dans tous les cas n'était pas toujours supporté sur le navigateur client, et Javascript peut être désactivé sur l'ordinateur client. Le Document Object Model a également été implémenté différemment par différents navigateurs.

Actuellement, tous les principaux navigateurs offrent un support important pour les transitions (fondus, etc.), la traduction (déplacement de choses) et l'animation plus complexe.

Plusieurs choix

CSS3 et HTML5 ajoutent aux possibilités de comment animer votre site. Les options sont d'utiliser ce qui suit:

  • Flash pour créer des animations simples ou complexes
  • Javascript et DOM pour animer des pages (menus et images en fondu, visionneuses d'images, etc.)
  • CSS3 pour ajouter des transitions (changements temporels d'attributs de feuilles de style, traductions etc.), transforme (déplacement, redimensionnement, inclinaison, rotation) et animation (changements plus complexes de ce qui précède)
  • Flash pour inclure l'audio et la vidéo sur votre site
  • Youtube pour inclure la vidéo sur votre site
  • HTML5 pour ajouter de l'audio et de la vidéo sur votre site très simplement!

La dernière méthode marque l'une des plus grandes avancées des versions précédentes de HTML, car elle rend l'ajout de son et de vidéo à un site, une question très simple.

CSS3

CSS3 rend l'animation de sites Web beaucoup plus simple. Il ajoute ce qui suit:

  • Transformations d'éléments - traduction (déplacement), redimensionnement, inclinaison, rotation, mise à l'échelle
  • Transitions - changements temporels d'attributs de feuilles de style, de transformations, etc.
  • Animations - routines plus complexes de transformations et de transitions

L'avantage est qu'aucun script (Flash, Javascript, etc.) n'est requis - tout est fait par la feuille de style, et un navigateur web qui supporte les nouvelles propriétés CSS3. Tous les principaux navigateurs offrent maintenant un support complet.

Pour le développeur et le client, cela signifie qu'une présentation plus agréable peut être produite en moins de temps.

HTML5

Certains des changements majeurs apportés par HTML5 sont les suivants:

  • Balises audio et vidéo: elles permettent d'ajouter facilement des fichiers audio et vidéo sans Flash ni Javascript.
  • Stockage hors ligne: plus d'espace pour qu'un navigateur stocke des données persistantes et non persistantes. Dans le passé, les cookies ont fait cela, mais dans une mesure beaucoup plus limitée.
  • Géolocalisation: Ceci fournit des informations sur votre emplacement.
  • Canvas: zone de la page Web qui permet le rendu dynamique des images bitmap. vous pouvez dessiner dedans!

 

Comme pour la mise en œuvre de CSS3, la nouvelle version de HTML ouvre de nouvelles possibilités pour les utilisateurs d'interagir avec des sites Web. Les nouvelles balises pour l'audio et la vidéo représentent une avancée considérable pour l'inclusion des médias dans les sites Web. La prise en charge de ces nouvelles balises est maintenant complète.

Pour le développeur et le client, cela signifiera la possibilité d'ajouter du son et de la vidéo où et quand cela a du sens - facilement.