Honestamente, no pensé que sería tan difícil programar una página sin NINGÚN conocimiento previo. En este proceso me di cuenta de que no soy ni un genio, ni un aprendiz decente siquiera. La realidad es que crear algo en la web desde cero es mucho mas extenuante de lo que imaginaba (sin tener en cuenta aspectos como el hosting, alojamiento de dominio y otros ya que Blogger se encarga de eso).
Entre perfeccionismo, procrastinación y ligeros toques de nostalgia por el pasado logré montar un producto final que me hace sentir menos inútil, del que estoy satisfecho y planeo mantener regularmente (si es que no lo dejo tirado, aunque a este punto lo dudo por el esfuerzo que me tomó ponerlo en marcha).
Si tuviera que dividir el proceso creativo de hacer un blog, lo dividiría en 5 partes - Como todo arte moderno requieren de interpretación subjetiva, pero estas fueron las piedras en el camino que tuve que recoger y apartar a un lado (posiblemente con cantidades sustanciales de fuerza):
1. Encontrando mi estilo: Lo visual importa, aunque tú no sepas qué es lo que eres
Las ideas usualmente llegan en un enmarañado de pensamientos accesorios que realmente no se relacionan mucho con lo que uno busca hacer (¿a alguien más le pasa?). Inicialmente pensé en hacerlo como una pizarra de corcho, luego como el UI de juegos como Final Fantasy XIV o NieR, para terminar completamente enamorado de la estética antigua de windows, que estuvo tanto tiempo conmigo (específicamente Windows Vista, ya que mis computadoras de la época tenían el OS instalado).
El reto no era solo elegir los colores o la tipografía, sino darle ese toque único que no solo hablara de mí, sino que gritara sobre lo que es el caos de la interfaz moderna. Quizás mi estilo sería “minimalista, pero a lo retro”. Un homenaje a lo inacabado. A lo olvidado. Algo que ningún diseñador en su sano juicio usaría, pero que funcionó, en su forma imperfecta.
2. "Aprendiendo" a usar CSS, HTML y Javascript: La magia negra de internet
Como cualquier proyecto, resulta satisfactorio pintar el panorama de lo "que será", con ideas, conceptos, verborrea creativa manifestada en múltiples medios audiovisuales. No obstante, a la hora de empezar el trabajo en sí, es otra historia totalmente diferente...
HTML me hizo sentir como si fuera un novato escribiendo cartas de amor, pero sin saber qué poner en ellas. Cada etiqueta parecía tener su propio temperamento y me culpaba por no entenderla. CSS, en cambio, era como intentar pintarle una capa de esmalte a una caja que nunca termina de secarse, y Javascrip fue nada más y nada menos que una relación tóxica. Intentaba hacer que todo sucediera con sus mágicos “eventos” y “funciones”, pero al final, siempre me dejaba con un "undefined" vacío en el corazón.
Y ahí estaba yo, pensando que, si tan solo tuviera una varita mágica (o, mejor aún, un hada madrina con experiencia en frontend), todo sería diferente.
3. Rindiéndome, usando ChatGPT y ingeniería inversa: Porque aceptar la derrota es ser sabio
Después de tanto tiempo invertido en cualquier cosa menos en estudiar para mis parciales, el agotamiento se apoderó de mí y entonces tuve una epifanía: ¿Por que no dejar que años de evolución humana y constante desarrollo me ayuden? Sip, estoy hablando de ChatGPT, un software que cual voz interna de Jedi me ofreció respuestas y soluciones rápidas mientras yo me tambaleaba en el abismo del código sin sentido.
No, no estaba haciendo trampa. Estaba evolucionando.
La ingeniería inversa también se convirtió en mi mejor amiga. Me metí en proyectos ajenos, desarmé códigos como si fuera un ladrón de piezas de Lego y, a partir de ahí, entendí cómo se ensamblaban las cosas. Fue un proceso tan satisfactorio como lograr que tu bebida se enfríe lo suficiente como para poder tomarla sin quemarte la lengua, pero sin esperar demasiado.
Proyectos roba que me sirvieron de inspiración!! (enserio, no robé ningún asset lo prometo)
- Win7 Simu | A simulator of Windows 7 : Simulador en web de Windows 7, me ayudó a entender la visión que buscaba e intenté programar un reloj funcional basado en el reloj antiguo de windows, como ellos lo habían hecho (fue descartado por falta de espacio)
- StyleStar - Home Page : Foro chino de ultratumba que básicamente sirvió como FUERTE inspiración para la creación de esta página. Mi meta era que se vea al menos similar al inicio del foro.
- 7.css - A CSS framework for recreating Windows 7 UI : Framework inspirado en Windows 7 del que básicamente se basa TODO mi proyecto. No se quien sea Khang-nd, pero le estoy eternamente agradecido por haber hecho un framework tan fácil de usar, práctico, lindo, y sobre todo funcional.
- VirtualBox con Windows 7/Vista para poder presenciar "the real deal"
4. "Flow State", en el que todo iba hermoso: El éxtasis de la creación
Y de la nada, todo iba viento en popa, coherente y con sentido. Fue como si toda la frustración y el estrés de horas anteriores se dilucidaran en un breve momento de claridad. Todo hacía sentido. La tipografía encajaba. Los colores brillaban como un D'Onofrio a 23 grados. El Javascript, que anteriormente me odiaba, comenzó a hacer su magia sin que yo le pidiera permiso. Era como si por fin entendiera el lenguaje universal de los desarrolladores, o tal vez solo había aprendido a ser paciente.
De repente, estaba creando sin mirar atrás. Como un compositor que escucha su música por primera vez, me sentí como si estuviera en la cima del mundo. Al menos por unos minutos, antes de que la ansiedad por otro error me invadiera nuevamente. Pero ese flujo, no hay sentimiento igual.
Y como en todo tutorial de cocina.... Último paso: Disfrutar
Y aquí estamos, al final del camino, disfrutando de lo que he construido. O más bien, admirando la extraña criatura que he engendrado. ¿Es un blog? ¿Es un homenaje satírico a un sistema operativo fracasado? ¿Es una obra de arte incompleta? No lo sé, y probablemente nunca lo sabré. Lo que sí sé es que me ha permitido expresar una visión que nunca habría podido hacer sin este largo y doloroso proceso.
Cada artículo, cada cambio, cada pequeño ajuste en el código se siente como una victoria. (Habrán muchas victorias por lo visto debido a que aún está incompleto).
Me gustaría que este blog sea como Windows Vista, imperfecto pero lleno de carácter. Al final, es una construcción que tiene tanto de frustrante como de emocionante, pero que, en su caos, refleja una historia de creación… y de supervivencia (el detrimento de un esbozo pensante).
Así que, si alguna vez piensas en crear un blog, recuerda: no es solo sobre escribir. Es sobre abrazar el caos, dejarte llevar por la nostalgia y, sobre todo, aceptar que a veces el arte verdadero está en los errores. Y si no, siempre está ChatGPT para salvar el día.
P.D 1: Gracias por leer esta primera entrada! Creo que volví este proceso una hipérbole extraña por meros fines de entretenimiento. Aún así, considero de esto material importante para la sociedad.
P.D 2: A continuación, dejaré un roadmap de lo que pienso implementar en esta página. No ahora, por que solo me quedan dos días para estudiar, pero en un futuro cercano.
ROADMAP:
go back button "needed" LISTO! el texto del logo- adding comments
Custom scrollbar No lo veo posibleWebAmp availability SUPER LISTO! y con tema windowsCustom, fun footers PARCIALMENTE LISTO!!audio database? Descartado!!!!!! ya esta el Webampfixing right sidebar (popup-down) DESCARTADO! me gusta así
XOXO,
Gabriel.
