← Tous les travaux
Outil · Mono-fichier

Un éditeur mono-fichier pour publier une note de veille en quelques minutes

Icône NoteCraft

Une note de veille, c’est un document qu’on refait sans arrêt.
NoteCraft transforme un contenu structuré en page HTML autonome, animée et soignée — sans backend, sans compte, sans installation.

RôleConception & développement solo
StackHTML / CSS / JS vanilla · mono-fichier
StatutProjet personnel, outil web
PériodeAoût 2026
Le constat

La veille technologique produit un document récurrent — synthèse, points à surveiller, comparaison d’options — refait à la main à chaque fois dans un outil pas pensé pour ce format, pas facile à partager tel quel.
Parti pris : un seul fichier HTML fait tout le travail, l’éditeur comme la fiche qu’il produit.
Pas de build, pas de serveur, pas de framework à maintenir.

14
types de blocs de contenu
13
fonds animés en canvas
16
palettes et thèmes de couleur
Fonctionnement

Interface à deux colonnes, mobile-first : édition à gauche — contenu, palette, police, fond animé — aperçu en direct à droite dans une iframe, exactement le document qui sera exporté.
Un clic génère le fichier HTML final, 100% autonome, avec export JSON du contenu pour reprendre un brouillon plus tard.

Direction visuelle — 16 palettes, calculées automatiquement en HSL depuis un seul accent
Détail technique

L’éditeur et la fiche exportée sont chacun un unique fichier .html, sans étape de build, sans serveur requis.
Aucun framework, aucune librairie CDN : JavaScript vanilla du bout en bout, du DOM à l’IntersectionObserver.
10 styles de feedback au survol et 9 styles de révélation au scroll, réglables bloc par bloc.
Respect de prefers-reduced-motion, styles d’impression dédiés, scrollbars stylées selon le thème.

Ce que je documente aussi
OUVERTHors-ligne, sauf un choix volontaire — 100% de la fiche exportée fonctionne sans connexion — sauf si une police Google Fonts est choisie explicitement, avec repli automatique sur police système sinon.
OUVERTUn fichier, donc une limite de robustesse — le parti pris mono-fichier simplifie l’usage mais impose de tout garder dans un seul document — pas de synchronisation multi-appareils au-delà de l’export/import JSON.