Chez momo-fr

Particles.js : faire une belle page d’attente animée

Script animation Particles.js

Vincent Garreau, développeur front-end et co-fondateur de Livestorm propose une petite librairie pour afficher une animation de particules entièrement paramétrable.

Je l’ai utilisé pour animer des pages d’attente sur des pages perso Free (pour moi et des amis).

Paramètres de Particles-jsLe gros avantage c’est la légèreté du script (23 ko + 2 ko de paramètres), le fichier de configuration est simple à éditer car bien écrit. Avec les 10 paramètres disponibles et leur différentes options vous pouvez facilement réaliser des animations très différentes même si elles restent dans le même univers de « particules animées ».

Quelques exemples de page d’attente animées :

Les voir en live ci-dessous :

Si vous voulez mettre en place un simple page responsive et animée je vous propose de télécharger mon petit kit comprenant un index.html + les CSS et JS et fond de page image (n’oubliez pas de compresser les grands visuels sur compressor.io). Le choix de typo passe par Google fonts, une pour le titre, une pour la copyright. Pensez à régler le responsif pour les tablettes et smartphones.

> Kit page d’attente avec particles.js

Sources : Vincent Garreau, Particles.js, Canvasisawesome

Enregistrer

Vous aimerez aussi

Une réponse

Répondre à d.mounier Annuler la réponse

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

Plus de résultats...

Generic selectors
Corespondance exacte
Rechercher dans le titre
Rechercher dans le contenu
Post Type Selectors

Autres catégories du Blog

Partager cette publication