9 cours populaires sur l'animation CSS

Aux débuts du Web, l’animation était connue pour tous ces effets encombrants et complexes qui avaient peut-être fière allure, mais qui ont été lents à se charger et ont souvent été source de confusion..

Mais quand elle est utilisée correctement, l’animation peut être un outil fantastique pour les concepteurs Web. De petites quantités de mouvements subtils et accrocheurs constituent un excellent moyen d'aider les utilisateurs à interpréter les interfaces et à se repérer dans votre site ou votre application..

Êtes-vous au courant des toutes dernières techniques d'animation Web utilisant CSS, JavaScript, Easing, SVG et des infrastructures spéciales telles que la plate-forme d'animation GreenSock??

Sinon, ne vous inquiétez pas, voici neuf cours qui vous apprendront tout ce que vous devez savoir..

1. Animation Web pratique

Dans ce cours, l'instructeur d'Envato Tuts +, Craig Campbell, vous montrera des façons pratiques de créer des animations pour des boutons, des tableaux de tarification et d'autres éléments Web, à l'aide de CSS concis et de jQuery..

 

2. Plate-forme d'animation GreenSock: premières étapes

GreenSock est un framework JavaScript qui facilite l'animation d'éléments HTML. Au cours de ce cours, vous ferez vos premiers pas en apprenant à utiliser ce puissant cadre. Tant que vous maîtrisez le langage HTML et CSS, et que vous maîtrisez le langage JavaScript, vous disposez de tout ce dont vous avez besoin..

 

3. Animation avancée avec des plugins GSAP

Ce cours est un suivi idéal de celui mentionné ci-dessus. Dans ce cours, vous irez au-delà des bases de l'animation GreenSock en tant qu'instructeur d'Envato Tuts +, Craig Campbell, vous fera découvrir les plug-ins fournis avec GSAP..

 

4. Trois projets GreenSock: animation pratique avec GSAP

Dans le troisième cours GSAP, Craig Campbell vous guidera à travers trois projets dans lesquels vous apprendrez à créer des animations programmatiques, dans des scénarios réels, à l'aide de la plate-forme d'animation GreenSock. Vous apprendrez à créer un préchargeur animé, une animation de logo SVG et un curseur de contenu personnalisé..

 

5. Animation avec Snap.svg

SVG est un moyen puissant de créer des graphiques vectoriels qui se redimensionnent parfaitement. Dans ce cours, vous apprendrez à utiliser le framework JavaScript Snap.svg pour créer, contrôler et animer facilement vos SVG.. 

 

6. Accélération des fonctions de Bézier cubique

Une façon de donner un peu plus de vie et un peu plus de personnalité à l'animation sur le Web consiste à expérimenter différents paramètres d'accélération. Dans ce cours rapide de 10 minutes sur la pause-café avec Guy Routledge, vous apprendrez ce qu'est l’assouplissement, son utilité, comment le contrôler et comment l’appliquer dans le contexte des CSS..

 

7. Démarrer avec des transitions CSS

Dans ce cours de pause-café, Craig Campbell vous montrera tout ce que vous devez savoir pour commencer rapidement à créer des animations à l'aide des propriétés de transition CSS. En seulement dix minutes, vous apprendrez à créer un mouvement en n'utilisant que quelques propriétés CSS..

 

8. Activer avec des animations d'images clés CSS

Ce cours de pause-café vous apprend à créer des animations à l'aide des propriétés des images clés et des animations CSS. En seulement dix minutes, vous apprendrez à créer des animations dans le navigateur sans avoir à recourir à des plugins externes ou à une programmation étendue.. 

 

9. Bibliothèques CSS essentielles pour les concepteurs Web

Dans ce cours, vous apprendrez à utiliser dix bibliothèques CSS essentielles pour les concepteurs Web, disponibles aujourd'hui. Vous en apprendrez plus sur les réinitialisations, les animations, les transitions et les bibliothèques liées à la typographie. Vous apprendrez avec Adi Purdila, et vous utiliserez Bower pour gérer vos projets, en veillant à ce que tout reste à jour et soit facile à gérer..

 

Regarder n'importe quel cours maintenant

Vous pouvez suivre l'un de nos cours immédiatement avec un abonnement à Envato Elements. Pour un tarif mensuel modique, vous avez accès non seulement à ces cours, mais également à notre bibliothèque croissante de plus de 1 000 cours vidéo et de livres numériques de premier plan sur l'industrie sur Envato Tuts.+. 

De plus, vous obtenez maintenant des téléchargements illimités à partir de la vaste bibliothèque Envato Elements de plus de 200 000 photos et de plus de 26 000 ressources et modèles. Créez avec des polices, des photos, des graphiques et des modèles uniques et livrez plus rapidement de meilleurs projets.