Dans le but de faire patienter nos visiteurs au moment du chargement de la page web, il peut être intéressant de mettre en place une animation de chargement. Ce que l'on appelle dans le jargon professionnel, un loader.
Il existe des multitudes de forme données aux loaders.
Dans ce cours en ligne, je vous propose de tripler le visuel d'un loader circulaire.
Pour ce faire, nous allons utiliser le langage CSS qui nous permettra d'accéder aux techniques :
- Des animations (voici un petit tuto pour aller plus loin dans les animations),
- des pseudo éléments (voici un autre tuto pour aller plus loin dans les pseudo éléments).
En guise de bonus, je vous proposerai un petit script en jQuery qui vous permettra d'intégrer très facilement le loader au chargement de la page. Je propose un cours pour apprendre les bases du langage jQuery.
Je mets les codes sources de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Avis des apprenants