#cherryscented.throwback

throwback thursday: mariollette empire

¡Hola a todos! Quería compartir algunas de las tablillas que he hecho hace algunos cuantos años, que quizás son muy antiguas o muy específicas para compartir el código, pero que son trabajitos que me siguen gustando y me gustaría no dejar en el olvido. Como cuando la gente hacía hashtags de #throwbackthursday #tbt o como le hayan puesto (?)

Y recordando los tiempos antes del 2015, al menos en mis partes del internet todavía no se usaba fuertemente el CSS o el HTML--lo único parecido a esquematizar algo era usar tablas y WYSIWYG. Todo el peso del diseño realmente recaía en eso, el diseño, los gráficos. En esos tiempos, en verdad que un simple efecto hover era solo posible para los gurús sabios de los códigos.

En otros temas, miren estos efectos nunca antes vistos (en el 2011), woooow, increíble 😎

(pensándolo bien, la mayoría de esos componentes (con un poco más de trabajo hasta el ciclo de caminata inclusive) se pueden lograr actualmente con puro código, pero al igual que en ese tiempo que ahora, siempre es más fácil hacerlo todo con una imagen :9 )

Y bueno, la plataforma daba poca oportunidad de hacer algo, pero se lograba. Y luego de hacer tablillas que realmente eran gráficos elaborados con un espacio para poner un div con scroll y más nada, empecé a hacer tablillas que se centraban más en el código:

(miren allí, apenas entendiendo de combinación de colores y letras y todo, una ternura 🥰)

Y pues eventualmente nos mudamos de plataforma a un foro foro, más concretamente jcink, y usamos una de las skins gratis que habían en los foros de resources. ¡Pero no venía con tablillas de uso! Así que tuve que hacer algunas cuantas siguiendo la estética del skin.

Estaba la tablilla general de información, la parte del título, una imagen representativa, un subtítulo, y el contenido dentro. Simple, estético, y fácil de usar (espero(?)). También en ciertas secciones habían agregados, por ejemplo aquí el agregado para ingresar información como pseudo tooltips, para marcar ciertos detalles.

Otro agregado fue para la parte de los tipos de personajes, que tenían cada uno sus stats representativos, y hasta ciertas formas que podían adaptar. ¡Y creo que era mi primera vez usando los progress bars! Y también creo que era la primera vez viendo que los progress bars eran usados. ¡Pero son muy útiles! Tan útiles que adaptamos el perfil en cada post para que se muestre, así:

Repletito de información, pero de una forma visible y entendible 👌

Luego, la información de las zonas de rol, usaba como base el diseño general, pero con el agregado importantísimo de un reproductor de música, obvs. En ese tiempo usábamos un reproductor de música hecho con Flash, pero ya no sirve, y tuve que medio apañarme con los reproductores actuales de HTML5. De cualquier forma, se ve hermoso todavía uvu.

Y último, pero no menos importante, la ficha de personaje, la cual podía tener los mismos agregados que los anteriores, pero cambiaba la parte de la imagen agregándole la información del personaje. De hecho, la parte de las capsulitas de la parte de Distritos (y aquí no se ve, pero las tablillas cambiaban de color según la clase que se necesitaba) fue una idea que se mantuvo desde la última ficha que había hecho en la versión anterior, pero mejorada ✨

¡Y bueno! Creo que ese ha sido mi viaje por las memorias. Quizás hubieron más cositas que se me habrán pasado, o cosas muy simples o en las que apenas ayudé y que no mencionaría como mías, pero estuvo bonito~

Hay algunas de estas tablillas que no compartiría el código, pero otras que probablemente las termine rehaciendo y compartiendo si la gente está interesada though!