El origen de Skylerweb, la creación de portales web y reflexiones variadas.

“Bienvenido a mi portal web, querido internauta”.

Finalmente doy por completado la creación de mi página web, ha sido un trayecto lento lleno de aciertos, errores y un constante aprendizaje; aunque esto no significa el final, sino el comienzo de un proyecto que espero poder mantener a largo plazo.

Este primer artículo tiene como objetivo hablar sobre la creación de mi web, los altibajos y tal vez, algunas reflexiones al respecto.

Los antecedentes.

Siempre he tenido un deseo de escribir artículos, quizás no algo meramente profesional o académico, pero sí la necesidad de querer expresarme mediante palabras, algunos dicen que incluso es algo terapéutico, pero ese será otro tema.

Mi experiencia escribiendo blogs se remonta ya hace una década, entre 2016 y 2017 escribía blogs variados en comunidades de fandoms, no eran lo más profesionales del mundo, pero me divertía mucho escribiendo. Pero en algún momento lo dejé de hacer y se quedó estancado, las comunidades de fandoms cerraron y quedaron con mala fama y seguí con lo mío.

De vez en cuando se me venía a la mente la idea de abrir un blog en Blogger, que de hecho, lo hice, pero lo dejé abandonado por falta de ideas, era muy joven y no creía que tuviera algo más que aportar fuera de las temática tipo fandom que mencioné anteriormente. Entonces una vez más seguí con lo mío.

Dado estos antecedentes ahora llega explicar cómo nació la idea de crearme una web desde cero.

Los orígenes.

Mucho se habla de la decadencia de las redes sociales y sus contenidos, así como el internet mismo, hace tiempo que dejó de existir los famosos “rincones del internet” en donde usuarios comunes, como tú o yo, tenían portales web completamente personalizados donde podrían expresarse de manera libre. Si bien yo entré demasiado tarde a esta época de la web, puesto que no empecé a tener presencia en línea en 2016 (apenas tenía 12 años), me sorprendió conocer esta curiosa faceta de la web.

En la actualidad vemos que esta tendencia solo se ha ido reduciendo cada vez más, las redes sociales premian lo viral antes que el contenido genuino, dando como origen las tan famosas y odiadas “granjas de contenido” que solo buscan obtener el mayor número de interacciones y posteriormente la monetización, y con el auge de las ya cuestionadas inteligencias artificiales esto no ha hecho más que empeorar el contenido.

Entonces a causa de esto me encuentro con Neocities, que no es más que una plataforma donde uno mismo crea un portal meramente tuyo, esto fue una gran revelación y de alguna manera u otra, me da un sentimiento de libertad en el que no dependo de likes o algoritmos extraños, solo soy yo y una web alojada en esta plataforma.

Incluso con estas razones detrás, deseaba tener un portal que fuera mucho más que una web que solo muestra poca información sobre mí. Por ejemplo, webs de una sola página que muestra redes sociales y no hay mucha personalización, quería ir más allá y entonces fue cuando decidí abrirme una web en Neocities, pero había un problema, y es que no sabía por dónde empezar, nunca tuve experiencia con HTML y CSS.

El proceso.

Al no tener experiencia en HTML y CSS tenía que empezar por algún lado. Por lo que aprendí lo más básico e hice algo sencillo:

Aprendí a hacer una página estática, y aunque era un buen logro, había muchísimo que aprender, por que esto apenas era el comienzo. El flujo del aprendizaje consistió en buscar por internet cada cosa en las que tenía dudas, a veces aclaraba mis dudas, otras veces me confundía más.

En otra ocasión hice algo más estructurado, pero seguía siendo texto plano:

Sin dudas lo que más me tenía confundido era CSS, ya que no entendía cómo podía convertir un texto plano y anticuado a algo más complejo y cuya apariencia se asemejara más a una página web, puesto que no miraba cambios significativos. Sin ninguna planificación solo iba a terminar con una página desordenada y caótica. Y eso fue lo que ocurrió:

Si estéticamente estaba desordenado, el funcionamiento de la web misma no era el más óptimo, debido a que muchas de las imágenes tenían unidades de tamaño conflictivas, algunas tenían porcentajes y otros unidades absolutas, por no mencionar que algunos elementos que tenían que estar en la izquierda o en la derecha terminaban en conflicto con otros elementos o no actuaban como quería que actuaran, esto fue un motivo de frustración, pero aprendí algo importante, y es que no es necesario terminar algo tan complejo como una página web en un día, a veces es mejor tomarse descansos, leer más al respecto y en el mejor de los casos, empezar desde cero otra vez.

Al ver que la primera versión de esta web no había funcionado, decidí planificar. Hice un boceto:

Incluso con el boceto creado, tenía muchos retos a cumplir, puesto que en este segundo intento decidí aprender más a profundidad sobre cómo se crea una página web, me di cuenta que lo mejor que puedo hacer es construir contenedores y así de poco a poco crear la web que tenía en mente.

Antes que diseñar la estética final, decidí que era mejor empezar con crear un "esqueleto" aunque no se viera estético. Y a pesar de que era un gran avance, aún habían errores. Por dar ejemplos, utilizaba float para posicionar algunos elementos a la izquierda o a la derecha, si bien esto quedaba bien en un inicio, luego fue un problema debido a que, a la hora de visualizar la página en diferentes resoluciones, los elementos experimentaban modificaciones que rompían con el diseño. Debido a esto tuve que pasar algunos días investigando sobre CSS, para llegar a la conclusión de que tenía que reunir los elementos en un contenedor principal y utilizar "flex" o "grid" en vez de float.

De aquí en adelante era pulir lo mejor que podía el diseño final, por mencionar algunas cosas, diseñar los botones del índice y las redes sociales, para que tuvieran una estética que recordara al viejo internet (o por lo menos, que hiciera el intento), el siguiente paso fue intentar adaptar la web para que sea cómodo en celulares.

Debido a que utilicé un enfoqué de "PC primero", la web no es 100% responsivo, más bien, se adapta a los celulares y tiene como algunos inconvenientes que algunos elementos se tuvieron que duplicar, como el índice vertical en celulares, o las redes sociales.

Para este punto, solo había trabajado más en la página de inicio, pero una web tiene mucho más que una página principal, mi idea era tener secciones como blogs, galería de arte e información sobre mis comisiones y sus respectivos contactos, pero para este punto era algo sencillo, al menos en teoría, ya que en ocasiones tuve inconvenientes a la hora de editar secciones enteras y reutilizar elementos ya creados, pero afortunadamente, no fue demasiado difícil arreglar los fallos que de vez en cuando se me presentaban.

¿Qué viene de ahora en adelante?

Más allá de scripts prefabricados para el botón de Ko-Fi, la web le falta implementar JavaScript, aunque al punto en el que está es suficiente.

Me gustaría implementar un sistema de tags y un sistema de búsqueda para mis dibujos y mis blogs, puesto que, suponiendo que el número de dibujos y de blogs crece, será algo difícil para el usuario final querer buscarlos.

Además de ello, me gustaría implementar un feed RSS para mis blogs, por si algún momento a alguien le gustaría leerlos en un lector preferido, pero por lo poco que he visto, parece que es algo complejo y muy difícil de comprender para mí, por lo que. Al igual que ocurre con JavaScript, será un aprendizaje e implementación lenta.

Conclusiones.

Puedo considerar que la web está finalizada un 99.9%, pero nunca será un 100%, porque eso significaría que debe ser una web perfecta, cosa que dudo mucho que eso ocurra, ya que esto es un constante aprendizaje, pero mientras esté aprendiendo, deseo aportar contenido de calidad dentro de lo que pueda, que esta web sea una extensión completa de mis redes sociales; o como me gusta decirlo en otras palabras, que sea un perfil de internet, pero más completo.

Espero que para el lector que se encuentre con esto, le sea de agrado mi página web.

¡Ten un buen día, tarde o noche!.