WebL'Agence - Le meilleur de Codepen #1

La communauté de développement web regorge d’artistes très talentueux qui ne cessent d’offrir des choses nouvelles et merveilleuses qui permettent de développer la toile. Le site codepen vous propose des snippets très prisés de la communauté au cours de ces dernières années. Nous vous faisons découvrir 5 projets spectaculaires qui sauront vous inspirer et vous permettre d’intégrer des effets à tous vos projets web, et ce, avec un peu de JavaScript, CSS et HTML.

Chill the lion

Avec Chill the lion, Codepen vous offre une nouvelle expérience dans l’univers d’internet. Composé d’un graphisme original de type pixel art, un éventail peut être facilement contrôlé à l’aide de la souris afin de souffler sur la crinière de ce magnifique lion.

See the Pen Chill the lion by Karim Maaloul (@Yakudoo) on CodePen.

 

Petite forêt 3D

Très original, ce snippet a été développé en superposant plusieurs plans 2D afin de vous offrir des effets 3D impressionnants. La démo représente une magnifique forêt, illuminée par les rayons du soleil. Pour faire bouger le paysage, il vous suffit de cliquer et de faire glisser votre curseur. Ainsi, vous pouvez découvrir le snippet sous tous les angles.

See the Pen Little forest round 3D by Dave DeSandro (@desandro) on CodePen.

 

Page de désabonnement

Comme vos visiteurs peuvent s’abonner à votre newsletter à tout moment, ils ont également la possibilité de se désabonner. Pour cela, vous pouvez intégrer cette animation présentant une lettre émotive qui adapte ses expressions à vos actions.

See the Pen Animated Unsubscribe Page by agathaco (@agathaco) on CodePen.

 

Souscrire à la newsletter

Afin que tous vos visiteurs puissent pleinement profiter de vos news, vous pouvez leur offrir une fonctionnalité pratique rendant l’inscription dynamique. Une belle animation de validation ne peut que conforter l’utilisateur dans son choix d’avoir souscrit à cet abonnement.

See the Pen Signing up for the newsletter by Mikael Ainalem (@ainalem) on CodePen.

 

Mesmerizing

Pour apporter une touche plus vivante et animée à votre site internet, Codepen vous propose la démo Mesmerizing. Très intéressante et amusante, elle vous montre des mouvements circulaires très performants et d’incroyables transitions. Cette animation n’utilise que du html et du css.

See the Pen Mesmerizing by xposedbones (@xposedbones) on CodePen.

 

Ces 5 projets proposés par Codepen vous offrent des fonctionnalités graphiques pouvant impacter l’engagement utilisateur. Meilleurs parmi les meilleurs, ces démos sont de véritables bijoux de l’internet.

N’hésitez pas à nous contacter et à consulter notre article sur Les 5 meilleurs framework Javascript  !