Ce qui s'apprend en chemin.

Une amie a lancé son activité de sophrologue il y a un an. Ancienne journaliste, elle sait écrire, et elle rapporte de ses voyages en fauteuil roulant des photos superbes. Elle veut un site pour réunir son offre au propre : Instagram a ses…

Un directeur artistique qui ouvre le logo d'un client y lit une contrainte. Un hexagone lui interdit l'angle droit. Un tracé filaire lui interdit les aplats lourds. Une plume gravée lui interdit le bloc et lui commande le filet. Je voulais…

Un jour j'ai demandé à l'agent de dériver la palette du site depuis le logo du client. Le client n'avait pas de logo exploitable. L'agent n'a pas bloqué, il n'a pas demandé. Il a conclu que la marque n'avait aucune signature chromatique…

Sur un nouveau projet où je suis en charge de l'UIX et du Dev, cliquer sur un contenu fait arriver sa page par la droite, et revenir à la liste la fait revenir par la gauche. On sait qu'on est allé plus loin, ou qu'on est rentré, sans…

Une piste écrite 0.236fr n'est pas large de 0,236. C'est sur ce genre de détail que repose golden-grid, le composant de mise en page que je viens de publier dans la 2.6.0 d'eva-css-fluid. Une grille à 12 colonnes est un système de…

Mon fichier de référence pour EVA CSS affirmait que les tailles de police s'écrivent var--24. C'est var--fs-24. Les deux existent, ils ne clampent pas pareil, et j'ai publié cette phrase pendant des mois. Je l'ai découvert en écrivant…

Héro pleine largeur, trois cartes, une bande de chiffres, un formulaire, un pied de page en quatre colonnes. Toujours. Quel que soit le métier, quel que soit le client, quelle que soit la couleur. Ces pages sortaient d'un générateur que je…

Une porte à quatre poignées n'est pas quatre fois plus accueillante. On s'arrête devant, on cherche laquelle commande vraiment, et on finit par pousser au hasard. Une page à quatre boutons produit le même arrêt. Sauf que devant une porte…

Ouvrez la feuille de style de n'importe quel site livré cette année. Vous y trouverez presque toujours la même chose : trois ou quatre largeurs de rupture, et sous chacune, les mêmes valeurs redéclarées. C'est le responsive de 2012, et il…

J'ai passé des années à écrire mes palettes en listes. Un thème clair, un thème sombre, huit rôles de chaque côté, et le moindre changement de fond qui obligeait à recaler les sept autres à la main. Ce qu'une liste de couleurs cache Une…

Prenez un jaune et un bleu qui annoncent tous les deux la même luminosité, 50 %. Posez-les côte à côte. Le jaune brûle, le bleu est presque noir. Ce n'est pas une illusion d'optique. Leur clarté réelle vaut 0,93 et 0,07, un facteur treize,…

Ce site existait dans ma tête depuis deux ans. Le concept était clair : une surface qui semble plate, presque austère, et qui révèle une profondeur en trois dimensions dès qu'on interagit. Des formes simples, un cercle, un carré, des…

En 2026, n'importe qui peut ouvrir un outil, décrire son activité et regarder un site apparaître. La question n'est donc plus « est-ce que je peux le faire seul ? » mais « jusqu'où ». Elle mérite une réponse honnête, parce que la réponse…

J'ai passé quinze ans à contourner le même problème. Un texte, une marge, une grille : trois valeurs qui devaient grandir avec l'écran, et aucun outil pour le faire proprement. On appelait ça le responsive. En réalité, on empilait des…

Demandez une page responsive à un modèle. Vous recevrez md:text-2xl lg:text-4xl. Ce n'est pas un avis technique, c'est un effet de corpus. Le point de rupture a été la façon normale d'écrire du responsive pendant une décennie, il occupe…

Sur ce site, une échelle typographique décidée au début du chantier vit aujourd'hui dans var--fs-38. Personne ne l'a retraduite en route. C'est ce qui arrive quand la décision et la feuille de style ont le même auteur. Un projet web…

Dans public/admin/index.html, le CMS de ce site est appelé comme ceci : html Une version épinglée, et l'empreinte du fichier attendu. Si unpkg servait un autre contenu demain, le navigateur refuserait de l'exécuter. J'ai pu écrire cette…

Quand ce site était statique, sa feuille de style était posée en clair dans le de chaque page, par une ligne de configuration : js build: { inlineStylesheets: 'always' } Le CSS bloque le rendu par nature : servi en fichier séparé, il coûte…

Le responsive classique découpe le web en paliers : une version mobile, une tablette, une desktop. Entre les deux, le site saute d'une marche à l'autre. Un texte qui grossit d'un coup, une grille qui se réorganise brutalement. On maintient…

Beaucoup de sites sont une collection d'écrans designés un par un. Chaque page a ses tailles, ses marges, ses couleurs approchantes. De loin, ça tient. De près, rien n'est aligné : le titre de la page A ne pèse pas comme celui de la page…

Un site no-code se lance vite et pour pas cher. C'est vrai, et je ne vais pas faire semblant du contraire. Le vrai coût d'un site ne se lit pas sur le devis de départ. Il se mesure sur la durée. Le prix affiché Il y a l'abonnement mensuel…

Le développement web adore la nouveauté. Un framework chasse l'autre, une dépendance en entraîne trente, et deux ans plus tard le projet ne se compile plus sans tout remettre à jour. J'ai vu beaucoup de sites mourir moins d'usure que…

Sur les projets de mon portfolio, 23 ont été faits avec une agence : 15 avec e-Biscus, à Lyon, de 2019 à 2022, 7 avec AlienFX, 1 avec Maxcense. Avant eux, en 2017, il y avait eu le site d'e-Biscus lui-même/projets/e-biscus. Les agences ont…