Vous cherchez à captiver l'attention des internautes sur votre site web ? Avec ces quelques ressources Javascript, vous parviendrez facilement à améliorer leur expérience. Et naturellement, s'ils apprécient votre site, ils reviendront !
Retrouvez différentes idées pour rendre vos contenus plus originaux, plus attractifs ou plus interactifs. Vous aurez forcément envie d'en tester un ou plusieurs, tant les effets sont parfois saisissants !
Prenez une petite pause pour découvrir toutes ces possibilités avant de sélectionner celles qui correspondent le mieux à votre site web.
Grade
Si vous avez beaucoup d'images à partager, cette petite librairie sélectionne les couleurs principales afin de créer une dynamique autour de chaque visuel : le résultat est élégant !
Le HTML5 pour gratter
Avec le HTML5, vous pouvez confectionner des animations de grattage, idéales pour conférer un esprit ludique à vos contenus.
Tilt.js
En utilisant Tilt.js, le simple survol avec la souris génère un bel effet, rappelant la dynamique de l'Apple TV : les utilisateurs adoreront !
Parallax Depth Cards
Dans le même esprit qu'avec Tilt, vous pouvez créer un effet au survol de la souris, avec un petit plus : l'affichage du texte de votre choix.
Progress Bar
Vous avez de longs textes sur votre site ? Avec cette barre de progression, le lecteur saura où il en est et pourra même se placer dans la table des matières ! Une solution idéale pour garder son attention.
Pull to Refresh
Une ressource efficace et intuitive pour permettre de rafraîchir une application web. Votre interface deviendra plus fluide et simple à utiliser, ce qui plaira forcément aux internautes.
Point Mesh Animation
Une animation de points saisissante et amusante : c'est la promesse de cette ressource qui fonctionne sur la base d'un Canva HTML5.
Gridder
Quand vous avez beaucoup d'images à présenter, valorisez-les au travers d'une interface sympathique inspirée de Google.
Granim
Vous aimez colorer vos interfaces ? Utilisez Granim, une excellente solution pour créer de jolis effets de couleur animés.
Emoji codes
Pour intégrer des emojis, découvrez cette bibliothèque vous permettant d'obtenir facilement tous les shorts codes pour les insérer.
View Scroller
Vos visiteurs pourront " scroller " sur toute la page et dans n'importe quelle direction avec View Scroller. Ils s'amuseront tout en restant plus longtemps sur votre site !
CSS Loading Animation
Relevez le défi d'encourager les internautes à attendre le chargement de la page avec des animations sympathiques.
Water Fill Loading
Une autre ressource pour que vos chargements soient moins monotones : une ambiance aquatique qui maintiendra l'attention pendant au moins quelques secondes.
Glitch Glitch Glitch
Le Glitch est une vraie mode : si vous n'y avez pas succombé, retrouvez une solution très simple pour vous en emparer rapidement.
Source : Webdesigner Trends
Jeu de briques
Snake
Pacman
Bubble