Design web & mobile

vCard | Simon Haddad

Pour ce projet de vCard j’ai décidé d’explorer des nouvelles techniques de créations.
J’ai appris à utiliser particle.js, une librairie javascript qui permet de créer des backgounds animés très sympa.
J’ai crée une animation css qui « glitch » une image.
J’ai même eu envie de donner la possibilité de changer la couleur du background…

Bref je me suis bien amusé !


particles.js est une librairie que je recommande, pas très compliqué a maîtriser elle permet de faire des rendus vraiment sympa et il y a des bons tutos sur YouTube à disposition !
Que demander de plus ?

Pour faire glitcher mon image j’ai dû regarder  des codes à disposition sur codepen et ça n’a pas été facile à comprendre et à maîtriser. Mais ça m’a permis d’apprendre pas mal de nouvelles propriétés CSS et puis je trouve que le rendu final n’est pas trop mal. 🙂


J’ai écrit un petit script qui permet de changer la couleur du background, rien de bien compliqué ni très original mais de quoi me décomplexer avec le JavaScript et de quoi donner une interaction supplémentaire à l’utilisateur !

Pour résumé je me suis vraiment amusé à faire cet vCard et son côté mi high-tech mi WTF me plaît car au final je trouve qu’elle représente plutôt bien ma personnalité.
N’hésitez pas à aller la voir et à perdre 10 minutes de votre vie à vous amuser avec les particules !

     Projet au hasard