maplecoded

[maplecoded]

Hola Maple, ¿Qué tal?. Me preguntaba si estarías disponible para la realización de una skin, para un próximo proyecto. ¡Saludos!

¡Buenas!

Me alegra comentarte que estoy disponible, puedes mandarme un mensaje para darte más detalles sobre como contactarme por Discord.

[maplecoded]

UI/UX 101 para Amateurs (porque, en serio, lo necesitan)

Para este mensaje quiero que me visualicen como los Volturi juzgando desde el palco. Será más divertido.

Hay que entender que estos consejos son agnósticos en el estilo que tengas para hacer tus cosas. Y no tienen por qué seguirlos. Yo a veces ignoro algunos y no exploto (principalmente el de contraste). Pero esta será el primer y único aporte de caridad que haré para esta comunidad que hace codes. Dado que con el reciente drama, lo mismo, algunos se interesan (lo más probable es que no).

Si alguien viene a contradecirme algo, que me enseñe su nómina primero.

Estructura

Dentro del concepto de estructura existen dos modelos, se les llama F y Z. Esto es de parvulario casi, y seguro que intuitivamente habéis llegado a lo mismo sin saberlo:

F es cuando un diseño tiene una columna.

Z es cuando un diseño no tiene una columna.

Ahora, sobre eso, os tenéis que preguntar una cosa: ¿Cómo leemos? Si vuestra respuesta es otra cosa que no sea «De izquierda a derecha y de arriba a abajo», ¡Felicidades por no ser de Occidente! Me sorprende que hayas encontrado esto. Para los demás, leéis de izquierda a derecha y arriba a abajo.

El cómo leemos influencia el cómo se estructuran las webs. Por eso, si por casualidad visitas una web asiática, te quieres pegar un tiro. Simplemente, su estructura no está pensada para como nos hemos educado desde Primaria.

Sobre eso, hay que tener en vital importancia como se presenta el contenido. Nuestra cabeza prioriza siempre el lado derecho porque, como ya hemos dicho, leemos en esa dirección. En el diseño en Z da igual, porque no hay columna. Pero en el F sí.

Así pues... ¿Qué es lo imporgtante en un foro? ¡El foro! Así que si ponen una columna (por favor, nunca dos, no son una red social donde necesitan esa funcionalidad), siempre en el lado derecho.

Contrastes

Esta es una norma que me salto a veces. Quiero decir, en mi foro Brave New World me la salto. Pero hay que tenerla en cuenta.

La norma radica en que NO SE DEBEN USAR COLORES CLAROS SOBRE UN FONDO CLARO, NI COLORES OSCUROS SOBRE UN FONDO OSCURO. Es un poco de calle, pero sorprende la gente que lo ignora.

¿Que por qué lo hago yo? Quería poner la bandera Republicana (de Españita) en los grupos. Y para mí un meme vale más que mil palabras.

Sin embargo, el contraste es algo que varía mucho. Depende no solo de los colores (y lo estridentes que sean), sino de la fuente y su tamaño. Podría proporcionar checkeadores, pero es algo con lo que tendrán que ir a ojo. ¡Good luck!

Fuente

Aquí no hay debate. Mínimo 16px (o lo que es lo mismo, 1rem). Con un interlineado de 1.5 veces el tamaño de la fuente (24px o 1.5rem). Su vista lo agradecerá.

Puede haber elementos secundarios más pequeños. Y el punto anterior de Contraste influye. Así que deben ir un poco a ojo. Por norma general, si necesitan zoom para ver algo (EN ESPECIAL LOS MENSAJES DE UN FORO, QUE SON EL CONTENIDO PRINCIPAL), la fuente es demasiado pequeña.

Resolución

Sé que muchos de ustedes no han pasado de pantallas de 800px de alto. Sé que imponerles que atiendan a resoluciones más altas que 1080p les sonará a clasista. Pero no saben lo rotas que se ven sus skins cuando se las mira por otra pantalla que no sea la suya. Y desde luego, no saben lo horrible que son de visitar, incluso con 170% de zoom, en una pantalla 4K.

¿Cuál es la solución? Es un secreto que diseñadores de todo el mundo saben desde 2003, pero se lo voy a compartir: usen un cuerpo para el foro de 1280px de ancho (incluso se puede menos, yo hice una con 1100px) Y CÉNTRENLO. No es tan difícil.

Navegadores

Sé que hace unos años estaba muy de moda decir «Skin codificada para Chrome uwu» y quedarse tan anchos. A esa gente tengo que decirle: ¿OS HABÉIS FUMADO ALGO?

Entiendo que Chrome (y derivados) son el navegador más usado. Entiendo que targeteando a eso, en específico, se cubre el 90% de la userbase. PERO NO, GENTE, TENGAN UN MÍNIMO DE PROFESIONALIDAD. MIREN DE CUBRIR AL MENOS FIREFOX TAMBIÉN Y, SI PUEDEN, SAFARI.

Móviles

Honestamente, esto es algo de lo que pueden sudar. Yo lo hago con mis skins por flexear, pero no es necesario. He mirado mis Analytics y solo 4 usuarios en 4 foros (retirando duplicados, 30 en total) visitan foros en móvil. No renta el esfuerzo de pensar todo de 0 para eso.

Cabeceras

Voy a empezar esta sección con una skin que no peca tanto del error. Una de un foro de un... ¿semipana? De alguien con quien hablo semiregularmente, que me cae bien y no tiene una skin que me parezca fea.

Lo hago porque a veces me gusta pegar a mis amigos. Y porque no es NI DE LEJOS, un foro con un caso grave de lo que comento.

Ese foro es DC New Frontier. ¿Cuál es el problema? En principio nada. A fin de cuentas, si el foro va a tener tablón, la suma de este y la cabecera no debería ser más de una vista (vista es un scroll completo de la pantalla, 100vh en CSS). Y la skin lo hace. Sin embargo, lo hace en todas las vistas (subforos y temas). Y eso es un problema.

¿Por qué? Se preguntarán. Porque debes hacer scroll cada vez que vayas a lo que te interesa. La información. Ya sea el propio tema o el listado de temas. Y lo mismo, una vez no pasa nada, dos tampoco. Pero cada vez acumula al medidor de coñazo. Y eventualmente o te acostumbras, o navegar implica querer pegarte un tiro. ¡Miren qué cómodo queda si se quita en temas (y lo mismo pasará con subforos)! No es muy difícil implementar un js que elimine un elemento si la ruta no es "/". Pueden preguntar a ChatGPT incluso. Les dejo uno que furula con ese foro.

Y ojo, como he dicho. DC New Frontier lo hace bien. Solo un scroll. Hay foros donde la cabecera es un scroll entero y luego va el tablón. NO HAGAN ESO.

Contenido inaccesible

Llegamos al último punto. ¡Al fin! ¡Mi tortura termina! Por suerte, es lo más de calle. Incluso más que la parte de Navegadores. Y es, como dice el título, el contenido inaccesible.

Para ello, me remito a otro foro que tengo afiliado. Fragments of the Masks (@fom-rol).

¿A qué me refiero con «Contenido inaccesible»? Básicamente, que todo enlace en el foro no debería ser cubierto por un bloque invisible. Salvo que esa sea la intención. Cosa que, en este caso, no creo que lo sea.

¿Por qué no lo creo? Miren el tablón, con su lindo Últimos Temas. Intenten pulsar el primer enlace. No pueden, lo sé.

El motivo de eso es que una imagen lo cubre. La imagen de cabecera. Hipotéticamente, se podría apañar la imagen para arregarlo. Pero es un error causado por la confusión de z-index.

Idealmente, la solución más sencilla es pensando mejor la cosa antes de ponerte a codear, o testeando antes de publicar. Pero todo el mundo tiene errores, ¡incluso yo! Así que dejo un apaño guarro AQUÍ.

[maplecoded]

how to: responsive coding

my last couple skins (parkside ave & this is gospel) have both changed based on the screen size with some design changes and people have asked how i go about doing that so this is how! 

an important step for me when doing this is using the right click + inspect > toggle emulation menu on chrome. it’s also available on firefox and safari. what what’s going to do is allow you to look at your codes on different screen sizes without having a screen of that size. there’s a list of popular sizes (including various phone screens + tablets) and a responsive option where you can literally click and drag to make the view wider/shorter. this is super helpful when trying to figure out at what point the code should change and what needs to be reworked or hidden. 

Seguir leyendo

[maplecoded]

¡Muy buenas!

Hago este anuncio para avisar que sigo aquí, ¡Dentro de el próximo mes vendré con más noticias sobre mi skin libre (el skin gratis del cuál pueden encontrar una pequeña preview por aquí) y un futuro skin de paga del cual pronto sacaré también algunas previews!

Puedo adelantar que el skin gratis será un skin básico y el skin de paga será un skin intermedio (a un precio más reducido que en mis comisiones puesto que no instalo skins de paga o skins libres a menos que se pague la instalación).

Eso era todo, ¡Feliz año nuevo y los veo muy pronto!

[maplecoded]

Alors que les forums où le staff est anonyme et encourage les membres à l'être aussi sont en train de pop-up à droite et à gauche, je me demande si les gens savent ce que le staff peut voir depuis le panneau d'administration 🤔 C'est vrai que si on a jamais été admin ou modo, on ne peut pas le deviner !

Du coup, pour information, le staff peut voir votre adresse mail (donc, d'une façon générale, et pas que pour les forums """anonymes""", arrêtez d'utiliser une adresse avec votre prénom et votre nom de famille, vraiment) et votre adresse ip (et le souci avec ça, c'est que c'est une vraie roulette russe. Quand je check la mienne par curiosité ou pour voir si mon VPN fonctionne, ça me pin tantôt à l'autre bout du pays tantôt au bout de ma rue 🙃Si vous vous connectez depuis le boulot et que votre boite à un gros serveur, on peut également le savoir en quelques clics 😬)

DONC : sur les forums anonymes, il n'y a que le staff qui l'est, sauf si vous savez couvrir vos traces.

-- L'idée n'est pas de vous foutre la peur au ventre, mais comme pour tout, il vaut mieux prévenir que guérir et sortir couvert. On ne sait jamais qui est de l'autre côté de l'écran et pour avoir entendu de sales histoires liées au RPG, je préfère savoir avec qui je partage mes informations. Prenez soin de vous et de vos potes 🤗

[maplecoded]

¿Estás trabajando en nuevo foro? Independientemente del foro, Half-Blood Chronicles tenía el mejor skin que vi en mucho tiempo, se veía bien en el celu, balanceado, muy lindo. Ojalá más foros te contrataran para hacer sus skins.

¡Muchas gracias!

Por ahora estoy completamente libre. Trabajo de vez en cuando en algunas skins (gratis y de compra) que planeo sacar en el próximo año, pero dejando eso de lado por ahora no tengo clientes :)

¡Esperemos con dedos cruzados que me venga más trabajo pronto! Adoro hacer skins y aunque mi proceso es algo lento (Al tener que asegurarme que el skin al menos se ve 'decente' en otros tipos de dispositivos) de verdad que creo que vale la pena por el resultado final.

[maplecoded]

“they were flirting with you” and how was i supposed to know such a thing when everyone speaks in codes and puzzles

[maplecoded]

Llamado de urgencia.

Querida comunidad rolera, no saben lo muchísimo que me duele estar escribiendo está noticia. Pido por favor madurez al leerla ya qué ha sido muy difícil de compartir para mi, y seguro de leer para otros, pero que de alguna manera repercute en todos nosotros que compartimos este espacio.

El día 31 de mayo, una usuaria de un foro de rol realista cuyo nombre no diré por respeto a esta usuaria y a su memoria y para evitar el morbo (aunque seguro muchos ya saben cuál es), después de una ola de odio indiscriminado, decidió tomar su propia vida tratando de buscar consuelo y escape. No soy quien para juzgarla al igual que ustedes tampoco lo son, pero sí que les invito a todos a comenzar a concientizar sus propias participaciones en estos tumblrs que se dedican a recibir día y noche, mensajes en anónimo para ser publicados con toda la intención de lastimar.

Este debería ser un pasatiempo de distracción y escape, algo que haga el día a día más llevadero donde podamos formar historias qué nos den momentos dónde lo único que sintamos sea por lo que estamos escribiendo y leyendo.

En lugar de esto, los anónimos han tomado el poder de esparcir veneno sin calcular el daño que hacen en personas cuyas cabezas ya pueden estar cargadas por lo qué están viviendo fuera de esto. Los espacios para esparcir este veneno sin penalidad alguna y peor aún, fomentando la burla y la continuidad del odio teniendo un papel principal en los culpables de arruinar esta comunidad. De verdad, pónganse la mano en el corazón, se los pido por favor, esto ya está llegando demasiado lejos, sitios como WePurge y CQC deben desaparecer.

Pido por favor, les estoy rogando, a todos ustedes que nos ayuden a encontrar a los autores intelectuales del Tumblr CQC, sí tienen aunque sea, un dato, será agradecido para poder exponerlo a las autoridades del país sabemos residen, pues nunca se han encargado de esconderlo.

[maplecoded]

TALES OF DEMIGODS.

Fue un enorme gusto trabajar con este equipo administrativo en mi primera comisión oficial. Estoy muy contenta con el resultado final. Además del skin, me pidieron un pack administrativo y un pack de usuario, ¡Los cuales podrán ver en vivo cuando el foro abra muy pronto! Fue una gran labor que tomó bastante tiempo, pero valió la pena. 🩵

[maplecoded]

¡Hola gente bella!

Estoy muy emocionada de poder anunciar que estoy trabajando en mi primer skin libre. Será completamente gratis y contará con todas las areas de una skin básica (pueden ver que contiene una skin básica dentro de mi página de comisiones).

Les dejo un pequeño screenshot del header:

No tengo una fecha fija de cuando lo vaya a publicar, pero cualquier actualización será publicada por acá.

Igual puedo decirles que ese no es el nombre oficial del skin ;)

[maplecoded]

Skin simple — Stardust (gratuita)

Feliz año nuevo 2024!!!! ✨✨✨ Sinceramente espero que todos hayan disfrutado de un buen cierre de año, en compañía de sus seres queridos y se hayan hartado hasta el cansancio todas las galletas y ponche de la mesa. Que este nuevo año nos traiga a todos abundancia de bendiciones, salud y gratas sorpresas a nuestras vidas.

Tras tomarme un tiempo de inactividad en este bonito espacio, principalmente motivado por el cuidado de mi salud mental y una carga excesiva de responsabilidades en mi vida cotidiana, estoy decidida a volver a enfocar mi energía y entusiasmo en los proyectos que una vez inicié con gran ilusión. Por esta razón, una de mis metas para este año es volver a retomar y culminar dichos proyectos postergados.

Gracias a todos aquellos que me brindaron su apoyo y comprensión durante este receso, y a los que me siguen y comparten mi trabajo.

Y pues, nada, impulsada por las fechas festivas (y una reciente adicción a vocaloid) se me ocurrió romper el hielo con una skin sencilla ( phpbb3 ) que pueden usar de base para sus propias skins.

Preview en vivo: https://star-dust.foroactivo.com/

❥ Características

Navbar personalizado: Avatar de la cuenta + Bienvenida, frase + Navegación.

Tablón de anuncios: Imagen decorativa + Frase 1 + Caja de texto + Staff + Frase decorativa 2 + Últimos temas + Links rápidos.

Categorías y descripción de subforos.

Estadísticas, afiliados en el footer.

Listado de temas, perfil en los temas.

Paginado de búsquedas (mensajes y temas).

Mensajería privada.

Perfil simple (/u1).

❥ Instalación

Tutorial y Códigos: https://star-dust.foroactivo.com/f1-instalacion-y-codigos

Cuenta para invitados: Elliot S. Wrigty | Contraseña: skinstardust2024

[maplecoded]

01. MYRIAD [a character template]

MYRIAD is a fully customizable character template for photoshop and photopea. an intermediate level of skills in photoshop is recommended to fully modify the template.

to keep in mind:

the fonts utilized are aviorte, roboto condensed, disket mono (bold), and calvino grande trial.

credits for the images go to their rightful owners.

as stated above, the template is fully customizable!

for any questions, please contact me via ask on my tumblr blog.

please, DO NOT copy, steal, or sell this template as your own.

please give me credit if you do end up using this template.

like and/or reblog if you're planning on using this!

this is a paid template, available via purchase on my payhip or-kofi.

PAYHIP. / KO-FI.

[maplecoded]

¡Hola! Me pueden llamar Maple, hago códigos y skins para Foroactivo, al igual que algunos templates para Photoshop y uno que otro doc para Google Docs. La mayor parte de mis skins son de paga, aunque es posible que saque una skin libre muy de vez en cuando. También ofrezco comisiones, aunque a un precio un poco más elevado que mis skins de paga, y con cupos limitados debido a que soy un poco lenta a la hora de trabajar en un skin y prefiero trabajar lento que entregar un skin realizado bajo presión. Si deseas conocer más información, puedes revisar los links de abajo o visitar mi blog directamente. ¡Abro cupos de comisiones de skins/paquetes cada 2 meses! Haré un anuncio avisando cuando estén abiertos y este post también será actualizado periódicamente. De otra forma podrán revisar mi página de comisiones. Para otros tipos de comisiones no hay cupos y siempre estarán abiertos a menos que anuncie lo contrario. ¡Hasta la próxima!

estado de comisiones skins/paquetes: abiertas. cupos libres skins/paquetes: 3/3.

SOBRE MÍ. / NAVEGACIÓN. / COMISIONES. / PAYHIP. / KO-FI.