wyrd-rpg
wyrd-rpg
A feast for crows
543 posts
Libre service pour forums rpgAvatars - Icons - Headers WYRD | il/he đŸłïžâ€âš§ïž | 33yo fr | en (~) | es (~) â–Č Je ne veux pas que mes crĂ©ations se retrouvent sur des forums HP.
Don't wanna be here? Send us removal request.
wyrd-rpg · 10 months ago
Text
TinyUrl vs. Forumactif
Comme j'ai l'impression que Forumactif n'accepte plus les url venant de TinyUrl pour les avatars (je suis pas la seule qui a eu des problÚmes avec ça aujourd'hui et vaut mieux prévenir que guérir hein), si jamais vous pouvez utiliser ShortUrl à la place !
J'ai pas encore vu de message passer Ă  ce sujet (mais j'ai aussi eu la flemme de regarder mdrrrrr) donc au cas oĂč ça puisse rendre service ✹✹
(Feel free de reblog pour faire passer le message etc, et au pire si Forumactif dĂ©cide d'arrĂȘter de casser les pieds, je supprimerai le post!)
122 notes · View notes
wyrd-rpg · 11 months ago
Text
🚹Trapped Family in Gaza Appeals for Help to Survive
A Plea for Help from Gaza: A Family Seeking Safety
Hello, I am Hashem Al-Shawish, married to Samar shamia(@samarsh97). I have a child born in the war, his name is Omar. He is 6 months old.
Tumblr media Tumblr media
We live in the midst of the ongoing hellish war in Gaza, trapped between walls of fear and despair.
We struggle daily to survive in an environment filled with threats and dangers.
Tumblr media Tumblr media Tumblr media
We are originally from the north of the Gaza Strip, but at the beginning of the war we were displaced several times without anything. Our house was completely destroyed and we are now homeless.
Tumblr media Tumblr media Tumblr media
We urgently appeal to your moral and financial assistance to cover the costs needed to escape to a safe environment and to cover the needs of my child, where we can build a better future for our children and ensure the safety of our family.
We are in desperate need of your support. Any donation, no matter how small, can help save our lives. Thank you for your attention and support during these harsh times.
GoFundMe Campaign Link ♄ :
best wishes:
Hashemalshawish
Note:
My account vetted by :
@90-ghost
@a-shade-of-blue
16K notes · View notes
wyrd-rpg · 11 months ago
Text
Emergency: Help Evacuate My Family From GAZA WAR
Dear Humanity,
I'm Haya from Gaza , from a family of 8 people: my parents, two sons, and four daughters (two of them suffer from allergies).
Tumblr media
I've witnessed the evidence of the tragedy that has struck our lives in Gaza, where my family and I have survived amidst numerous previous wars. But today, we face the most dangerous and fierce battle in the current war. The urgent need intensifies for us, as we have nothing left and are unable to secure our basic needs such as food, water, and safe shelter.
Here is our story - On October 7th, our lives changed forever, my family and I evacuated from northern Gaza to southern Gaza, hoping to return soon, but it wasn't meant to be. Our home was surrounded, burned, and then completely destroyed, Our home, once a fortress of hope, now lay in ruins, a stark reminder of our shattered dreams.
The night before we left from the north to the south was terrifying. Shelling sounds were everywhere, making a loud noise that felt like it went through our souls. Every explosions shook the ground like earthquakes, sending shockwaves of fear through our trembling bodies. filling us with fear. The air smelled of destruction and blood, making it hard to breathe. When dawn came, we saw the devastation around us, realizing our home was now a symbol of loss and despair.
We ran into the streets and with each step we took into the unknown streets, we felt as if we were plunging deeper into the abyss of our shattered existence, leaving behind everything we own in our home: Clothes, important official documents, the car, and literally it's almost everything - the enormity of our loss weighed heavily upon us.
Our home it was where we found hope, safety, and made precious memories. Losing it felt like losing years of our lives, leaving us adrift amidst the wreckage of our shattered existence.
youtube
A brief video depicting the devastation that struck our home and our entire neighborhood in Gaza.
Desperate Plea: Escaping Gaza's Allergy Nightmare
I, Haya, suffer from severe allergy to penicillin-derived medications, and my sister, Amal, also suffers from severe allergies to medications from my family such as Paracetamol and Ibuprofen.
These allergies create a deep sense of fear and anxiety for us, as we live in a constant state of tension and fear of anything that may require a visit to the hospital. We fear being given inappropriate medications due to the unavailability of suitable treatments in Gaza because of war or lack of awareness and not informing the doctor of our allergies, which could lead to serious consequences threatening our lives.
MY Father Income
Tumblr media Tumblr media
Our dreams are heading towards oblivion in the labyrinth of an uncertain future
My story, along with my siblings, represents a united team of four individuals, three of whom are skilled programmers and one graphic designer. We work as freelancers in the world of freelancing.
Tumblr media
As for my younger sister, she is a student studying at the College of Architecture. She has always carried a big dream in her heart, a dream of being part of changing Gaza, of making it more beautiful and better. She looked forward to the day when she would receive her degree and start building this dream. But the beginning of the war changed everything. The destruction of infrastructure and universities cast shadows of despair over her dreams.
Tumblr media
When I think of my brother in Belgium, I can't help but feel deep sadness. He has been suffering from unbearable anxiety and insomnia since the outbreak of the war. Sleep eludes him at night, and his physical and mental health collapses under the weight of these heavy burdens, negatively affecting his performance at work. Problems and challenges pile up in front of him without the slightest opportunity for rest.
We all feel psychological pressure and extreme anxiety. The war hasn't been limited to external attacks but has deeply infiltrated our daily lives. We search among the rubble for a little safety and the basic resources for survival. Every day comes with a new challenge that we must overcome.
As we sway amidst the rubble of shattered dreams, our souls wrestle and our hearts beat strongly challenging the ravages of war.
Our parents earnestly seek a way to rescue us from this hell, feeling the heavy responsibility for every moment we spend under the shadows of fear and destruction. They dream of a safe place where they can build for us a better future, filled with security and hope, for we deserve life in all its meanings of comfort and peace.
Perhaps this fundraising campaign represents a light in the midst of darkness, it is indeed the only hope we cling to firmly.
I appeal to the world as a whole to hear my cry and the mournful cry of my family in Gaza. We need the helping hand that reaches out to wipe our tears and build a bridge to safety.
Your donation is not just a donation; it's an opportunity to rebuild life and brighten a better tomorrow. Be part of our hopeful story, for we need your hand to start anew.
The purpose of the fundraising campaign
The goal of this fundraising campaign is to rescue my family - my parents, my siblings, and me - through the Rafah Crossing to Egypt, which currently requires $5000 per person. This campaign is our only chance to stay alive, and I humbly request your assistance at this critical time. I will provide you with a comprehensive breakdown of the expenses, committing to transparency and clarity.
All of our important links are here https://linktr.ee/hayanahed
Verified by :
â­ïżœïżœ operation olive branch, number 26 on their spreadsheet. (On Master list)
Tumblr media
⭐ Project watermelon,line 249 on their spreadsheet. Or you could see it as number 212 here is the photo for more clear proof
Tumblr media
Thank you for your kindness and support.
.ŰŹŰČŰ§ÙƒÙ… Ű§Ù„Ù„Ù‡ ŰźÙŠŰ±Ű§Ù‹
yours sincerely;
Haya Alshawish.
66K notes · View notes
wyrd-rpg · 1 year ago
Text
Je peux comprendre que soit par conviction soit pour d'autres raisons certains jeunes fassent le choix de ne pas aller voter, mais la situation est historique et plus qu'alarmante. Nous n'avons pas le temps pour le purisme de gauche, on pourra ĂȘtre en dĂ©saccord plus tard. Et si vous ne vous sentez pas concernĂ©s par la politique sachez que la politique affectera vos vies que vous le vouliez ou non.
Le 30 Juin allez tous voter
168 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media Tumblr media
Plugin Persona en bĂȘta !
C'est dans les larmes, la sueur et le sang que je vous annonce enfin la sortie du gĂ©nĂ©rateur de fiche : Persona ✹
Persona est un plugin pour les sujets de gestion de personnage (fiche de prĂ©sentation, fiche de lien, scĂ©narios, 
). Il remplace les codes de mise en page Ă  copier/coller dans un sujet par un formulaire Ă  la crĂ©ation et Ă  l’édition d’un sujet.
Essayez le plugin
Documentation
Phase de bĂȘta
Pourquoi en bĂȘta ?
Et bien parce que c'est un sacré morceau et qu'il a besoin encore de faire ses preuves dans différents forum et dans les mains de plusieurs personnes pour qu'on soit sûr de sa solidité.
Qui peut tester la bĂȘta ?
Tout le monde ! Mais, il est vivement conseillé de l'essayer sur des forums tests ou sur des catégories de test sur vos forums. Vous pouvez par exemple essayer d'adapter vos fiches actuelles avec le plugin et demander à vos membres de reproduire leur fiche. Si le plugin rencontre un succÚs, vous pourrez alors faire la transition.
N'hésitez pas à me faire vos retours et me transmettre ceux de vos membres !
Est-il difficile Ă  installer ?
L'installation de base est trĂšs simple. Elle se dĂ©roule en trois Ă©tapes mais elle demande d'installer du code un peu partout (template, CSS, javascript). Si vous n'avez jamais ouvert un panneau d'administration d'un forum, ce n'est peut-ĂȘtre pas le meilleur code avec lequel commencez.
C'est l'Ă©dition du plugin (pour crĂ©er vos propres mise en page etc) qui peut s'avĂ©rer plus poussĂ©. En rĂ©alitĂ©, c'est beaucoup de manipulation HTML avec notions qui seront peut-ĂȘtre nouvelles pour beaucoup.
Ne vous laissez pas impressionner par la taille du tutoriel !
La premiÚre partie suffit à réussir à installer le plugin et le faire fonctionner. La suite est à but explicatif et elle parcours toutes les possibilités qui s'offrent à vous avec ce plugin (promis ça vaut le coup).
Un Ă©norme merci aux membres du serveur La Piscine qui ont participĂ© Ă  l'Ă©laboration de ce plugin ces derniers mois 🙏 et un merci tout particulier Ă  Poumon et Christa Lostmindy ❀
Ca a Ă©tĂ© un projet hyper passionnant mais extrĂȘmement prenant. J'espĂšre sincĂšrement qu'il deviendra aussi ""game changer"" que le Blank Theme parce que je suis convaincue qu'il peut grandement amĂ©liorer notre confort de vie de rpgiste 👏
Je me rends disponible pour tout ceux qui souhaiterai l'essayer, sur leur forum test ou sur leur forum, afin de les aider à installer le plugin et le faire découvrir à leur membre !
Enjoy !
112 notes · View notes
wyrd-rpg · 1 year ago
Text
masterlist banques d'images libres de droit
Si comme moi vous aimez grapher mais que vous avez parfois des difficultés à trouver des photos, images ou illustrations libres d'utilisation/modification pour vos travaux, je me suis permis de compiler ci-dessous une petite liste de mes sites favoris. J'espÚre que vous y trouverez votre bonheur!
Unsplash
Pexels (excellent également pour trouver des vidéos)
Pixabay
Openverse (attention Ă  utiliser les filtres pour trouver les bonnes images)
Flickr (lĂ  aussi, attention Ă  utiliser les bons filtres)
La banque d'images de la BNF
Wikimedia Commons
site de la National Gallery of Art
Heritage Type
The Public Domain Review
la Biodiversity Heritage Library
collections du Metropolitan Museum
collections du Smithsonian
collections du Getty
collections de l'Art Institute de Chicago
collections des Musées de la ville de Paris
collections du Cleveland Museum of Art
collections de la Barnes Foundation
banque d'images des musées de Birmingham
collections du Minneapolis Institute of Arts
collections de la New York Public Library
collections du Detroit Institute of Art
collections du Mauritshuis Museum
collections du Rijksmuseum
316 notes · View notes
wyrd-rpg · 1 year ago
Text
Petite information pour éviter le redimensionnement intempestif de vos avatars sur FA. Lorsque vous mettez un avatar sur forumactif, n'utilisez pas l'option "Envoyer l'avatar depuis votre ordinateur" :
Tumblr media
Car celui-ci va alors ĂȘtre hĂ©bergĂ© sur un service interne Ă  FA (2img.net) qui va redimensionner votre avatar automatiquement ! Une chose que les crĂ©ateurs·rices ne souhaitent pas, puisque ça dĂ©grade la qualitĂ© de leur travail. PrĂ©fĂ©rez tinyurl.com, qui vous permettra de rĂ©trĂ©cir l'adresse de l'image c/c sur tumblr pour qu'elle puisse rentrer dans l'option "Lier l'avatar Ă  partir d'un autre site". Ou rĂ©hĂ©bergez vous-mĂȘmes l'avatar sur imgbox, ou autre service du genre. Si cela est permis par lae crĂ©a bien sĂ»r ! Aussi n'oubliez pas de lire les rĂšgles quant Ă  l'utilisation des crĂ©ations de chacun·e, afin de les respecter. Et surtout n'oubliez pas de crĂ©diter leur travail dĂšs leurs crĂ©a installĂ©es dans votre profil, c'est la moindre des choses que vous puissiez faire pour les remercier de leur travail đŸ„°
120 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
21 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
14 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
12 notes · View notes
wyrd-rpg · 1 year ago
Text
Une nouvelle font Ă  tester et adopter pour vos maquettes et projets ! Luciole - Typeface (luciole-vision.com)
"Le caractÚre Luciole a été pensé autour d'une douzaine de critÚres de design spécifiques pour offrir la meilleure expérience de lecture possible aux personnes malvoyantes. Un soin particulier a été apporté au dessin des chiffres, des signes mathématiques et de la ponctuation."
Tumblr media
Une collaboration entre le Centre Technique Régional pour la Déficience Visuelle et le studio typographies.fr.
TrĂšs beau projet et trĂšs belle police!
50 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media
Crack the sky Silence growing loud
7 notes · View notes
wyrd-rpg · 1 year ago
Text
Je suis avec attention les discussions Ă  propos de design et codage et j'ai bien saisi l'importance des nouvelles normes et notamment tailles de polices agrandies, mais quand je vois parler de 14x voir 16px pour le corps de texte, j'ai les yeux qui me sortent des orbites.
Pour les petits écrans, je trouve la navigation avec ces nouvelles normes beaucoup moins agréables car on scroll on scoll on scroll sans avoir de vue plus globale. Au final, les "gros" forums ne sont pas si ergonomiques sur petits écrans.
Quel est le juste milieu ?
44 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media
Keep the streets empty for me
10 notes · View notes
wyrd-rpg · 1 year ago
Text
AccessibilitĂ©, design, codage
 : par oĂč commencer pour le (re)design de mon forum ? (2/2)
Ceci est la suite de mon premier post disponible ici ! (je suis en galÚre sur la mise en page, bear with me KLJDHSD) -- Suite aux différents questionnements qui viennent nourrir ton processus de design, on passe à un peu plus tangible.
Conceptualisation : Comment ?
Comment est-ce que tu peux atteindre les objectifs que tu t’es fixĂ© dans les questions prĂ©cĂ©dentes ?
Ça peut passer par une liste des templates que tu veux revoir en prioritĂ©, ça peut passer par des checklist de fonctions Ă  intĂ©grer Ă  ces templates pour ne rien oublier.
Personnellement, je recommande de passer par une Ă©tape de wireframe pour ne pas partir trop Ă  l’aveuglette et garder le cap sur la quantitĂ© de travail Ă  venir !
Qu’est-ce qu’un wireframe ? En gros, dessiner des grosses boĂźtes pour symboliser tes fonctions, et bricoler un squelette de page avec pour savoir comment structurer ton nouveau design sans rien oublier ! Un wireframe prend n’importe quelle forme, du gribouillis sur papier au Figma collaboratif en passant par des post-its, c’est toi qui dĂ©cides ce qui te parle le plus !
Voici une liste de petits conseils en vrac Ă  garder en tĂȘte lorsque tu t’approches de la construction tangible de ton nouveau design :
Concentre-toi sur les fonctions qui font vivre le forum en prioritĂ© đŸ”„
Tu veux donner l’espace Ă  tes membres pour Ă©crire et construire leurs histoires et leurs personnages, pour Ă©changer entre joueur.se.s en paix ! Contrairement Ă  ce qu’on a laissĂ© s’installer comme standard, il vaut mieux parfois Ă©viter de se disperser et de trop en faire au risque de non seulement rendre l’expĂ©rience trop complexe pour tes membres, mais aussi de te mettre une pression Ă©norme en tant que staff.
Le coeur de nos forums, c’est le RP sans distraction (Ă©criture comme lecture), mais aussi la crĂ©ation d’univers avec les mĂ©diums que chacun.e prĂ©fĂšre ! Ça passe aussi par le confort que tu peux apporter en proposant une interface claire qui les mettra en confiance pour crĂ©er. Par exemple, passer 75% du temps d’écriture Ă  dĂ©buguer un code de fiche n’est pas trĂšs motivant pour la crĂ©ativitĂ© (sauf pour les bouffeurs de cartes graphiques de ce monde, je me compte dedans đŸ€Ą). De mĂȘme, perdre du temps pour retrouver X ou Y information parce que la navigation est trop complexe ou les annexes peu lisibles dissuadent Ă©galement de potentiels nouveaux arrivants !
N’aie pas peur de jeter tout ce qui est superflu - promis, ça va aller ! đŸ™†â€â™€ïž
As-tu rĂ©ellement besoin de ce champ “inventaire” dans le profil des membres ou est-ce que ça peut simplement ĂȘtre une liste dans un post dans la gestion des personnages ? Est-ce que toutes les informations affichĂ©es sur ma page d’accueil sont-elles utiles au quotidien et/ou trĂšs nĂ©cessaires ? On l’a tous.tes rencontrĂ©, ce problĂšme

Retirer ce qui n’est pas utile, c’est non seulement un gain de place et d’espace pour amĂ©liorer la lecture de ton forum, mais aussi un gain de temps et d’énergie pour toi, codeur.se, graphiste, admin qui doit maintenir ton forum, que de ne pas s’embĂȘter avec 20 diffĂ©rents champs de profil dans un mouchoir de poche, ou des citations vagues pas toujours trĂšs claires ni trĂšs utiles dĂšs qu’il y a un blanc Ă  combler.
C’est un peu la technique Marie Kondo, mais pour les interfaces web, et peut-ĂȘtre en un poil plus radical. If it does not spark joy (ou si ça ne vous est pas utile au quotidien), alors tu peux jeter - ça ne te manquera probablement pas ! Et rien n’est dĂ©finitif. Si finalement, ça s’avĂšre important, tu le verras trĂšs vite !
L’accessibilitĂ© web, c’est tout d’abord pour les utilisateur.rices en situation de handicap, Ă©videmment. C’est trĂšs important, c’est le but prioritaire de l’initiative. Mais si tu peux et veux aller plus loin, ça ne s’arrĂȘte pas lĂ  !
C’est aussi rendre ton forum utilisable et inclusif pour des membres qui n’ont pas forcĂ©ment les moyens de possĂ©der du matĂ©riel dernier cri, c’est le rendre accessible aux potentiels membres qui ne vivent pas dans une grande ville et/ou avec une connexion internet datĂ©e

L’accessibilitĂ© web au sens large englobe tout profil d’utilisateur pouvant ĂȘtre dĂ©favorisĂ©.e d’une maniĂšre ou d’une autre (par des troubles physiques, neurologiques, par leur milieu social, par leur localisation gĂ©ographique
) qui l’empĂȘcherait de pouvoir venir s’amuser avec d’autres joueur.se.s

À titre d’opinion plus personnelle, j’aime aussi penser que l’accessibilitĂ© web dans sa mission la plus large devrait Ă©galement englober l’inclusivitĂ© ; parce qu’un espace, une communautĂ© ou un produit qui discrimine d’une quelconque maniĂšre n’est Ă  mon sens, tout simplement pas accessible par dĂ©finition.
Commence ton nouveau design avec les best practices courantes en tĂȘte, et tiens-toi y au maximum !
C’est peut-ĂȘtre plus facile de commencer de quasi-zĂ©ro, plutĂŽt que de repasser balise par balise sur un code dĂ©jĂ  créé (peut-ĂȘtre par d’autres personnes, peut-ĂȘtre ayant vu passer de nombreuses modifications au fil du temps
 un casse-tĂȘte en perspective).
La base du Blank Theme de Geniuspanda propose une bonne base propre si tu es dĂ©couragĂ©.e par les thĂšmes de base de Forumactif (as you should, c’est un joli bazar).
Parmi les conseils et best practices plus techniques Ă  garder en tĂȘte lorsque tu construis ton design d’interface, en voici quelques-un (mais mes collĂšgues crĂ©ateur.rices ont dĂ©jĂ  beaucoup Ă©crit Ă  ce sujet, quelques liens sont dispo en fin de post !)
âžĄïž Tu connais le laĂŻus des tailles de typo
 on reste Ă  14px minimum pour le texte courant, et des interlignes de 150% de la taille du texte !
Le choix des typographies également est important - garde les zigouigoui fancy pour des gros titres seulement, et fais dans la simple sans-serif/sans empùtements (de type Helvetica/Arial) pour le corps de votre texte !
Les typographies serif/à empñtements (de type Times) sont faites pour l’imprimerie, pas le web
 si tu y tiens, elles peuvent cependant faire de trùs bons titres, si la taille de caractùre est suffisamment grande !
âžĄïž Le gras, l’italique, les couleurs, les paragraphes clairement dĂ©finis
 sont des Ă©lĂ©ments indispensables Ă  la lecture de ton contenu, surtout s’il devient long.
Ils ancrent l’oeil lorsqu’on parcourt la page et nous aide Ă  lire plus rapidement et sans s’épuiser, et attirent notre attention pour mieux se concentrer !
Attention aux choix de couleurs : outre le contraste et les potentiels membres atteint.e.s de daltonisme, n’oublie pas non plus le changement entre light et dark mode, par exemple ! Cette teinte de rouge bordeaux sera trĂšs bien sur fond clair, mais si la moitiĂ© de tes membres utilisent le dark mode, c’est foutu

âžĄïž VIRE MOI CE TEXTE JUSTIFIÉ DE LÀ ! (je rigole zĂ©ro I will die on this hill .) (vas-y, je regarde .) (đŸ‘ïžÂ đŸ‘ïž)
TrĂšve de clowneries, pour le web en particulier, mĂȘme si beaucoup trouvent ça visuellement “satisfaisant”, la justification est un dĂ©sastre de lisibilitĂ©. Les espaces entre les mots d’une police de caractĂšres sont prĂ©cisĂ©ment calculĂ©s pour faciliter la lecture et le mouvement de l’oeil ; par dĂ©faut, la justification dĂ©rĂšgle et dĂ©sĂ©quilibre ce travail.
C’est un mode d’alignement qui est fait pour des paragraphes de texte aux largeurs prĂ©cisĂ©ment calculĂ©es (du genre : colonnes dans un journal) et donc fait pour l’imprimerie, et pas pour des Ă©crans et des interfaces responsive Ă  largeur variable !
âžĄïž Le scroll interne, c’est (pour la majoritĂ© des cas) dĂ©modĂ© : dit comme ça, c’est un peu sensationnel, mais c’est rĂ©el.
Autrefois, on voulait tout caler dans une seule page au maximum, avoir toutes nos informations dĂšs le premier chargement. Certes, avoir les informations importantes en haut de page et mĂȘme above the fold (avant de commencer Ă  descendre dans la page au-dessus de la bordure du bas de la page) est bien, mais ce n’est plus aussi important qu’avant. Dites merci aux smartphones et aux rĂ©seaux sociaux aux scroll infinis, qui nous ont clairement fait accepter le geste comme partie intĂ©grante de notre expĂ©rience web !
N’aie pas peur d’avoir des longues pages : si le contenu est clairement lisible et structurĂ©, ce n’est plus un problĂšme. Il vaut mieux ĂȘtre transparent.e sur la vraie longueur de tes pages d’emblĂ©e et la montrer Ă  tes membres dĂšs le chargement de la page, plutĂŽt que de tout planquer dans des petites pochettes-surprise au scroll interminable et souvent trĂšs Ă©triquĂ©es.
âžĄïž Optimise tes images dĂšs que possible : une image devrait idĂ©alement peser moins de 500Kb, 1MB peut-ĂȘtre maximum si il s’agit d’une image importante (par exemple, un header ou un fond). Limite l’utilisation de gifs animĂ©s au minimum, et veille Ă  ce qu’ils ne soient Ă©galement pas trop lourds. Pour optimiser tes JPEG ou tes PNG, compresse-les sur Photoshop ou similaire Ă  l’export d’abord, puis tu peux Ă©galement les passer Ă  la moulinette Tinypng pour diminuer encore leur poids !
âžĄïž Less is more : laisse respirer ton forum !
C’est important pour la hiĂ©rarchie des informations, et pour pouvoir lire le contenu sans se fatiguer. Un espace vide n’est pas une mauvaise chose !
Alternativement et dĂ©bat peut-ĂȘtre parallĂšle, j’aimerais pouvoir dĂ©construire cette idĂ©e reçue qui s’est Ă©tablie au fil du temps que plus il y a de choses, mieux c’est. Les forums rpg sont victimes d’une course au toujours plus pour se dĂ©marquer, qui est trĂšs “naturelle” d’un point de vue social, concurrentiel et au fil de l’évolution des modes. Ça a aussi toujours Ă©tĂ© au dĂ©triment de l’accessibilitĂ© - ce n’est pas nouveau (fallait voir la gueule des trucs en 2005 je vous jure, on se rend vraiment pas compte du chemin parcouru KDJSHD).
Mais en 2024, non seulement on a des voix pour se rendre compte qu’on peut et doit mieux faire, mais aussi les outils pour ! C’est difficile Ă  intĂ©grer et ce sera une idĂ©e prĂ©-concue qui risque de durer encore longtemps, mais un forum simple et Ă©purĂ© n’est pas un mauvais forum ! Il y a d’autres moyens de construire un univers original, crĂ©atif et visuel que par l’accumulation et le maximalisme ambiant qui s’est installĂ© au fil des annĂ©es, au dĂ©triment de beaucoup d’autres choses importantes (perte de temps de construction/maintenance, pression de la surenchĂšre, diminution des performances techniques/augmentation des temps de chargement, et, Ă©videmment, le manque de lisibilitĂ© et accessibilitĂ©).
Si nos parents (et mĂȘme nous encore) Ă©tions capables de nous projeter dans des jeux de rĂŽle sur table sans rien d’autre qu’un MJ et une fiche de personnage gribouillĂ©e sur un bout de papier, je suis persuadĂ©e qu’on n’a pas besoin de tout ça pour crĂ©er et Ă©crire sur Internet !
Disclaimer de fin
Celleux qui connaissent mes projets pourraient me jeter la pierre du “faites ce que je dis et pas ce que je fais” là dessus, je plaide coupable. Personne n’est parfait, aucun forum n’est parfait !
Le mien comme tout autre a son lot de problĂšmes et de points Ă  amĂ©liorer dont le staff est conscient, pour diverses raisons pour la plupart historiques, et est victime d’une tendance trĂšs personnelle Ă  vouloir ĂȘtre toujours trop exhaustive (mais je me soigne
 un peu
 vous pouvez constater la longueur de ce post, c’est compliquĂ© LOL). Et pour chaque problĂšme rĂ©glĂ©, peut-ĂȘtre que de nouveaux apparaĂźtront ailleurs.
Mais avec le temps, ça se corrige ! Tous ces points sont des choses que l’on peut amĂ©liorer petit Ă  petit, en remettant nos choix en question rĂ©guliĂšrement aprĂšs un peu de recul.
À titre d’exemple, on travaille (lentement) en ce moment sur une grosse refonte du code et du design (le gros de la version actuelle datant de l’étĂ© 2022), avec une nouvelle revue de la typographie et de l’utilisation de l’espace qui se fait Ă©videmment toujours trop tarder, mais aussi avec une emphase particuliĂšre sur l’optimisation des scripts additionnels du forum. AjoutĂ©s rĂ©cemment dans une phase initiale de test pour juger de leur accueil dans la communautĂ©, ils sont cependant mal optimisĂ©s (tournent Ă  vide sur des pages sur lesquelles ils ne sont pas utiles, demandent trop de ressources
). Ils sont mĂȘme aujourd’hui sont une trĂšs grosse cause de nos problĂšmes de performance actuellement, et posent souci Ă  plusieurs membres dont le matĂ©riel a du mal Ă  suivre, ce qui n'est franchement pas viable. Avec cette refonte, on essaie de nous recentrer sur le “oĂč”, “quand” et “comment” : sur quelles pages et Ă  quel moment de mon utilisation du forum ces gros scripts sont-ils nĂ©cessaires ? Comment puis-je les rĂ©organiser avec les outils que Forumactif me propose ?
En conclusion

Si le dĂ©bat ou la dĂ©marche de refaire toute ton interface te fait peur, c’est normal !
DĂ©jĂ , Forumactif n’aide pas (trop - pour mettre le nez dans du vrai webdev quotidiennement, ça pourrait ĂȘtre bien pire, honnĂȘtement. Le service proposĂ© a un potentiel immense pour quelque chose de 100% gratuit !), notre matĂ©riel de base n’est pas optimisĂ© ni facile Ă  comprendre pour les plus novices. Et bordel, un forum, c’est pas juste une page statique, c’est une interface super complexe, quand on y pense !
Mais aussi, il s’agit d’un hobby, et il n’y a pas vraiment de “bon” moyen universel pour essayer d’amĂ©liorer l’accessibilitĂ© et l’usabilitĂ© de son forum. On fait avec notre temps libre et nos connaissances, et si vous n’avez pas le temps et les capacitĂ©s de pousser plus loin que des tailles de police ou d’interligne, eh bien, au risque de me rĂ©pĂ©ter, j’ai envie de dire que c’est dĂ©jĂ  mieux que rien.
Toute initiative peut ĂȘtre une bonne initiative, tant que tu la prends ! La premiĂšre Ă©tape est dïżœïżœĂȘtre conscient.e des amĂ©liorations possibles et d’accepter qu’on devrait mieux faire quand on le peut.
Je ne saurais que vous encourager Ă  entamer la dĂ©marche, le reste viendra en temps et en heure - que ce soit en termes de temps libre, d’énergie ou de connaissances !
Et surtout : demande-toi toujours “pourquoi” đŸ«¶ Merci d'avoir lu jusque lĂ  et : courage, tu peux le faire !!
Quelques ressources utiles
Pour se renseigner
Le manifeste du W3C sur l’accessibilitĂ© web
The ultimate UX Design Thinking par Annie Dai (en Anglais)
Overlay Fact Sheet partagée par @brunswicked
Tutoriels et conseils
La section tutoriels du forum du Blank Theme par @code-lab
Rendre vos forums plus accessibles par @noxeternam
Conseils d’accessibilitĂ© graphique par @andthesunrisesagain
Tips d’optimisation de votre design par @aeroplvne (la bise !)
Installer un dark/light mode par @decrescxndo
Mon petit plaisir du lot pour l’inspiration

Je vous conseille de lire la série de posts de @code-lab sur le développement du design de What Remains (1 - 2 - 3 - 4)
MĂȘme si ça peut paraĂźtre ĂȘtre une dose de travail et de recherche assez Ă©norme pour quelque chose que vous faites dans votre temps libre, c’est simplement trĂšs intĂ©ressant pour observer la dĂ©marche de design dans ses phases de construction et avec des visuels Ă  l’appui !
74 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media
Heal my soul
8 notes · View notes
wyrd-rpg · 1 year ago
Text
Tumblr media
Night is coming
10 notes · View notes