Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

10 loaders CSS à utiliser pour faire patienter vos visiteurs

La performance d’un site internet est primordiale sur le web, la rapidité d’ouverture de vos pages va influencer votre référencement mais aussi...

Publié par Thomas Lazzaroni

La performance d’un site internet est primordiale sur le web, la rapidité d’ouverture de vos pages va influencer votre référencement mais aussi votre taux de rebond. Pour éviter que vos visiteurs se fassent la malle il est donc important de diminuer autant que possible le temps de chargement ET d’indiquer le chargement à l’aide d’un loader CSS.

Les loaders au format GIF étaient très répandus il y a quelques années, mais il a été remplacé par le loader CSS, plus rapide, plus flexible et surtout moins lourd ! Mais, et oui il faut bien un « mais », il est plus complexe a créer… Pas de panique, nous avons fait une sélection de 10 loaders CSS disponible sur CodePen.io. Encore une fois, il y en a pour tous les goûts, des loaders circulaires, des carrés, des formes plus géométriques…

Loader CSS n°1


Voir la ressource 

Loader CSS n°2


Voir la ressource 

Loader CSS n°3


Voir la ressource 

Loader CSS n°4


Voir la ressource 

Loader CSS n°5


Voir la ressource 

Loader CSS n°6


Voir la ressource 

Loader CSS n°7


Voir la ressource 

Loader CSS n°8


Voir la ressource 

Loader CSS n°9


Voir la ressource 

Loader CSS n°10


Voir la ressource 

Loader CSS bonus 🤭


Voir la ressource 

 

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Symbolique des formes : que signifie un logo cœur ?

Le cœur tel que nous le représentons aujourd’hui est resté inchangé depuis le début du Moyen Âge. Cette forme, tout comme l’organe qu’elle symbolise, est ainsi directement liée à...

Publié le par Solenne Ricard
Graphisme

Web Design : 7 astuces de pro pour utiliser le monochrome

Vous le savez, choisir une palette de couleurs lorsqu’on débute un projet de conception d’un site web n’est pas toujours facile. Surtout lorsqu’on part de zéro sans qu’aucune...

Publié le par Solenne Ricard