¿Cuál es el secreto para armar una skin para la plataforma de foroactivo?
¡Hola! Soy Fred hablándoles.
Quería aprovechar el impulso que ha tenido esta idea de "aprender a armar skin para foroactivo". Por lo que traigo una guía práctica para ver por "dónde empezar".
Hay un paso cero y es "diseñar" la skin (o una tablilla).
Siempre puedes usar lápiz y papel donde haremos un esqueleto para ver dónde y cómo queremos ordenar el foro (o incluso una tablilla también) y después siempre es bueno pasarlo a Photoshop o algún programa de edición de imágenes donde puedan agregar y quitar cuadros, rectángulos e imágenes para ver el tema de los colores (el famoso Mock-Up que será nuestra muy útil guía visual).
Primero que todo, hay algo que vamos a usar siempre y es algún editor de texto. Ustedes dirán ¿Qué diablos es esto?
En términos simples un editor de texto es un programa o sitio web donde podemos escribir en distintos lenguajes de programación. Sin embargo esta vez hablaremos de tres tipos de códigos que se usan para hacer skins y/o tablillas en foroactivo:
HTML: Es el lenguaje que nos dará la estructura del código. En términos simples, y pensando en algo diario, podemos hablar del armazón de una casa o el esqueleto de una casa.
CSS: Es el lenguaje con el que le daremos "estilo" a la casa (en este caso, código). Es decir, lo que nos dará el color, disposición y demás.
JavaScript: Es el lenguaje con el cual "modernizaremos" la casa o bueno, lo que no podemos hacer moviendo cosas de la estructura del código.
Pero la pregunta es ¿Dónde aprendo todo esto? ¿Qué editor uso? ¿Puedo escribirlo directamente como si fuera un post?
Debajo del cut, te lo respondo!
Empecemos por los editores de texto y aquí hay tres que enumeraré de mi favorito hasta mi menos favorito.
Codepen: Es una plataforma simple y bastante intuitiva de usar, además que te permite ver muy bien lo que vamos haciendo a medida que vamos escribiendo. Te permite trabajar con los tres códigos y salta ante los errores.
JSFiddle: Es una plataforma un poco menos intuitiva a la hora de usar. Hay que sentarse un poco a leer y ver cómo se utiliza, pero es mucho más completa. No la uso tanto principalmente porque me acostumbré más a usar Codepen que otra cosa.
VSCode: VSCode es un programa que se descarga y es gratuito, pero se debe saber/aprender a usarlo. Es una máquina potente, ya que tienes que ir agregando y seleccionando los lenguajes con los que quieres trabajar. Sumando que trabajas con un localhost. Este lo sugiero usar si es que ya te maneras suficientemente bien con los distintos lenguajes dichos atenriormente.
Ahora, como dije antes, el HTML, CSS y el JS son lenguajes, por lo que se necesitan estudiar y practicar. Siempre he pensado que todos podemos aprender cosas nuevas y la verdad, es que saber de esto ayuda bastante. Ahora ¿Dónde puedes aprender esto?
Codeacademy: Es un lugar muy completo que explica de manera simple y sencilla cada uno de los tres lenguajes. También te hace hacer ejercicios que son bastante sencillos que te ayuda a comprender lo que se está haciendo.
@dixinmortal ( DixInmortal ): Es un foro hecho por Ross y Vick de Entourage que lleva bastantes años. También cuentan con discord y es un foro que te da ciertos ejercicios que son simples de llevar. Sin embargo, sugiero que, si quieres entrar al foro para aprender y vas teniendo dudas, también te unas al discord. A veces demoran en responder en el foro, pero en el discord siempre hay gente atenta que te puede ayudar a entender y en el caso que te equivoques que te pueda corregir.
@necromancercoding: un tumblr dedicado a venta de skin y a subir tutoriales para la edición de skins. También tiene códigos de su autoría. Si ven a un costado del tumblr, ya tras bajar un poco, encontrará un link que lleva a un listado enorme y recopilatorio de distintos ask's que le han ido haciendo. También cuenta con tutoriales bien divertidos e interesantes.
Si leíste hasta aquí, te agradezco mucho. Aprendí a hacer estas cosas por gusto y ganas de aprender. Llevo cerca de 7 años codeando (en las sombras, siempre) y estos son los sitios en los cuales aprendí a hacer todo lo que sé (claro, hay muchas otros sitios más, pero siento que son los más didácticos).
Hay otras cosas más que se necesitan saber para empezar a hacer skins, como es aprender cómo funcionan los templates u hojas de foroactivo, pero, eso quedará para otro post, ya que ese es otro mundo.
Siempre digo que sugiero empezar haciendo tablillas y familiarizándose con estos lenguajes.
