Le code qui fait "Waouh"

Je crée ce petit sujet intemporel pour qu'on se partage nos petites pépites en terme de code.

On a tous déjà rencontrer ce site, ce forum ou ce morceau de code qui nous a laissé sur les fesses. On ne peut lâcher qu'un Waouh en voyant le résultat ! Et vous, c'est quoi votre Waouh du moment ?

---

Mon Waouh du moment, c'est le projet PureCSS de Diana Smith (cyanharlow sur GitHub) où elle recrée des peintures uniquement avec du CSS : 0 images, 0 JS, rien que des balises HTML avec du CSS. Le résultat s'affiche super bien sur les versions récentes de Chrome et Firefox.

Petite vidéo du processus
Les peintures : PureCSS Gaze - PureCSS Francine - PureCSS Pink - PureCSS Zigario

Yo o/
Elle a fait ça manuellement ou avec un générateur ? o.o

Sinon, j'avais vu ce codeur/dév sur CodePen nommé Nikhil Krishnan; il part du même challenge que Diana Smith mais plus orienté vers l'animation. Les résultats sont complètement hallucinants:

Loving Car: https://codepen.io/nikhil8krishnan/pen/vyXxNj
Moustached Nanny -celui est dingue: plus de 8000 lignes: https://codepen.io/nikhil8krishnan/pen/gjKdzM

J'étais aussi tombé, il y a quelques mois, sur un site-portfolio animé.. gosh que c'était beau ! Je vais essayer de le retrouver

Mon dieu, ces animations sont beaucoup trop choupies !

Oui en effet, elle fait tout à la main, elle s'est imposée des règles apparemment pour n'utiliser aucune méthode détournée.

Waaow, j'avais zappé ce topic, merci beaucoup de l'avoir ouvert !

Shaneliae a écrit:Les peintures : PureCSS Gaze - PureCSS Francine - PureCSS Pink - PureCSS Zigario

Impressionnant, je n'aurais ja-mais deviné que c'est fait en CSS

Pour les animations full CSS, mais quel travail ! Les gens sont motivés et puis le talent pour bien tout refaire proprement...