Ça faisait longtemps que je n'avais pas partagé de nouveaux indicateurs de chargement 🤓
Tout sur les petites animations qui font patienter vos utilisateurs lorsque votre site charge.
Une petite librairie Javascript + CSS pour afficher une barre de chargement tout en haut de la page un peu à la manière de ce que font Github ou Youtube.
Des loaders CSS qui dépotent.
Un exemple intéressant pour donner l'impression qu'un site classique est une single-page application. Il s'agit de fluidifier les transitions entre les pages.
Pas certain que ça ait un énorme intérêt et certains morceaux de code font un peu bricolage mais l'idée est intéressante.
Une très saine lecture remplie de conseils et d'astuces pour gérer l'attente de l'utilisateur lors d'un temps de chargement.
Bon forcément le nom du site fait sourire mais y a quand même des trucs pas mal :)
Un outil de stress-test.
Des CSS loaders intéressants. Ils sont en pur CSS et n'utilisent qu'un div.
Via https://blog.stephaniewalter.fr/semaine-pixels-18-novembre-2016/
Quelques loaders animés en CSS.
Une manière très ingénieuse de faire un loader uniquement avec des bordures, des border radius, une rotation et une animation.
Plein de loaders 100% CSS. Ça a l'avantage d'éviter la lourdeur des gif et d'être ultra-fluide. Et bien sûr, ils sont personnalisable avec un peu de CSS.
Une foule de loading indicator à utiliser sur le web. Attention la page est chargée niveau contenu, ça peut prendre du temps.