5 générateurs de loaders animés en ligne.

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.

loader rectangle

 

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.

preloader

 


Chimply est un générateur assez original. Il propose des spinners, des barres animées, mais aussi des boutons et des badges.

Chimply

 


ajaxload.info, est un générateur convivial. Il propose les principaux GIF utilisé, la couleur, le fond et c’est fait. C’est simple et efficace.

ajax load

 


Web Script Lab est un générateur proche du précédent, mais plus simple.

Web Script Lab

 


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.

loadinfo

 


Je vous donne 2 autres sites pour le route. Ils  proposent des scripts CSS ou javascript qui affichent des loaders animés. A tester.

cssload.net  pour le CSS et fgnass.github.com/spin.js pour le javascript

Les recherches qui vous ont mené ici

  • gif attente chargement (2)
  • barre de progression gif (1)
  • loader animée (1)
Ces articles pourraient vous intéresser :
One Comment

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
feedly logo
Après la fin de Google Reader, le bilan.

Il y a quelques mois, Google annonçait la fin de son lecteur de flux RSS, Google Reader pour le mois...

google-speed-rank
Une extension Chrome indiquant le « Speed Rank » lors d’une recherche Google.

Lors d'une recherche sur Google, il vous est probablement déjà arrivé d'attendre "2 heures" pour que la page que vous...

xnconvert freeware dessin webp
Un freeware pour traiter et convertir les fichiers webp

Depuis quelques mois, Google a lancé un nouveau format d'images, le format WEBP. Encore un nouveau format d'image, me direz-vous...

Fermer