Créer des animations en CSS3 et HTML5 facilement
On connait tous les animations de type Flash, elles sont facilement réalisables à l’aide de logiciels mais hélas le Flash n’est pas vraiment apprécié des webmasters pour des raisons de référencement principalement.
Mais alors comment créer des animations sans le Flash ?
Les constantes évolutions du web font que celui-ci s’adapte très vite aux manques. C’est ce que viennent combler le CSS3 et le HTML5 par exemple pour compenser l’utilisation du flash. L’HTML5 grâce ces nouvelles « options » que sont les balises, les attributs, la gestion des API et donc des applications web permettent à tout webmaster de créer désormais des animations sans avoir recourt au Flash.
Et comment créer des animations avec ces nouveaux langages ?
A cette question, pourrait rapidement être répondu d’aller jeter un oeil sur Google qui regorge d’un grand nombre d’exemples d’applications web. Mais j’ai une solution beaucoup plus facile à vous proposer. Il s’agit de Sencha Animator qui est un outil vous proposant la création assistée d’animations en CSS3 et HTML5. Avec cet outil vous disposez d’une scène et d’une timeline qui vont vous aider à créer votre animation web tout simplement en y ajoutant des objets et en les animant.
L’interface du logiciel est assez facile à prendre en main et un tutoriel de bienvenue vous ait proposé pour découvrir les techniques de création d’animation web.
Démonstrations
Afin de vous prouver la puissance de cet outil et de ces langages voici quelques exemples de démonstrations. Il s’agit entièrement d’utilisation de CSS3 et d’HTML5 :
- Comic Viewer
- Page Flip
- Ionic Bonding (n’utilise pas d’images !)
- CSS3 Cogs
Télécharger le logiciel Sencha Animator
Bonjour,
J’ai un soucis avec ce logiciel, j’aimerai créer plusieurs petite animations sur une même page pour mon site. Mais lorsque je génère le code avec Sencha Animator, le code utilise le même nom de Div tout le temps alors impossible d’avoir plusieurs animation sur une page à moins de renommer toute les Divs mais bon pas pratique…
Need Help
Merci
Simon
avec ces prix exorbitants il ne doivent pas avoir de très nombreux clients !
je continue à faire mes lignes de codes ! c’est gratos !