Nous voilà à la 30ème édition de la semaine au poil ! Cette semaine : anim.js, une bibliothèque JS pour animer, un beau site pour votre inspiration, souligner joliment du texte en CSS, un canon à confettis, un article complet sur le CSS display.
Anim.js : une bibliothèque JavaScript pour animer CSS, SVG, attributs DOM et objets JS
Anim.js est une bibliothèque assez légère pour réaliser tout un tas d’animations. On peut aller assez loin, comme créer une animation de logo, jouer avec du SVG… c’est assez bluffant.
Vous pouvez jeter un oeil à différents exemples ici.
Pour la télécharger, c’est par ici : anime-js.com
Beau site : cuberto.com
Cuberto est une agence créative digitale Londonienne qui vient de mettre en ligne son nouveau site internet. C’est une très belle réalisation, avec des animations de transitions réussies, je vous invite à aller le voir pour votre inspiration.
A voir ici : cuberto.com
Souligner joliment du texte en CSS
Lorsqu’on souligne du texte, surtout dans les titres, c’est pas toujours très heureux avec des lettres comme le g, p, j, etc. Voilà une méthode avec du box-shadow et du text-shadow pour rendre le soulignement plus esthétique.
See the Pen Decorative Text Underline by Jonathan Neal (@jonneal) on CodePen.0
Article complet sur le CSS display
Il y en a des choses à dire sur le CSS display ! Entre le flexbox, le grid, le block, le inline… On peut s’y perdre. Cet article, vraiment très complet, les décrit toutes avec des exemples. Un article à bookmarker !
A lire ici : chenhuijing.com/blog/how-well-do-you-know-display/
Un canon à confettis !
Pour le fun, mais aussi pour la performance voilà un codepen à base de JavaScript qui permet de lancer des confettis.
See the Pen Confetti Cannon by J Scott Smith (@jscottsmith) on CodePen.0
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.
