Habitar la web: El fin del scroll infinito

En 2021, la prioridad de este blog era sobrevivir a la fatiga visual y la dislexia fonológica. “Keep it simple”, decíamos. Cinco años después, la pregunta ya no es solo cómo leemos, sino cómo habitamos la web. Este rediseño no es un simple cambio de piel; es un cambio de ontología. Mi blog ha dejado de ser un repositorio para convertirse en un laboratorio donde conviven Spinoza, PJ Harvey, la IA, una que otra aventura con la vida y la Filosofía. El diseño, por tanto, debía dejar de ser un “contenedor” para ser parte del mensaje.

El adiós al flujo lineal: La Card como Unidad Atómica

Durante años, el blog mantuvo ese formato clásico de “posts enteros” en la home. Si bien tenía un encanto romántico, en la práctica se volvía un obstáculo: obligaba al lector a hacer un scroll infinito para encontrar temas distintos, entorpeciendo la experiencia y diluyendo la diversidad de los contenidos. Esa estructura era un cuello de botella para la curiosidad.

Al rediseñar la home bajo un sistema de tarjetas (cards), he transformado el sitio en un tablero de exploración. Ahora, cada anotación es una unidad atómica: un vistazo rápido que permite al usuario decidir dónde profundizar sin perder el mapa general. No es solo un cambio estético; es una respuesta a la fatiga cognitiva.

El uso de tarjetas me ha permitido segmentar mejor mis obsesiones: desde los apuntes técnicos (pronto vendrás estos con nuestro recovery de la base de datos) hasta las reflexiones personales sobre Filosofía. Gracias a la flexibilidad de Bootstrap, estas tarjetas se reordenan orgánicamente, priorizando la legibilidad y permitiendo que el contenido respire. En lugar de imponer una lectura forzada de arriba hacia abajo, el diseño actual invita a un escaneo visual más humano y menos mecánico.

En términos de experiencia de usuario (UX), mi obsesión ha sido la legibilidad situada. He rediseñado el flujo de navegación para que la jerarquía no sea impositiva. El sistema de tarjetas respeta el espacio negativo, evitando la fatiga de decisión. Es una UX diseñada para la neurodivergencia, donde el orden no es rigidez, sino claridad.

La arquitectura invisible: Textpattern + PHP (El artesano detrás del código)

Muchos se preguntan por qué sigo fiel a Textpattern en 2026. La respuesta es simple: libertad ontológica. Mientras otros ecosistemas se vuelven pesados y restrictivos, Textpattern me permite tratar el contenido como unidades mínimas de significado.

No me conformo con lo que viene “de caja”. He pasado horas refinando la lógica del sitio mediante PHP, personalizando etiquetas y condicionales que permiten que el blog se comporte de forma inteligente. Desde la forma en que se despliegan las categorías, el código es el hilo que teje la experiencia. Se han creado procesos para que el diseño se adapte al tipo de contenido, manteniendo siempre esa limpieza visual que mi vista —y la de ustedes— agradece.

Mosaico Musical: Una ventana a la escucha

Uno de los añadidos más personales es la App de Mosaico Musical (pronto con un how to para nuestro CMS favorito). Como amante de la música y de desmenuzar discografías, sentía que faltaba un espacio que visualizara mis obsesiones sonoras.

Esta app no es solo un widget; es una curaduría dinámica. Utilizando la API de last.fm para traer lo que estoy escuchando en tiempo real, el mosaico se convierte en una pieza de arte generativo que cambia con mi estado de ánimo. Es el puente perfecto entre lo que escribo y la atmósfera en la que vivo mientras lo hago. Es, en esencia, mi grimoire sonoro abierto al público.

El ecosistema tipográfico (2026)

Mantengo mi lealtad a la funcionalidad, pero he expandido el sistema visual para que la lectura sea una experiencia estética:

• Atkinson Hyperlegible (El pilar): Se queda. Sigue siendo el acto de amor más grande hacia mi propia lectura y la de quienes, como yo, navegan con neurodivergencia. La claridad de la p y la q sigue siendo innegociable.
• Manrope (La voz de los headers):Como recordarán de nuestra última sesión técnica de CSS, estuvimos ajustando los selectores y las jerarquías para que esta tipografía no solo se vea bien, sino que se sienta orgánica. He abandonado definitivamente el CSS default; ahora, cada variable de Manrope está declarada con una intención. Sus distintos pesos y ese kerning tan humano permiten que los títulos evoquen lo posthumanista: una geometría limpia que parece código vivo.

Conclusión y Magia

Un sitio web no es una pieza terminada, es un sistema vivo que itera con su creador¹ . Este rediseño es solo otra iteración en este sendero digital.

Como bien sostiene Jeffrey Zeldman en sus principios de estándares web: “El diseño en ausencia de contenido no es diseño, es decoración”. Bajo esa premisa, he priorizado un sistema que se adapte orgánicamente a lo que escribo y no al revés. No busco la perfección estática, sino la magia de un sitio que, como el contenido mismo, respira y evoluciona.

He priorizado, organizado y designado para asegurar un flujo que respete los principios por los que este sitio fue creado. Ahora, te invito a explorarlo. Pierde la noción del tiempo en el jardín de tarjetas, déjate llevar por el ritmo de la app de Mosaico Musical, y comparte la experiencia. La puerta está abierta.

Notas al pie