№ 004Diario

Escritura.

Reflexiones sobre diseño, desarrollo, tipografía y el oficio de construir para la web.

One paragraph from an essay on web typography is set twice in Georgia, both times at the same 487-pixel measure and with identical line breaks, so that only the word spaces differ. The left column is justified: to reach its flush right edge the word spaces are stretched to between 1.0 and 2.1 times their natural width, and a river runs down it — five consecutive lines whose word spaces line up into a vertical channel of white, traced here in blue. That column also leaves a widow, the single word defaults stranded alone on the last line of its paragraph. The right column is set ragged right: every word space stays at 1.0, and the slack that justification would have spent inside the lines collects at the right-hand edge instead, where the real line ends are traced 1:1 as the rag. The deepest ragged line is 43 pixels short, and that is exactly the white that drives the same line in the justified column to 2.1 times spacing. A baseline grid on a 28-pixel pitch runs under both columns, with the leading dimensioned between two of its lines in the gutter. A measure axis below runs from 45 to 75 characters, the comfortable range, and is marked at 58, where this setting actually counts out.
  1. Un equipo de campo en PETGUnas ochenta piezas impresas mantienen unido un magnetómetro volador: abrazaderas, cunas, acopladores y una góndola de sensor remolcada, todo impreso de un día para otro en una máquina de escritorio. Notas sobre la impresión 3D como práctica de ingeniería de campo, revisión a revisión.4 min read
  2. Diseñar para una restricción invisibleUn dron que mide campos magnéticos no puede construirse como los demás drones: cada tornillo es una decisión de diseño. Lo que una aeronave de prospección me enseñó sobre el diseño guiado por las restricciones — una lección que veinte años de tipografía ya habían intentado enseñarme.4 min read
  3. El agente en el tallerLe di a Claude tres subagentes especializados — un diseñador de soportes, un autor de OpenSCAD y un verificador de impresión — y los dejé iterar piezas reales de dron a lo largo de dieciocho revisiones registradas. Notas sobre cómo es en realidad el diseño mecánico asistido por IA.4 min read
  4. El presupuesto de rendimiento de una tipografíaSi la fuente de marca se gana su lugar, hazla barata: un archivo variable en vez de cuatro estáticos, subconjuntos implacables, un font-display honesto y un respaldo diseñado para que el cambio sea invisible. La carga de fuentes como disciplina de ingeniería.4 min read
  5. El stack debajo de las vibrasEl vibe coding funciona — he lanzado así un portafolio, plataformas de IA y hardware de dron. Pero solo funciona porque tres herramientas pasadas de moda lo sostienen: git para deshacer, GitHub como memoria y una máquina Linux sencilla sobre la que de verdad puedes razonar.4 min read
  6. La pila de fuentes de cero kilobytesLa fuente web más rápida es la que no sirves. Cuándo las pilas de fuentes del sistema son la decisión tipográfica correcta para aplicaciones de alto rendimiento, cómo construir una bien en 2026 — y cuándo la fuente de marca sigue ganándose sus bytes.4 min read
  7. Elegir tipografía para interfaces densas en datosLos paneles, terminales y pantallas de monitorización le hacen a una tipografía preguntas distintas de las que le hace la prosa: ¿los dígitos mantienen las columnas?, ¿distingues el 0 de la O a 11 píxeles?, ¿la negrita sobrevive a un tema oscuro? Una lista de verificación para interfaces bajo presión.4 min read
  8. Sobre la tipografía y la webPor qué el oficio tipográfico sigue importando en una era de sistemas de diseño, clases utilitarias y maquetaciones generadas por IA.3 min read
  9. Construir para la longevidadReflexiones sobre cómo elegir tecnologías y arquitecturas que envejecen bien, y por qué la simplicidad se capitaliza.3 min read