Letters

Guía de Letters

Todo lo que cabe en la página

La procrastinación de tres días que se convirtió en Letters v1, contada con todos los bloques que admite el editor.

Se suponía que tenía que escribir un artículo. Tenía un tema, una fecha límite y cero ganas de empezar.

La aplicación de escritura que tenía delante funcionaba. Simplemente no tenía el ambiente exacto que quería. Así que hice un pequeño trato conmigo: primero construiría una página más sencilla y después escribiría el artículo.

Un plan completamente razonable

  1. Crear una página limpia para escribir.
  2. Darle la tipografía, los colores y el ambiente exactos que quería.
  3. Escribir el artículo.

El tercer paso sigue esperando.

Después la pequeña idea tuvo ideas

Una cosa llevó a la otra. Añadí guardado local automático, una biblioteca, una línea de tiempo, temas preparados, tipografías, fondos, Markdown, copias de seguridad y un generador de colores aleatorios. Cada parte terminada hacía que la siguiente pareciera evidente.

  • Hora azul cuando quería concentrarme de noche.
  • Luz de papel cuando quería que la pantalla desapareciera.
  • IBM Plex Mono cuando el borrador se volvía técnico.
  • Newsreader cuando necesitaba sentirse como una historia de verdad.

No escribí el artículo. Construí el lugar donde quería escribirlo.

Tres días dentro de una procrastinación muy productiva

Tres días después

De alguna manera, el desvío se convirtió en Letters v1: una aplicación de escritura gratuita, sin registro y sin botón de guardar. Se suponía que iba a ayudarme a escribir un artículo. Ahora está lista para que cualquiera la pruebe.

Día uno: una página en blanco. Día tres: Letters v1.
Día uno: una página en blanco. Día tres: Letters v1.
DíaPlan originalLo que pasó
UnoEscribir el comienzoConstruí el editor y el guardado local
DosTerminar el borradorAñadí una línea de tiempo, temas, tipografías y fondos
TresPublicar el artículoPulí Letters v1 y decidí compartirlo

El resumen técnico

Por dentro, el editor usa Editor.js. Cada título, párrafo, lista, cita, imagen, integración, tabla y muestra de código es su propio bloque limpio.

Una frase puede ser negrita, suave, brillante o contener caracteres exactos sin convertir la página en una cabina.

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

console.log(actualResult)
La banda sonora de convertir un pequeño desvío en tres días de trabajo.

Lo que esta página muestra sin hacer ruido

  • Títulos de H1 a H3
  • Negrita, cursiva, resaltados, código en línea y enlaces
  • Listas numeradas, listas con viñetas y listas de tareas
  • Citas, separadores, imágenes e integraciones
  • Tablas y bloques de código
  • El artículo que debería haber escrito hace tres días

Por qué lo comparto

Me divertí tanto creando Letters que guardármelo parecía mal. Por eso el producto principal es gratuito. Puedes abrirlo, hacer tuya la habitación y escribir sin crear una cuenta.

También quiero seguir convirtiéndolo en algo sostenible. Letters Cloud es la versión de pago que estoy preparando, con sincronización entre dispositivos, almacenamiento cifrado de extremo a extremo, colaboración y más. Algunas partes ya existen entre bastidores, pero el flujo de registro todavía no se ha probado bien.

Cuando esté listo, quiero celebrarlo con una ventana de 30 días para conseguir acceso de por vida. Ya contaré más adelante. Por ahora, piensa en esto como una pequeña nota al margen.

Y ahora, sobre ese artículo

Probablemente debería ir a escribirlo. Puedes editar esta historia, borrarla o usar todos los bloques de arriba para contar una mejor. Pulsa / en una línea vacía y haz tuya la página.