Tous les articles

Retours d’expérience

J’ai codé mon flyer et mon CV en HTML/CSS au lieu d’utiliser Canva

Par Thibault LetureMis à jour le 2 min
Supports imprimés posés sur une table

Tout le monde utilise Canva : c’est simple, c’est joli, ça marche. Mais quand on passe ses journées dans un éditeur de code, il y a quelque chose d’étrange à ouvrir un outil en glisser-déposer pour créer ses propres supports. Alors j’ai fait comme d’habitude : j’ai codé.

Le déclic : pourquoi pas du HTML ?

J’avais besoin d’un flyer A5 pour présenter TeeboStudio. J’ai failli ouvrir Canva, puis je me suis rendu compte que j’avais déjà tout : le CSS, les couleurs et la typographie de mon site, et Claude Code comme assistant.

Une règle CSS « @page { size: A5; margin: 0; } » suffit à obtenir un document au bon format. On l’exporte ensuite depuis Chrome (Ctrl+P, « Enregistrer au format PDF »). Pas d’abonnement, pas de filigrane.

Le flyer A5 : du thème sombre au format imprimeur

J’ai repris la palette et la typographie du site pour que le flyer soit cohérent avec l’identité visuelle. Le format fait 148 × 210 mm, celui attendu par l’imprimeur.

Le même fichier contient deux variantes :

  • une version sombre, pour l’impression couleur et le partage numérique ;
  • une version claire, plus économique pour les imprimantes laser.

Le CV : même approche, contrôle total

Les modèles Canva ou Word imposent leur mise en page. En HTML/CSS, je contrôle chaque couleur et chaque espacement, et le rendu du PDF est identique quel que soit l’ordinateur du recruteur.

Autre avantage : le CV est versionné avec Git. Je peux garder une branche par variante (français, anglais, mission de conseil…) sans dupliquer de fichiers.

Claude Code comme outil de création

Les deux projets ont été construits avec Claude Code, l’assistant que j’utilise au quotidien pour développer. Il génère une première base HTML/CSS, je vérifie le rendu dans le navigateur, je corrige et j’itère.

C’est le même fonctionnement que pour un site en production, appliqué à du print. Ce qui m’aurait pris quelques heures en partant de zéro s’est fait en quelques échanges.

En résumé

Les deux projets sont open source : vous pouvez télécharger les PDF ci-dessous ou forker le code pour l’adapter à votre identité. Et si vous voulez un site construit avec le même soin du détail, parlons de votre projet.

Téléchargements

Flyer A5, version sombre

Impression couleur ou partage numérique · HTML/CSS open source

Flyer A5, version claire

Imprimante laser, impression économique · HTML/CSS open source

CV, version sombre

Format A4 · Thème sombre · HTML/CSS open source

CV, version claire

Format A4 · Thème clair · HTML/CSS open source

Sources

Et votre site, il en est où ?

Audit gratuit en moins d’une minute : SEO, vitesse, conversion et sécurité.

Auditer mon site