Guide Letters

Tout ce que la page peut contenir

La procrastination de trois jours devenue Letters v1, racontée avec chaque bloc pris en charge par l’éditeur.

J’étais censé écrire un article. J’avais un sujet, une échéance et absolument aucune envie de commencer.

L’application d’écriture devant moi fonctionnait. Elle n’avait simplement pas l’ambiance exacte que je cherchais. Alors j’ai passé un petit marché avec moi-même : construire d’abord une page plus simple, puis écrire l’article.

Un plan parfaitement raisonnable

Créer une page d’écriture nette.
Lui donner la police, les couleurs et l’atmosphère exactes que je voulais.
Écrire l’article.

La troisième étape attend toujours.

Puis la petite idée a eu des idées

Une chose en a entraîné une autre. J’ai ajouté les sauvegardes locales automatiques, une bibliothèque, une timeline, des thèmes prêts à l’emploi, des polices, des décors, du Markdown, des sauvegardes et un générateur de couleurs aléatoires. Chaque partie terminée rendait la suivante évidente.

Heure bleue quand je voulais me concentrer tard le soir.
Lumière papier quand je voulais que l’écran disparaisse.
IBM Plex Mono quand le brouillon devenait technique.
Newsreader quand il devait ressembler à une vraie histoire.

Je n’ai pas écrit l’article. J’ai construit l’endroit où je voulais l’écrire.
Trois jours d’une procrastination très productive

Trois jours plus tard

D’une façon ou d’une autre, le détour est devenu Letters v1 : une application d’écriture gratuite, sans inscription ni bouton Enregistrer. Elle devait m’aider à écrire un article. Elle est maintenant prête à être essayée par tout le monde.

Jour un : une page blanche. Jour trois : Letters v1.

Jour	Plan initial	Ce qui s’est passé
Un	Écrire le début	Créer l’éditeur et les sauvegardes locales
Deux	Finir le brouillon	Ajouter une timeline, des thèmes, des polices et des décors
Trois	Publier l’article	Peaufiner Letters v1 et décider de le partager

Le résumé technique

Sous le capot, l’éditeur utilise Editor.js. Chaque titre, paragraphe, liste, citation, image, intégration, tableau et extrait de code est son propre bloc clair.

Une phrase peut être grasse, douce, lumineuse ou contenir des caractères exacts sans transformer la page en cockpit.

const originalPlan = 'write one article'
const actualResult = {
  days: 3,
  product: 'Letters v1',
  mood: 'exactly right',
}

console.log(actualResult)

La bande-son d’un petit détour devenu une création de trois jours.

Ce que cette page montre discrètement

Titres de H1 à H3
Gras, italique, surlignages, code en ligne et liens
Listes numérotées, listes à puces et listes de tâches
Citations, séparateurs, images et intégrations
Tableaux et blocs de code
L’article que j’aurais dû écrire il y a trois jours

Pourquoi je le partage

J’ai tellement aimé créer Letters que le garder pour moi semblait incorrect. Le produit principal est donc gratuit. Vous pouvez l’ouvrir, personnaliser la pièce et écrire sans créer de compte.

Je veux aussi continuer à en faire quelque chose de durable. Letters Cloud est la version payante que je prépare, avec synchronisation entre appareils, stockage chiffré de bout en bout, collaboration et plus encore. Certaines parties existent déjà en coulisses, mais le parcours d’inscription n’a pas encore été correctement testé.

Quand tout sera prêt, je veux fêter cela avec une fenêtre de 30 jours pour obtenir un accès à vie. J’en parlerai plus tard. Pour l’instant, considérez ceci comme une petite note dans la marge.

Et maintenant, cet article

Je devrais probablement aller l’écrire. Vous pouvez modifier cette histoire, la supprimer ou utiliser chaque bloc ci-dessus pour en raconter une meilleure. Appuyez sur / dans une ligne vide et faites de la page la vôtre.