Colophon

Cómo hice esta página web

Todo el contenido, diseño y desarrollo está hecho por mi, durante el proceso empecé a trabajar con diferentes modelos de IA y finalicé los detalles de la web con ella (además de incluir mejoras etc), ahora solo el diseño y el contenido está hecho 100% por mi, el desarrollo ya está en manos de los famosos agentes de IA: así que éste puede que sea mi último proyecto que haya desarrollado de cero, para los curiosos aquí van algunos créditos del software y otros datos interesantes.

  • El lettering del logo es obra de uno de mis mejores amigos: MazoTrazo
  • Uso Jekyll, un generador de páginas estáticas escrito con ruby.
  • Diseño y tokens hecho con Figma.
  • Las tipografías son: Space Grotesk y Sentient.
  • Los artículos los escribo con el editor usando Markdown y HTML.
  • Alojado en Netifly Cloudflare y conectado a un repositorio privado de Github.
  • Está maquetado con SASS (SCSS) y está escrito con BEM.
  • Tengo scripts que automatizan la generación de imágenes en miniatura, crea el fichero del Feed RSS etc.
  • El halo de fondo funciona gracas a vanta.js usando WebGL (Three.js).

No tengo nada en contra de usar CMS como Wordpress pero no quería usar nada con bases de datos, me gusta la terminal y el editor de código, aunque de base siempre uso Figma para re-crear la interfaz y plantear nuevas ideas, este flujo funciona conmigo genial.

Descarté la idea de usar algún Sass que ya controle como Webflow/Framer pero quería independencia absoluta, y también pensé en usar algo más moderno como Astro, Gatsby o Hugo, pero me gusta Jekyll y cualquier generador de páginas estáticas es rápido y bueno en esto, siempre puedo mudarme a otra tecnología.

Puedo escribir artículos desde el editor o usando Github con el móvil y el portátil, cuando hago deploy a la rama principal se autopulica en mi hosting.

Se me van ocurriendo diferentes formas de presentar el contenido y he creado un sistema pequeñito para reusar tipografías, espacios etc, y así mantegno la consistenia entre pantallas.

En la parte de front-end Jekyll permite trocearlo todo (atomizado en components y templates), para montar un nuevo template consistente con el resto lo puedo hacer en minutos, me cuesta muy poco hacer un cambio en la web antes de publicar el contenido, es muy cómodo porque el diseño se adapta al contenido y no al revés.

Disfruto mucho del proceso, es mi pequeño espacio en internet y aunque se me ocurren ideas de vez en cuando publico con gusto artículos, fotografías y enlaces muy a menudo desde que lancé la web.