Pour indiquer aux utilisateurs que le navigateur est entrain de charger des données, on utilise souvent des GIF animés. En effet, lors d’une requête AJAX jQuery par exemple, du contenu est chargé dans la page sans que la page ne se recharge. Si rien n’est indiqué à l’utilisateur, celui-ci pense qu’il ne se passe rien, ou que le site est bloqué. Pour indiquer qu’il se passe quelque chose, on utilise donc des Loaders. Il y en à sur tous les sites qui utilisent AJAX, comme Amazon.Attendez deux secondes, je vous explique. Un tuto Ajax jQuery est disponible.
Pour créer des loaders de toutes formes, il est inutile de chercher dans les banques d’images. Des générateurs en ligne existent, dont il est difficile de dire quel est le meilleur :
- Preloaders.net est un bon bon générateur de loaders. Il possède un grande bibliothèque de GIF animés et a la particularité de permettre d’enregistrer les GIF comme une série d’image. Il faut sélectionner sprite pour avoir ce genre d’images. Si vous souhaitez avoir seulement le GIF animé, ciquez directement sur Download Now lorsque vous avez terminé vos choix et généré l’image.
- loadinfo.net est un bon générateur également. Son aspect est un peu moins engageant, car tous les modèles sont dorés sur fond noir au départ, mais le résultat est très satisfaisant. A utiliser également.
Je vous donne un dernier sites pour le route, en pur CSS.
A bientôt sur Outils-Web