Nouvelle semaine, nouvelle sélection ! Cette fois nous avons une bibliothèque JavaScript pour créer des particules, de l’inspiration pour une fiche produit et une fenêtre de login animée, un effet de transition avec de l’encre et Felix le Renard animé en SVG et CSS.
Librairie JavaScript légère pour créer des particules facilement
Voici une libraire JavaScript pour réaliser des particules très facilement et customisables (couleurs, formes, taille…). Plusieurs paramètres sont disponibles en fonction des événements hover et click.
A tester et à télécharger depuis le site de Vincent Garreau : http://vincentgarreau.com/particles.js/
Inspiration : fenêtre de login
David Khourshid (très talentueux spécialiste du SVG, c’est également lui qui a fait Felix le Renard et Alex le Husky visible juste en-dessous) a codé cette fenêtre de login qui à l’origine était un post Dribbble.
See the Pen CSS/SVG Lines App Concept by David Khourshid (@davidkpiano) on CodePen.
Inspiration : une fiche produit
Je tenais à vous partager cette fiche produit particulièrement bien pensée et graphiquement très attrayante. Comme toujours, le fait d’avoir une photo de qualité mettra bien évidemment plus facilement un produit en avant.
Plus d’informations ici : https://dribbble.com/shots/2602917-Bloomthat-com-Product-Page
Felix le Renard animé en SVG et CSS
David Khourshid nous avait, il y a quelques semaines, partagé son superbe Alex le Husky animé en SVG et en CSS. Il remet ça avec Felix le Renard, et il fait encore plus fort avec des animations plus complexes.
Attention par contre, cela ne fonctionne bien que sur Chrome.
Il nous explique ici comment le réaliser et il est possible de télécharger les sources : http://tympanus.net/codrops/2016/03/21/animated-animals-css-svg/
Un effet de transition avec de l’encre
Un petit effet bien sympa réalisé comme si de l’encre remplissait votre page web. Il est fait en CSS et avec un peu de jQuery.
Vous pouvez le tester et le télécharger ici : https://codyhouse.co/gem/ink-transition-effect/
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter !
