Pour faire patienter les utilisateurs pendant un chargement, il peut être intéressant de réaliser une petite animation appelée : "loader".
Je vous propose dans ce cours, de réaliser des bulles (bullets) de chargement en utilisant le langage CSS.
Le but de ce tuto vidéo est de créer une animation visuellement intéressante afin que l'utilisateur patiente et ne parte pas.
La création de l'animation sera simple.
En guise de bonus, je vous proposerais un petit script en jQuery qui vous permettra d'intégrer très facilement le loader au chargement de la page.
Pour aller plus loin dans vos connaissances, je vous propose les tutos suivants :
- Un autre loader CSS, circulaire cette fois
- Créer des animations en CSS, sans aucune programmation
- Formation jQuery : le guide du débutant
Table des matières de cette formation CSS, jQuery (durée : 19m53s)
-
- Créer des bulles de loading en CSS 00:09:31
- BONUS: Intégrer le loader au chargement de la page web 00:10:22
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Même principe que pour le loader circulaire mais cette fois avec 3 bulles qui clignotent en décalé pour faire patienter l'utilisateur. Pas difficile. Et oui, je me suis amusée à mettre des couleurs à mes bullets. :-) Merci Carl !
-
Sympas le loader comme ça, merci
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto
note moyenne
avis laissés