Le blog, écrit en public.
20 ans d'expérience condensés en articles pratiques sur le design, le code et l'automatisation.
Combien coûte un site web au Québec en 2026 — et le coût qui fait mal n'est pas celui de la soumission
De 300 $ par année en DIY à 75 000 $ en agence : les vrais prix québécois 2026, le budget que les soumissions ne montrent pas — récurrents, bilinguisme, Loi 25 — et ce que l'IA change vraiment dans la facture.
MCP expliqué : pourquoi OpenAI, Google et Microsoft ont tous adopté l'invention d'Anthropic en six mois
En novembre 2024, Anthropic publie un protocole open source. Six mois plus tard, ses trois plus gros rivaux l'ont adopté ; un an plus tard, il appartient à la Linux Foundation. Voici ce que MCP branche concrètement pour une PME — et ce qu'il ne faut pas brancher.
Je vends des design systems. Voici quand tu ne devrais pas m'en acheter un.
Un design system v1 coûte l'équivalent de 4 800 heures selon les estimations d'agence, et 5 % des équipes seulement en mesurent le retour. Pour la majorité des PME, la bonne réponse en 2026 est un kit minimal — le voici, chiffré.
Les Québécois passent 3 h 41 par jour sur les réseaux — et ta page en rejoint 1 % : choisis tes plateformes comme un comptable
L'audience n'a jamais été aussi présente (3 h 41/jour selon NETendances) et la portée des marques jamais aussi basse (1,2 % sur Facebook). La réponse n'est pas de publier partout : c'est une matrice de décision à trois questions, avec les chiffres québécois de 2026.
Combien coûte un logo au Québec en 2026 — et pourquoi celui que tu as payé ne t'appartient peut-être pas
De 20 $ pour un PNG généré par IA à 1 799 $ CA chez 99designs, en passant par 500 à 4 000 $ chez un pigiste d'ici. Les vrais prix 2026 en dollars canadiens — et l'article 13(4) de la Loi sur le droit d'auteur que presque personne ne lit avant de payer.
PageSpeed 54 → 91 en une journée — et aucune des vraies causes n'était « compressez vos images »
Mon site affichait 54 sur PageSpeed Insights. Le soir même : 91, accessibilité et bonnes pratiques à 100. Les quatre vraies causes ne figurent dans aucune checklist générique — et l'une d'elles était mon navigateur.
Le visiteur venu de ChatGPT vaut 4,4× celui de Google — l'AEO est la façon d'aller le chercher
Moins de clics quand l'IA répond (8 % contre 15 %, mesuré par Pew), mais des visiteurs qui valent 4,4× plus selon Semrush. L'AEO n'est pas un nouveau métier : voici les tactiques réellement mesurées — et le folklore à ignorer.
97 % des fichiers llms.txt ne sont jamais lus — j'en ai quand même mis un sur mon site
Adoption multipliée par 8,8 en un an, mais 97 % des fichiers jamais demandés par les IA. J'ai quand même ajouté un llms.txt à mon site — dynamique, branché sur ma base. Voici le calcul derrière ce pari.
Charte graphique : le guide complet avec exemples (et pourquoi 8 marques sur 10 la négligent)
Ce qu'une charte graphique doit vraiment contenir, comment je la construis après 20 ans de métier, et des exemples concrets — pour une marque cohérente qui inspire confiance et arrête de se diluer.
Mettre un site en ligne au Québec en 2026 : 6 obligations légales que presque personne ne respecte
Un formulaire, des analytics, un hébergement aux États-Unis : ton site est déjà soumis à la Loi 25. Les six obligations légales réelles en 2026 — et celle que presque personne ne remplit.
Le SEO ne suffit plus en 2026 : se faire citer par l'IA compte autant que se classer sur Google
En 2026, le référencement ne se joue plus seulement sur Google. Pour être trouvée, citée et choisie, ta marque doit être visible dans les moteurs de réponse et l'IA générative — voici les 5 couches qui comptent.
En mode IA-first, produire ne coûte presque plus rien — c'est valider qui devient le goulot
En IA-first, produire une première version ne coûte presque plus rien. Le travail se déplace vers le jugement, la sélection et la validation — c'est là, désormais, que se trouve le vrai goulot.
Importer ton design system Figma dans Claude Design : le flow complet, du fichier .fig au prototype
Claude Design (Anthropic Labs) génère prototypes, decks et templates avec ta marque. Le flow complet pour importer ton design system Figma — du fichier .fig parsé localement à la première génération.
Claude ne devine pas ta marque — voici comment lui donner ton design system et ta voix (2026)
« Fais-le moderne et premium » donne du générique. Le vrai levier, c'est de donner à Claude ton vrai système : tokens via MCP, voix par l'exemple, et un CLAUDE.md qui sert de contrat. Le guide d'un praticien.
Construire une app de gestion des dépenses au Québec avec Claude Code : du PRD au déploiement
Guide complet pour créer une application Next.js de suivi des revenus et dépenses avec calcul automatique TPS/TVQ, numérisation de factures par IA et rapports mensuels — le tout généré avec Claude Code.
Anatomie d'une landing page qui convertit : structure, UX, CTA et intégrations CRM
De la structure hero-to-CTA aux intégrations HubSpot, Salesforce et Pipedrive : le guide technique complet pour construire des landing pages qui transforment le trafic en leads qualifiés.
Site statique vs WordPress : pourquoi l'IA change complètement la donne
WordPress domine le web depuis 20 ans, mais l'arrivée de l'IA redéfinit les règles du jeu. Les sites statiques et les frameworks modernes comme React offrent un terrain de jeu idéal pour l'intelligence artificielle — et ça change tout pour les entreprises.
Pipeline email IA : la rédaction n'est pas le problème — depuis novembre 2025, Gmail rejette tes envois non conformes
Automatiser la rédaction d'un email est facile. Ce qui décide s'il arrive, c'est la conformité — et Gmail rejette désormais définitivement les expéditeurs hors normes. L'architecture complète d'un pipeline email IA qui passe.
J'ai migré 20 ans de fichiers PSD vers Figma. Voici ce que personne ne dit sur les design systems.
Migrer un patrimoine de milliers de PSD vers Figma n'est pas un changement d'outil — c'est une reconstruction. Les surprises techniques, les pièges humains, et ce que l'IA change vraiment au processus en 2026.
Reels monte à 20 minutes, mais l'algorithme te coupe à 3 : designer pour le vertical en 2026
Les plateformes allongent sans cesse leurs limites — Reels atteint 20 minutes — mais l'algorithme et les taux de complétion punissent la longueur. Comment adapter ton design system au format 9:16 sans le trahir.
Pourquoi tes animations React rament à 30 fps — et le réflexe Framer Motion qui corrige ça
Une animation qui saccade vient presque toujours d'une propriété mal choisie. Le réflexe qui corrige ça, et les patterns Motion (ex-Framer Motion v12) pour des interfaces fluides à 60 fps.
Le prompt engineering pour le design est déjà dépassé — place au context engineering
Fignoler le wording d'un prompt comptait en 2023. En 2026, la qualité du design assisté par IA se joue sur le contexte : prompt système, few-shot, MCP et tool use. Le guide d'un praticien.
Le plus grand risque pour ta marque B2B en 2026, c'est de ressembler à tout le monde
Quand tout le monde utilise les mêmes outils IA, la même sans-serif minimaliste et la même palette feutrée, la ressemblance devient la stratégie la plus coûteuse. Comment construire une identité B2B qui inspire confiance en se démarquant.
Les 4 patterns React qui survivent à 18 mois de croissance produit (et les 3 qui s'effondrent)
Un projet React propre peut devenir un enchevêtrement en quelques mois. Voici les 4 patterns de composition qui tiennent à la croissance — et les 3 qui s'effondrent à coup sûr, avec React 19.
Génère 50 bannières d'un coup avec Node.js — mais arrête d'écrire ton texte en SVG à la main
Un pipeline Node.js produit cinquante variantes de visuels sociaux en moins d'une minute. Sharp pour composer et optimiser, Satori pour le texte — et tout ce qu'il ne faut surtout pas coder à la main.
L'accessibilité ne bride pas ton design, elle l'améliore — et l'échéance ADA vient justement de bouger
Designer accessible n'impose aucun compromis esthétique — c'est l'inverse. Les seuils qui comptent en 2026, ce qui est vraiment obligatoire (EAA, ADA), et l'échéance qui vient d'être repoussée.
Theming dans Figma : le multi-marques ne demande plus de dupliquer tes collections (ce que Schema 2025 a changé)
Variables, modes, Extended collections : gérer light, dark et plusieurs marques dans Figma sans dupliquer un seul composant — et ce que les annonces de Schema 2025 ont changé pour le theming.
Carrousel Instagram : 80 % du travail se joue sur la slide 1 (et la slide 3 te trahit)
La structure en 10 slides n'a rien de magique. En 2026, l'algorithme récompense les partages et punit le recyclé — voici où mettre vraiment ton énergie pour un carrousel qui se partage.
15 micro-interactions CSS sans une ligne de JavaScript (ce qui exigeait une lib hier)
Le soulignement qui glisse, la carte qui bascule en 3D, l'entrée animée sans display: none bricolé : 15 micro-interactions en CSS pur, à 60 fps, sans une ligne de JavaScript.
IA générative pour designers : arrête de parier ton workflow sur un modèle (Sora vient de mourir)
Le classement des outils d'IA générative change tous les trimestres — Sora vient de fermer, DALL-E a été remplacé. Plutôt que de parier sur un modèle, voici la méthode de praticien qui survit aux versions.
Tu n'as probablement pas besoin de D3.js — voici les 20 % de cas où il est irremplaçable
La plupart des gens dégainent D3 quand une bibliothèque plus simple suffirait. Voici quand D3.js est vraiment irremplaçable, et quoi utiliser le reste du temps — y compris WebGPU, désormais Baseline.
10 combinaisons de polices qui élèvent un design — et le réglage technique que 90 % des designers oublient
Le pairing est l'étape facile. Voici 10 combinaisons de polices que j'utilise vraiment — et le réglage de hauteur d'x et de performance que la plupart des designers oublient, en 2026.
Templates email responsive : les erreurs que 90 % des designers font (et celles qui vont disparaître en 2026)
Le moteur de rendu de Word, cause n°1 des emails cassés, meurt en 2026. Voici les erreurs qui sabotent encore tes campagnes — et celles qu'il ne faut surtout pas corriger trop vite.
Le visuel social qui convertit se joue en 2 secondes — et la plupart des designers optimisent la mauvaise chose
Une bannière a deux secondes pour arrêter le scroll. En 2026, un master 4:5 couvre presque tout et l'IA gère la production — le vrai levier de conversion est ailleurs, et la plupart des designers l'ignorent.
Du token Figma au composant React en 5 étapes — et la moitié de la glue d'avant ne sert plus à rien
Le pipeline token→composant que tout le monde recopie est à moitié périmé. Depuis Tailwind v4 et la spec Design Tokens stable, voici les 5 étapes qui comptent vraiment pour passer de Figma à React.
N'importe quelle IA te pond un deck en un prompt — voici pourquoi je construis encore un pipeline PowerPoint pour mes clients
Gamma, Copilot et compagnie génèrent un deck en un prompt — puis l'export casse ta charte. Le pipeline python-pptx que j'utilise pour livrer du PowerPoint natif, conforme à la marque, slide par slide.
Ton design system parle maintenant à une IA : ce qui change vraiment dans Figma en 2026
En 2026, un design system n'est plus une bibliothèque de composants : c'est la couche que l'IA lit pour comprendre ton produit. Ce que Figma a réellement livré en 2025, et comment bâtir sans usine à gaz.