The Mother Of Codes

"El diseño es lo de menos", ¿aún hay alguien que de verdad lo cree? El buen diseño de un sitio web, y por extensión de un foro de rol, es importante para hacernos sentir cómodos mientras navegamos e incluso inspirados a la hora de rolear. The Mother of Codes ha sido creado para ofrecer soporte y ayuda con el diseño de sitios web.

[themotherofcodes-blog]

¿Alguien sabe dónde puedo encontrar diseños de FA "actuales"? || Angel hace poco aportó uno, creo que lo tienen rebloggeado en este mismo tumblr

Cierto. Aquí un link directo para todos los skins reblogueados:

https://themotherofcodes.tumblr.com/tagged/skin

— Lagertha

[themotherofcodes-blog]

Sé de la existencia de este: www*sweetdreams-bt*foroactivo*com. Se modifican templates, lo que en el template viewtopic_body creo que hay un error

Gracias por compartir, anon!

- Floki

[blueshelp]

                               Blue’s Japanese FC Masterlist!

                                      ᴀ ʙᴜɴᴄʜ ᴏғ ᴊᴀᴘᴀɴᴇsᴇ ғᴀᴄᴇs ғᴏʀ ʏᴏᴜʀ ʀᴘ

I generally believe there is a lack of Japanese characters in the rpc and more than often, I see people use Korean FCs for ethnically Japanese characters. Therefore I recently started working on a masterlist of Japanese faceclaims to enable more people to be aware of the Japanese faceclaims out there! It includes trans faces, though there are a small amount I know of so there are not many. Everyone is listed with their family name first, then their given name.

This page is being constantly updated by me as there are definitely a lot more Japanese faces to add. But if you have any suggestions please do message me. 

You can sort the faces by these categories:

Gender

Age

Ethnicity (for bi/multi-racial faces)

Eye colour 

Hair colour

Occupation

GIF count*

RP icon count*

*includes resources made by everyone! If I missed a resource, feel free to message me and I’ll add it as soon as I can. This is also good because it means you can help create resources for people who have none!

I was inspired by the Vietnamese FC list by thanhpls! Please love and support her masterlist too.

[themotherofcodes-blog]

¿Alguien sabe dónde puedo encontrar diseños de FA "actuales"? Es decir, que hayan sido compartidos hace poco tiempo, no dos años, por ejemplo, y que modifiquen templates y eso. He desistido en hacer el mío propio porque llevo un año trabajando en uno y no avanzo xD

Por mi parte, no. ¿Alguien sabe?

De cualquier forma nosotros comenzaremos a subir algunos skins, personalmente me faltan algunos detalles del primero.

- Floki

[themotherofcodes-blog]

Mmm me gustaría saber como pediros vuestra críticia a un foro ;)

Pidiéndola sin más xD no hay ningún formulario ni nada, somos así de informales (?

— Lagertha

[themotherofcodes-blog]

gracias por la critica y los consejos, los tomaremos en cuenta de cara a futuros skins, que intuyo que no tardaran mucho en salir del horno. Atentamente, perro.

A ti por postularte ! <3 Si podemos ayudar en algo, háznoslo saber 

— Lagertha

[themotherofcodes-blog]

Muy chulo el tumblr!, sois nuevos o ya llevais un tiempo???

Gracias, anon! Puuues concretamente llevamos, dejame que piense... sí, dos días.

LOL

— Lagertha

[themotherofcodes-blog]

Font Flame

A raíz de nuestra última (y primera, LOL) crítica hemos estado buscando recursos que podrían seros de ayuda a la hora de elegir/combinar la tipografía de vuestros diseños. Hemos encontrado oro con esta página.

WELCOME TO FONT FLAME, MADAFAKAS

¿Alguien usa Tinder o sabéis de qué va? Pues esta página tiene un funcionamiento parecido. Presentan combinaciones de fuentes para que puntuéis (básicamente decir si os gusta o no, vaya). Generalmente se encuentran combinaciones muy buenas, y también nos da la opción de ver las más votadas, étc.

A nosotros nos va a ser muy útil esta herramienta, esperamos que a vosotros también.

- Floki

[themotherofcodes-blog]

La política de imgur resprecto a las imagenes que se subes han cambiado (ahora son muy estrictos). Os recomiendo subirlas a otros servidores, como imgbox. Es muy parecido a imgur y funciona muy bien.

Gracias por la sugerencia, anon! Ya la hemos subido al mismo tumblr, pero me apunto imgbox, tiene buena pinta.

— Floki

[themotherofcodes-blog]

muy suaves habéis sido con la crítica al skin de 50shades, es horrible xd

No es suavidad, es objetividad. Haz tu skin ya que eres tan artista, que podamos criticarte a ti. O haz tú una crítica y da rienda suelta a tu vena hater, a ver si te relajas. Follar también ayuda #consejo.

— Floki

[themotherofcodes-blog]

Yo tampoco veo el header. Sale el icono gris que dice "the image you are requesting does not exist or is no longer available", super gigante y pixelado.

LOL, la cargaré de nuevo a ver si así funciona. Gracias !

— Floki

[themotherofcodes-blog]

Gran crítica, deseando leer más <3 ¿podemos pedir críticas aunque no seamos admins de un foro? solo por saber vuestra opinión

En principio no. Las críticas las enfocamos como un recurso más, es decir, puedo decirte “esto no queda bien” pero a la vez te doy un consejo para mejorarlo. No tendría sentido hacerlo si alguien no tiene esa intención de mejorar, o en el caso que apuntas, si no es tuyo el skin y no puedes siquiera plantearte el hacerlo.

— Floki

[themotherofcodes-blog]

directorio actualizado

- Enjoy The Silence añadidos.

- Creada la sección “Post-Apocalípticos”

[themotherofcodes-blog]

Hemos alcanzado 4 pedidos y hemos optado por establecer ese límite para no saturarnos. Por el momento solo aceptaremos 4 pedidos al mismo tiempo. Podéis consultar esto en el widget lateral derecho del tumblr, lo mantendremos actualizado.

Floki

[themotherofcodes-blog]

Crítica: Fifty shades of Magic

Crítica realizada por Floki Link del foro: Fifty Shades of Magic Temática: HP + BDSM

Lo primero que noto al entrar en el foro es que falta uniformidad. No es que "haya demasiado", es que todos los elementos visuales presentes compiten entre sí por llamar la atención y no se complementan, y eso genera algo de caos.

Opino que los puntos más flacos de este diseño son dos: los patrones y la tipografía.

Tengo que decir que no soy fan del minimalismo impersonal que últimamente está tan de moda, y por tanto me gusta que hagáis uso de tantos recursos. Sin embargo, falta criterio a la hora de combinarlos. He hecho una captura a modo de esquema para explicarme mejor: CAPTURA

Como veis tenéis muchas capas diferenciales, la mayoría de las cuales no comparten ni tonalidad, ni luminosidad ni estilo. Y lo peor es que no existe una jerarquía visual, pues como dije antes todas compiten entre sí por llamar la atención en lugar de complementarse y ayudarse mutuamente. Un diseño es un conjunto, una agrupación, y aquí creo que falta unidad.

Os pondré como ejemplo el foro Avada Kedavra, pues existen similitudes en el uso de texturas y patrones. CAPTURA.

Como veis ellos también tienen muchas capas diferenciales, pero es evidente en un primer golpe visual que está todo más unificado. El secreto está en la tonalidad, la luminosidad y el no abuso del contraste entre capas, pero también en saber combinar patrones y texturas. Unos más intrincados, otros más sutiles, y así. Vuestro código es más limpio mientras que el suyo es más "Old School", sin embargo, la calidad de la materia gráfica  y su buen uso siempre marcará la diferencia.

El segundo gran punto flaco que veo es la tipografía. Uno de los mayores errores a la hora de elegir las fuentes es hacer uso de muchas, y os ha pasado. Normalmente nuestro consejo es escoger dos fuentes: una más intrincada y temática para "resaltar" (títulos y cosas importantes) y otra más minimalista para el resto. Tres como mucho, si están bien complementadas.

En este diseño contamos 4 (Cinzel Decorative, Verdana, Astloch, Oxygen), pero lo peor es que no conjuntan. Cinzel Decorative y Astloch no conjuntan nada, la primera es estilo medieval y la segunda es estilo gótico (personalmente prefiero con MUCHO la Cinzel) pero juntas son un desastre. Mi recomendación aquí sería simplificar la cosa: escoger entre Verdana y Oxygen y que todas vayan igual, y escoger entre Cinzel y Astloch.

Hay muchas formas de hacer cambios diferenciales en tipografía valiéndonos del formato, sin tener que recurrir al cambio de fuente: Mayor/menor tamaño, negrita, itálica, mayus, minus, espaciado entre letras, étc. Os animo a que experimentéis con ellos usando solo dos fonts, será de gran ayuda para unificar el diseño.

Tips que os pueden ser de utilidad para escoger una buena tipografía: LINK 1, LINK 2, LINK 3.

Como decía arriba, en general tenéis un buen código: limpio y sencillo (mis favoritos) que no luce tan bien como debería principalmente por esos dos puntos que os he remarcado.

Ahora dejaremos de lado los patrones y nos centraremos en el Header. Me gusta, y me gusta mucho. Es bueno ver que se siguen haciendo ediciones reales en photoshop y no meros recortes + PSD color. La imagen transmite mucho y es fácil intuir la temática del foro, y también ayuda a "meterte en situación".

La tonalidad es perfecta, por ponerme tiquismiquis diré que a la segunda modelo (la que aparece sentada) le falta algo de brillo y contraste, pero es un detalle realmente nimio.

El recorte podría mejorarse, pues los bordes de las figuras se ven algo difuminados. Aún así, es bastante decente y en conjunto queda bien.

La disposición del gráfico me parece correcta, pero nuevamente el gran fallo es la tipografía. Habéis colocado el título como punto focal, siendo las figuras complementarias a este mismo. La cuestión es que la tipografía no mola nada, pues las fonts no conjuntan entre sí (y como apunte de preferencia personal, creo que quedaría un acabado más equilibrado si el título estuviese centrado por completo o a un tamaño algo mayor.)

En materia puramente de código veo algunas discordancias pero son meros detalles. Por ejemplo, hecho en falta algo de padding en algunas secciones. Al perfil en temas se le corta el borde derecho. El censo en las estadísticas está muy "arrinconado" a la izquierda. No hay formato en el título de los temas ni en el perfil simple, pero ya contabamos con ello por el apunte de que estáis trabajando en eso todavía. En general me reafirmo en que el código es bueno, pero tenéis que pulir el formato, elegir otros patrones/texturas que se complementen entre sí y unificar las tonalidades y las fuentes. Podéis sacarle mucho más partido a este skin.

[themotherofcodes-blog]

¡Hola! Venimos con una petición, nos gustaría añadir un código de teléfono móvil para nuestro foro pero no encontramos ninguno que nos convenza ¿Sería posible que hicierais alguno? La marca (iphone, samsung, etc) es lo de menos, con que sea sencillo y tenga un code para escribir sms sería perfecto. Muchísimas gracias de antemano :)

Apuntado también! Muchísimas de nada (?

— Floki

[themotherofcodes-blog]

(Os ha petado el header, últimamente fallan mucho los servidores). Me encanta el diseño del Tumblr y venía a pedir códigos para las firmas, si es viable. Os deseo lo mejor y aquí estoy, siguiéndoos a tope.

¿No aparece el header? Yo puedo verlo, aún borrando las cookies. ¿A alguien más le pasa?

Apuntado queda el pedido de firmas, y gracias (:

— Floki