Actualicé mi blog. Antes usaba DaisyUI, lo había elegido porque fue lo que usé en un proyecto de mi empresa anterior, y está bien, es bueno.
Escogí esos azules apagados pensando en accesibilidad: quería que fuera amable para quienes no perciben los colores como la mayoría. Busqué información sobre daltonismo y por eso opté por tonos tenues, cuidando contrastes y formas. Al final, el diseño no me terminaba de convencer y quise probar otra cosa, pero lo dejé de iterar en su momento.
Para rediseñar probé con IA. Primero Stitch, pero al hacer clic en un proyecto que había estado trabajando se congelaba (sep 2026) y luego marcaba error con una carita como la que sale cuando se muere YouTube, no parecía error de sobrecarga del navegador. Parecía roto por dentro. Lo tomé como síntoma de que Google quizá termine matando Stitch.
Busqué alternativas y terminé en Open Design, y la verdad estoy muy entusiasmado: a diferencia de Stitch, puedo tocar el código directamente, ya sea en VS Code o en su editor integrado. No solo sirve para páginas o apps móviles, también genera design systems, slides y varias cosas más. Siento que me deja salir de la caja de los estándares sin quedarme encerrado, y por ahora me quedaré con él.
Aproveché para cambiar varias cosas. El verde es uno de mis colores favoritos, un verde tipo Rolex, así que los acentos ahora son verdes y el blog ya tiene más de mi esencia. Aún no verifiqué si pasa contraste AA, lo ajustaré más adelante.
Los tags son más coloridos y lo único nuevo en navegación es que ahora puedes navegar a /tags después de hacer clic en un tag. El chat off-topic sigue igual, con nombre libre. También ajusté el layout: el ancho del contenido y el chat intenta respetar el Golden Ratio (~1.618) para que la lectura sea más agradable al ojo y, sí, se ve bastante mejor.
Otro detalle es el selector de idioma. Antes no mostraba el botón del idioma activo; ahora muestra las tres banderitas y deja claro cuál está seleccionado. Queda más limpio poder elegir entre Español 🇲🇽, Inglés 🇬🇧 y Francés 🇫🇷.
Las versiones clara y oscura siguen ahí, por si quieres prender o apagar las luces. En francés solo aparecen los posts ya traducidos; los pendientes aún no se muestran. Ahora uso traductores convencionales y de IA, pero quiero aprender francés.
En conjunto, a la vista está mucho mejor. Me recuerda a un «default», supongo que la IA promedia lo que más se comenta en internet sobre cómo hacer un blog de este tipo, y ahí está mi autocrítica: está un poco pegado al estilo corporativo, le falta un toque más geek, algún sticker por ahí. Aun así me agrada, estoy contento con el resultado.
Al final, este blog será el escaparate de mis mantras y de mis formas de pensar; aunque no siempre sea tan ordenado, este diseño es el ideal al que me gustaría aspirar.
Antes y después
En vez de alojar las imágenes yo mismo, las dejo en Internet Archive para que quede testimonio aunque pase el tiempo, que se sienta vivo o muerto según lo que quede. Aquí el antes y después:
🎧 Notas de voz — Cómo actualicé mi blog (de DaisyUI a Open Design)
Las grabé mientras hacía el análisis — 10 min hablando de DaisyUI y accesibilidad, el fallo de Stitch, por qué elegí Open Design y el verde Rolex.