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
- Crear una página limpia para escribir.
- Darle la tipografía, los colores y el ambiente exactos que quería.
- 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 | Plan original | Lo que pasó |
|---|---|---|
| Uno | Escribir el comienzo | Construí el editor y el guardado local |
| Dos | Terminar el borrador | Añadí una línea de tiempo, temas, tipografías y fondos |
| Tres | Publicar el artículo | Pulí 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)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.
Letters