hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créez facilement des effets en cascade avec CascadeJS

Les animations fantaisie sont à la pelle sur le web. Ils deviennent plus faciles à créer avec des tonnes de bibliothèques d'animation incroyables.

Cascade.js est une bibliothèque de plus à ajouter à la liste, et c'est certainement une bibliothèque unique. Avec Cascade, vous pouvez concevoir des effets d'animation personnalisés en utilisant des lettres en cascade dans du texte ou des éléments en cascade dans un conteneur principal.

Cette bibliothèque n'a pas de dépendances ; il fonctionne sur JavaScript classique. Vous pouvez l'installer via npm, Bower ou en téléchargeant une copie directement depuis GitHub.

Pour que CascadeJS fonctionne, vous avez besoin de deux fichiers : un fichier CSS et un fichier JavaScript. Ils sont tous deux livrés avec des versions minifiées pour vous faire économiser quelques Ko sur le format de la page.

Chaque élément Cascade est décomposé en parties distinctes qui s'animent individuellement à travers les éléments. Ceux-ci sont ajoutés dynamiquement, vous n'avez donc pas besoin de modifier quoi que ce soit dans votre code HTML.

Mais, vous devrez configurer la fonction flow() dans votre fichier, après avoir ciblé l'élément que vous voulez animer.

Vous pouvez réellement utiliser jQuery avec cette bibliothèque si vous le souhaitez, mais ce n'est pas obligatoire . Donc, si vous préférez sélectionner des éléments avec jQuery, n'hésitez pas à l'utiliser à la place.

Voici un extrait de JavaScript vanilla de la démo du site principal:

Vous pouvez passer l'élément flow() sans paramètre ou vous pouvez tous les configurer vous-même. Il faut huit paramètres optionnels pour éditer le style d'animation, le timing, la durée et les classes CSS optionnelles.

CascadeJS a une autre fonction appelée fragment() qui vous permet de diviser des lettres (ou des éléments) dans des conteneurs séparés, sans les animer. Vous pouvez utiliser cette fonction pour colorier et restyler du texte sur la page en ciblant chaque lettre dans un mot. Assez cool, non?

Tous les exemples de code sont ouvertement disponibles sur la page principale de la bibliothèque, vous pouvez donc copier / coller et bricoler vous-même. Mais, vous trouverez également la documentation sur la page GitHub si vous cherchez une façon plus claire de commencer.

9 outils gratuits pour réduire la fatigue oculaire liée à l'ordinateur

9 outils gratuits pour réduire la fatigue oculaire liée à l'ordinateur

Qu'il s'agisse d'un ordinateur de bureau, d'un ordinateur portable, d'une tablette ou d'un téléphone mobile, nos yeux sont fixés sur un écran ou un autre, que ce soit pour travailler, étudier ou jouer. Mais que cela se produise assez longtemps et que vous puissiez souffrir de mauvais effets d'être devant un écran, par exemple une vision floue, des maux de tête ou des problèmes oculaires. Regarde

(Conseils techniques et de conception)

8 échanges Bitcoin fiables pour acheter des BTC en toute sécurité - Best of

8 échanges Bitcoin fiables pour acheter des BTC en toute sécurité - Best of

Dans le monde des ordinateurs, rien n'est sûr à cent pour cent - comme le prouvent de nombreux hacks, y compris divers vols de bitcoins valant des millions et une violation des serveurs de HBO. Il en va de même pour les échanges de crypto-monnaie - où beaucoup sont soutenus par des stratégies non sécurisées et de fausses promesses .Vous po

(Conseils techniques et de conception)