hideout-lastation.com
Anime.js - Une bibliothèque d'animation JavaScript légère
L'animation Web a parcouru un long chemin. Les développeurs peuvent non seulement faire n'importe quelle animation en utilisant une combinaison de CSS / SVG / JS, mais il existe des dizaines de bibliothèques gratuites pour gagner du temps dans le processus.
Un de mes favoris est Anime.js, une bibliothèque d'animation JavaScript open source complètement libre.
Cette bibliothèque peut tout faire . Il est construit sur JavaScript mais il s'appuie aussi fortement sur les animations CSS . Vous pouvez cibler des éléments de page individuels via le DOM ou vous pouvez même cibler des SVG personnalisés .
Toute la documentation est auto-hébergée sur GitHub, vous devrez peut-être faire défiler pour trouver exactement ce que vous cherchez. Mais chaque fonctionnalité d'animation est livré avec quelques paramètres tels que le délai, la durée et l'assouplissement.
Notez que cette bibliothèque ne comporte pas beaucoup de styles d'animation par défaut. Anime.js est fait pour les développeurs qui veulent personnaliser leurs animations sans écrire de code verbeux .
Pour un exemple en direct, consultez le stylo Codepen ci-dessous. Le code est extrêmement simple, mais vous obtenez une animation crédible avec le squash et stretch plus l' anticipation, les deux principes fondamentaux de l'animation.
Un avertissement juste: la bibliothèque Anime.js est dense . Ce n'est pas si difficile de créer une animation personnalisée, mais vous avez besoin de comprendre certaines bases comme l'accélération et la syntaxe JavaScript commune pour les callbacks et les options.
Mais toutes les informations dont vous avez besoin sont sur la page des pensions, y compris de nombreux exemples de code et des tableaux de documentation détaillés . Et vous pouvez parcourir les rapports de bogues ouverts ou vérifier le support du navigateur qui comprend actuellement tous les principaux navigateurs et IE 10+ .
C'est facilement l'une des meilleures bibliothèques d'animation pour les développeurs Web et il devrait être votre solution pour toute animation web complexe .
Pour voir un tas d' exemples en direct, consultez cette collection de démos Anime.js hébergées sur CodePen. Ci-dessous, j'ai intégré mon favori qui anime le logo entier à partir de rien, avec une réelle vivacité.
10 (plus) Gadgets de vélo cool pour le cycliste Avid
Nous sommes plus conscients de notre santé maintenant que jamais et l'un des meilleurs moyens de faire de l'exercice dans nos vies est de faire un tour à vélo. Prenez votre vélo dans le garage, faites un cycle tranquille et profitez des merveilleuses choses que Mère Nature a à offrir. Si vous faites du vélo souvent, il y a quelques choses qui peuvent rendre l' expérience du cyclisme plus agréable et pratique, et le post d'aujourd'hui est tout au sujet des gadgets de vélo cool pour vous aider à le faire.Allant d&#
Freelancers: 7 traits qui font que les clients vous aiment
Alors vous avez sauté dans le monde de la pige, appris sur les problèmes communs que les freelances et comment les résoudre. Vous avez appris quoi mettre dans votre contrat, cette critique peut vous inspirer à améliorer et à devenir un meilleur pigiste.Après avoir appris comment gérer votre réputation de pigiste, comment utiliser des témoignages pour gagner plus de nouveaux clients, comment se débarrasser des mauvaises habitudes qui détruisent une carrière en freelance, et comment gérer différents types de clients comme un charme, vous pensez probablement tout est défini et prêt.Et pourtant, il
