MC — PORTFOLIO
← Projets·04 / 04·EN LIGNE

CLEAN CODE.

Année
2026
Stack
HTMLCSSJavaScript

Le problème

Les bonnes pratiques de code s'apprennent dans des articles austères qu'on oublie en les fermant. Ici, elles se manipulent : on tire un curseur et l'aiguille de compréhension du lecteur monte quand la variable gagne un vrai nom, on découpe une fonction monstre au ciseau, on regarde deux fichiers copiés-collés dériver avec le temps jusqu'au bug.

Ce que ça fait

Sept principes en sept machines interactives, composés comme un fascicule d'imprimerie : papier crème, encre vermillon, notes de marge, sons mécaniques débrayables. Plus un lexique du métier (SOLID, DRY, KISS, YAGNI) et une annexe pour l'époque : les mêmes règles compilées en fichiers prêts à donner aux agents IA (Claude Code, Cursor, AGENTS.md universel), pour que les machines aussi prennent de bonnes manières.

Sous le capot

Statique pur, zéro framework, zéro image : tout est typographie, SVG et CSS. Les interactions en vanilla JS (ressort amorti pour l'aiguille du cadran, sons générés en WebAudio sans un seul fichier audio), le repère de lecture qui s'inverse en passant sur les bandeaux noirs.