#j'adore ca

[nexility-sims]

new character alert & i love him, i'm afraid

[sorrydupuis]

fat bitch

[martiniipolice]

miles kane

credit: martini police

[lilias42]

fav character tag game 🌷🌙

Règles : faites un sondage auprès de vos cinq personnages préférés de tous les temps et voyez qui est le favori parmi vos abonnés !

Taggué par @ladyniniane ! Merci pour le défi !

Et pour le retour de tag... je dirais @mwezina , @randomnameless et n'importe qui passant et voulant tenter l'exercice !

[thebusylilbee]

YEEEEEEESSSSSSSSSSSSSSSSSSSSSSSSSSSS

[coffee-without-anesthetics]

the enrichment is Through The Roof

[girafeduvexin]

C'est peut-être moi qui ai mal regardé mais je ne vois pas Tout était dit ni Je voudrais vous revoir dans le tournoi Goldman ?

"Tout était dit" est dans le 28ème match et "Je voudrais vous revoir" dans le deuxième match !

[leleaulait]

Déprime hivernale qui arrive. Il est 13h40 et je suis retournée dans mon lit.

Et en plus Abel a repris sa saison 2eme boulot donc je ne le vois pas de 5h jusqu'à 15h (et encore, c'est juste le début, une semaine avant les fêtes il fait du 5h - 18h..😢)

[marijkeoo]

girls carrying shit (moi avec un bottille de peroni (vide), ma flip phone, et un expresso) dans l'appartement de mon amie for l'action de grace

[andthesunrisesagain]

Conseils accessibilité graphique

Je me dis que c'est le bon moment pour re-poster ce post de 2021 qui trainait dans mon ordi, suite au message de @petrichorpg !

Point à noter :

L'accessibilité, ce n'est pas tout ou rien. On peut améliorer beaucoup de choses et d'autres seront plus difficiles car nous n'avons pas les connaissances, les compétences, le temps ou l'énergie. Le plus important, c'est de s'y mettre.

Même si je suis un fervent admirateur du design dit universel (bon pour tout le monde), l'accessibilité a aussi ses besoins de personnalisation. Certains handicaps, maladies, neuroatypies requièrent des aménagements précis et qui n'iront pas à tout le monde. -> Exemple : des personnes liront mieux en grand, d'autres en petit (vision tubulaire) ; un dark mode hyper contrasté conviendra bien à quelqu'un mais sera trop "bright" pour d'autres (c'est mon cas, j'adore le dark mode mais souvent, les textes sont trop lumineux pour moi).

Mais globalement, les conseils ci-dessous répondent à beaucoup de besoins et permettent d'améliorer l'accessibilité globalement. Ils sont majoritairement issus des recommandations internationales (et sinon, à travers mon expérience de graphiste).

J'ai encore pleins d'idées sous le coude mais bon, là j'ai déjà corrigé certains éléments de cette liste partagée en 2021. On verra pour le reste un jour aha

Je suis ouvert à toute question, clarification et correction en commentaire !

“Mais souvenez-vous que vous ne faites pas ce design pour des designers. Vous concevez un site pour des utilisateurices varié·es aux besoins divers, et avec différents outils pour y accéder.”

(terminologie : user -> utilisateur·trice / dys’ -> raccourci pour évoquer une partie ou l'ensemble des troubles d'apprentissage dont le préfixe est « dys »)

Typographies :

Textes tout en uppercase/capitales :  À éviter sur tout un paragraphe, à garder pour de court mot ou court texte (1 ligne) -> Pourquoi ? Globalement, les textes tout en capitales manquent de lisibilité à cause de l’absence des repères de lectures comme les lettres qui montent (l,d,k) et qui descendent (p,j).En majuscules, toutes les lettres sont à la même hauteur.

Textes tout en lowercase/minuscules : À éviter aussi, les majuscules servent de repère de lecture pour savoir quand une phrase débute ;).

Texte centré : Éviter les textes centrés quand ils sont trop longs (longues lignes ou beaucoup de lignes). -> Pourquoi ? Les lignes d'un texte centré ne débutent pas aux mêmes endroits et la lecture en est impactée. À garder pour de très courts textes type 2 lignes (citation, titre et sous-titre court...)

Texte justifié : Éviter globalement (oui je sais, 98% des forums ont leurs textes justifiés aha....) -> Pourquoi ? Sur le web, on peut difficilement gérer les espaces entre les mots. Un texte justifié va donc créer des espaces + ou - grands entre chaque mot pour combler l'espace et rentrer dans une largeur fixe, ce qui peut complexifier la lecture (l'oeil va plus difficilement sauter d'un mot à l'autre en gros).

Texte aligné sur la gauche : À privilégier au max, surtout les longs textes ! Je sais que le justifié rend plus "esthétique" car tout est aligné. Si on veut les garder, plutôt pour les textes de catégories et privilégier le texte aligné à gauche (dans le jargon on parle de ferré à gauche) pour la majorité des textes type annexes, rp...

Line-height (espace entre les lignes) : Pour les paragraphe, il est recommandé d'avoir un line-height de x1.5 de la taille du texte.  -> Exemple : paragraphe en 16px → 16x1.5 = votre line-height. Pour les grands titres, j'ai tendance à descendre à x1.3 généralement car normalement les titres sont courts et grands.

Letter-spacing (espace entre les lettres) : Éviter de changer les espacements de lettres, surtout sur ce qui est titre et paragraphes. Normalement une typographie a des espaces précis pour faciliter sa lisibilité. En ajouter peut créer des difficultés de lecture.

Niveaux de titres (ce qu'on nomme H1, H2, H3) : Choisir plusieurs niveaux de titres et s'y tenir. Il faut que chaque élément ayant le même niveau d’informations soit dans le même style graphique à chaque fois pour aider à comprendre la structure :) -> Exemple : tous les titres d’annexes = tel css / tous les boutons = tel css / tous les sous-titres = tel css.   -> Partage d'infos en plus : les Hr ont aussi un rôle de structure pour les lecteurs d'écran (logiciel qui restitue vocalement ou en braille l'information écrite. Ils sont utilisés par certaines personnes aveugles, malvoyantes, qui ont des troubles cognitifs...).Je n'en parlerai pas dans cette liste car je n'ai pas de connaissance sur la facilité d'usage de Forumactif avec un lecteur d'écran.

Taille de texte : Sur le web, il est recommandé d'écrire en 16px minimum pour les paragraphes.

Accent et texte : Garder les accents sur les majuscules (À, É) facilite aussi la compréhension des textes.

Largeur de textes : Normalement sur FA, on n'a pas ce soucis, mais on conseille globalement d'avoir entre 50 et 70 caractères, espaces compris, par ligne pour une bonne lisibilité. Le but n'est pas de calculer chaque ligne mais de se rendre compte de ce que ça signifie visuellement ( j'utilise le site compteursdelettres).

Mise en valeur :

Changement de typographie : Éviter les changements de typographies dans des paragraphes pour mettre en valeur des éléments ! Plutôt utiliser le gras, une couleur différente ou un surlignement en couleur discrète (mais visible, faut juste pas que ça soit TROP visible).

Nombre de mises en valeur : normalement, une mise en valeur ne devrait pas être trop présente car sinon...ça voudrait dire que tout le texte est important aha. Restons utile et efficace : un peu de gras, un surlignement si besoin d'avoir 2 CSS de mises en valeur mais ne faisons pas un sapin de noël.

Italique : Utiliser l'italique avec parcimonie (manque de lisibilité sur certaines typographies). En général, l’italique sert pour des citations courtes, des mots en langue étrangère à celle du texte, des noms propres ou d’ouvrages, pas juste pour “faire joli”.

Soulignement : Éviter d’utiliser le soulignement pour des éléments non-cliquable. C'est un code connu et reconnu dans le web pour visibiliser les liens alors autant l'utiliser comme le cerveau s’y attend :)

Liens et infos :

Élément cliquable (bouton, lien, flèche...) : pas trop petit et éviter des éléments cliquables trop proches les uns des autres.   -> Pourquoi ? Une personne qui a des troubles de la vision ou de la motricité pourrait galérer à cliquer au bon endroit si c'est trop petit / trop proche d'un autre élément cliquable !

Lien et css : je conseille toujours de garder le soulignement pour les liens, c'est un code connu du web alors autant de ne pas réinventer la roue. On peut ne pas avoir de soulignement pour ce qui est "logique" (genre les menus, on sait globalement que c'est cliquable) mais un lien dans un texte, on garde le soulignement ! -> Note : Un lien en couleur seule n'est souvent pas suffisant, surtout si on utilise déjà la couleur et/ou le gras pour mettre en valeur (il y a des cas à la marge mais j'essaye de rester efficace).

Cacher du contenu : Éviter de trop dissimuler du texte dans des collapses/accordéons. Plus les textes seront cachés, plus ça créer un sentiment de “mauvaise” surprise chez les users qui se retrouvent à lire 4x plus de texte que ce qu'iels pensaient.

Renseigner ce qu'on va trouver : Sur de longues annexes, ne pas hésiter à préciser le contenu avec une introduction courte qui résume ou avec un mini sommaire. Pourquoi pas y ajouter des ancres (html) pour faciliter la navigation dans l’annexe.Liens entre les informations : Ne pas hésiter en fin d’annexe/contexte à mettre des liens vers d’autres sujets qui serviront à mieux comprendre ce que les membres ont lu juste avant. Pas tous les liens, juste ceux autour des informations évoquées au dessus. En gros, aider les users à mieux comprendre en leur indiquant où se rendre ensuite !

Plan de forum : Sur un site, on conseille d'avoir une page "Plan du site", qui récapitule toutes les pages. Je me dis qu'un post "plan du forum", spécifiquement pour la partie annexe, peut-être très cool.

Couleurs :

Contraste général : Ni trop fort, ni trop faible. Dans les recommandations officielles d'accessibilité, on parle de ratio de contraste. Il existe des outils pour tester les couleurs de texte sur les couleurs de fonds pour voir si on est dans les clous. -> Comment s'y prendre ? Je vous recommande l'outil Color Contrast Analyser qui est un logiciel sur Mac et Windows : vous entrez la couleur de texte (1er plan) et la couleur de fond (2e plan) pour obtenir un ratio de contraste. L'objectif est de viser la conformité sur "texte normal" et "texte grand" du niveau "AA" (je conseille toujours le niveau AA car sinon on rentre dans des choses plus précises type si texte plus de 24px, on peut être moins contrasté etc...)

D'autres site de contraste (si besoin, je serais ravi de faire une vidéo pour montrer comment les utiliser) :  Colorsafe.co ou Contrast-finder

Couleurs pures ou vives : Éviter les couleurs dites pures (noir #000 sur blanc #FFF, etc) ou très vives. Privilégier des nuances comme un noir coloré, grisé ou un blanc cassé, une couleur descendue et pas flashy, surtout pour ce qui est texte ! Même si le contraste sera bon, certaines couleurs trop vives peuvent entrainer des migraines ou autre sensibilité à la lumière.

Gifs : Éviter les gifs avec flash de couleurs ( type spot de soirées) ou flash trop rapides / répétition. Ça peut entrainer une crise d’épilepsie photosensible chez les personnes épileptiques (et aussi des migraines). Ou alors prévenir en amont. Donc à éviter sur des headers, à un moment c'était assez tendance. -

Éléments animés : Toujours laisser la possibilité d'arrêter une animation (ex : un fond de forum qui bouge pour donner un côté grain de vieux film -> on a un bouton qui permet de stopper cette animation.) Ça peut être plus complexe à faire mais une animation qui tourne en boucle, niveau concentration, c'est chaud :/

Information et couleurs : Ne pas signaler une information uniquement par la couleur -> Exemple : "info importante en rouge" ou pour diviser une liste d'info "en rouge les malus, en vert les bonus".  -> Pourquoi ? Les personnes daltoniennes verront le rouge jaune/marron ou rose (il existe plusieurs types de daltonisme). -> Comment ? En plus d'une couleur, on peut accompagner d'un pictogramme, d'un symbole (triangle rouge = telle info ; carré vert = telle info), ou d'un mot, tout simplement. Ne pas oublier la légende ;) En plus, c'est top pour apporter un peu plus d'identité graphique !

Récurrence d'usage des couleurs : Utiliser chaque couleurs pour les mêmes éléments au fil des pages. -> Exemple : Une palette avec du bleu doux , du gris perle et du bleu marine : le bleu doux pour tous les boutons et liens, le bleu marine pour tous les titres, le gris perle pour les separateurs....

Autres :

Poids des visuels : L'accessibilité concerne aussi l'accès à l'information quel que soit notre matériel ou notre type de connexion. Tout le monde n'a pas la fibre et des headers de 3 mo (oui j'a déjà vu :/) peuvent être très pénibles à charger. -> Conseils : N'oublions pas de diminuer le poids de nos images en passant par des logiciels de compression (compress jpg ; compress png ; compress gif). Il est toujours possible de trouver le juste milieu entre qualité et poids !

Laisser la parole : que ce soit dans un post dédié, un questionnaire en ligne et anonyme, par MP au staff ou dans la fiche de présentation (le forum Maybe this time le propose par exemple), on peut intégrer la possibilité de faire des retours d'accessibilité ou préciser des besoins précis. On ne peut pas penser à tout et peut-être qu'un besoin remonté par un·e membre aidera d'autres qui n'ont pas osé en parlé !

Pour aller plus loin :

En anglais : conseils sur les couleurs pour les personnes avec des handicaps visuels

Designing-for-color-blind-users

Colour-accessibility

En français : accessibilité, design, webdesign

Le site design accessible

[code-lab]

Conditions d'utilisation du Blank Theme

Le Blank Theme est gratuit et le restera à jamais ✨

Les codes de base du Blank Theme sont 100% personnalisables ! Il n'y aucun problème à ce que l'on ne reconnaisse plus le Blank après vos modifications (et si c'est le cas, gg!)

Il est possible d'utiliser partiellement Blank Theme (juste un template ou un élément CSS).

Offrez-vous un peu de visibilité en partageant votre forum sur le Blank 👏 J'adore voir vos créations ! Plus, ça permet de me garder motivée en voyant mon travail utile à d'autre.

En plus de la documentation, il existe une section tutoriel qui regroupe plein de truc et astuce pour vous aider à customiser vos thèmes.

Vous pouvez partager vos propres tutoriels à la communauté ! Pas besoin d'être professionnel. Tout créateur.rice.s de forum à des petits codes sous le coude qu'iels utilisent de projet en projet, c'est l'endroit où les partager pour qu'ils servent au plus grand nombre.

Vous avez le droit de : - créer des maquettes basées sur le Blank Theme - créer vos propres libre-service basées sur le Blank Theme - vendre vos créations (commission, libre-service, ...) en utilisant le Blank Theme

Peu importe ce que vous créez avec le Blank Theme, vous pouvez me contacter pour me le montrer/m'en parler. Je me ferais une joie de repartager votre travail.

Évidemment que vous avez le droit de proposer une alternative au Blank Theme, l'idée ne m'appartient pas ! J'ai moi-même eu l'idée grâce aux thèmes de base de Tumblr.

Créditez le Blank Theme en le mentionnant où vous voulez avec un lien de renvoi vers son site. Pas besoin de mettre mon pseudo! c'est simplement pour le faire profiter à d'autre qui en aurait besoin comme vous. 🙏

Créditez tout les codes extérieurs utilisés par le Blank Theme. C'est aussi grâce à au travail de ces personnes que j'ai eu l'idée de ce libre-service !

Je me rendre disponible pour échanger, aider ou partager alors n'hésitez pas ! Ca me fait toujours plaisir !

Et enfin, si vous le souhaitez, vous pouvez également me soutenir avec un KoFi. ☕

[hedgehog-moss]

Bonjour, Mon rêve absolu est d'habiter à la campagne, dans un endroit très isolé et sans voisins. Mais j'ai la phobie des chasseurs, et je ne sais pas comment je vais faire pour les supporter. Je randonne beaucoup en campagne, et j'en croise énormément, ou bien je me retrouve au milieu de battues (je suis pourtant sur des circuits de rando). Je vois des amorces de cartouche près des maisons, aussi. Bref, je me demandais : comment fais-tu avec eux ? Merci pour ton blog, si beau et reposant ! <3<3

Salut :) Je compatis vraiment, la chasse est une plaie... Ils sont censés disposer des panneaux 'battue en cours' mais pareil je croise souvent des chasseurs & chiens en forêt sans avoir vu le moindre panneau. (Une fois j'ai vu un chasseur en train d'installer tranquillement son panneau à 100m de chez moi – j'ai été le voir en mode faudrait peut-être songer à pas se foutre du monde et il a dit qu'il ne s'était pas rendu compte qu'il était si près, alors qu'on voyait ma maison depuis l'endroit où il mettait le panneau...)

Ils aiment bien prétendre être l'ultime rempart entre l'honnête citoyen et une incontrôlable invasion de sangliers mais j'ai dû batailler pendant un an pour qu'ils arrêtent de poser des tonneaux pleins de maïs dans mes bois pour attirer les sangliers, donc bon. Arrêtez de les gaver déjà ? Ils élèvent aussi des faisans pour les mettre en liberté la veille d'une battue, les pauvres pitchouns n'ont aucun instinct de survie (se laissent approcher sans problème, errent au milieu des routes d'un air paumé...), ça doit être aussi gratifiant que de chasser des poulets de batterie. C'est vraiment le sketch des Inconnus où ils arrivent avec leur propre galinette et se mettent à quatre pour lui tirer dessus dès qu'elle sort de sa cage.

Bref je n'ai pas vraiment de solution, j'imagine que les options se résument à : 1. Parler de ta problématique aux maires des communes quand tu en seras à prospecter, pour savoir s'il y a des espaces protégés ou plus sûrs — sur les hauts plateaux derrière chez moi il doit y avoir peu de gibier par rapport aux coteaux boisés, je n'y vois jamais de chasseurs par ex 2. S'adapter comme les chevreuils pour devenir un animal nocturne et faire ses balades la nuit. Bon personnellement j'adore me balader la nuit, il y a plein d'animaux sauvages et de beaux ciels étoilés, mais c'est vrai qu'on ne profite pas trop des paysages ! 3. Ne se balader que chez soi de septembre à mars, si on possède un terrain avec quelques champs ou une parcelle de forêt, puisqu'on peut faire interdire la chasse dans les terrains privés (c'est pas foolproof mais à force de râler on y arrive...), et ne s'aventurer plus loin que hors saison :/ 4. j'allais ajouter : s'installer à proximité d'un parc naturel ou une forêt protégée, mais je viens de vérifier et apparemment la chasse est quand même autorisée dans la plupart de ces zones >< J'ai une forêt protégée près de chez moi où chasse & exploitation sont interdites, mais ça doit être au cas par cas pour savoir ce qui est autorisé ou pas dans une forêt donnée, et les autorisations peuvent changer (comme dans le parc naturel du Vercors je crois où ils avaient interdit puis ré-autorisé puis ré-interdit la chasse en l'espace de 3 ans...)

Pandolf a horreur des chiens de chasse et il entend les battues bien avant moi et ça le fait grommeler, donc avoir un chien peut aider, au moins pour être alertée de la présence de chasseurs à proximité, surtout les jours de mauvaise visibilité. Je me souviens d'une fois où il s'était mis à grogner sans que je sache pourquoi (on était chez nous), je vais voir au fond du pré et au bout d'un moment j'entends un coup de fusil au loin et c'était un jour de brouillard épais où on ne voyait pas à cinq mètres, faut vraiment être un branquignol pour chasser dans ces conditions... Mais même si on arrive à mettre la main sur un interlocuteur auprès de qui se plaindre on reçoit en gros le message "ah oui c'est pas très autorisé ça mais bon ma bonne dame faudra vous y faire, vous êtes à la campagne, y'a des chasseurs"

[sloubs]

cet aprèm j'encaisse deux ados genre deux filles de 14-15 ans, je finis de les encaisser et là au moment de leur dire au revoir y a l'une d'entre elle qui me dit "au fait vous êtes magnifique"

j'étais là en mode ??????que????

et les deux qui me font "non mais vraiment j'aime trop votre style, votre maquillage et vos cheveux courts et vos piercings enfin vous êtes trop belle"

MAIS À QUEL MOMENT ON EST MIMI COMME CA ??? j'adore les filles purée

[doublxpresso]

Hi !!

( Warning ⚠️: I'm sorry, but I don't speak English very well (⬅️I don't even now if I can say that...) but I really really want to tell you something, so I'm gonna use french, and if you can't use a translator, tell it to me, I'll do my best to say it again in english 😔🙇🏻, sorry again)

Bon

Je voulais vraiment te dire que tes fanfictions link click m'apportent beaucoup de réconfort et de joie dans ma vie, c'est pas grand chose, mais c'est sincère !

Je voulais aussi te proposer quelque chose : je suis pas doué pour traduire du français en anglais, mais je peux traduire de l'anglais au français ! Alors si tu es intéressé par traduire t'es fanfictions en français, je suis là ( gratuitement, je précise, c'est juste parce que j'adore les tiennes, j'ai pas de diplôme de traduction, ou autre )!!

Thanks again, and keep doing wonderful things like that ❤️

PS : sorry, there's not really they/them pronouns in french, and I don't how to use them in french....

Amane

Salut Amane,

Bah du coup pas de soucis, il se trouve que je parle français haha!

Ca me fait super plaisir de lire ça, content que mes comics te plaisent! Je ne comptais pas du tout les traduire en français moi-même, alors si tu veux le faire, pas de soucis! N'oublies juste pas de me créditer si tu les repostes ^-^

En tout cas merci de m'avoir laisser un message malgré la barriere de langue, ça me fait super plaisir! (et ouai je sais, chiant les pronoms en français haha) Merci beaucoup <3

[mel-et-ses-histoires]

J'adore marcher vite dans les couloirs, ca fait voler ma blouse comme une cape.

[e642]

Quelques anecdotes du WE:

- hier mes parents m'ont appelée et ils savaient très bien que j'étais avec mon mec et que jsuis toujours en haut parleur et la première phrase de mon père ca n'a pas été "ça va ?", "Bonjour ?", non. Ça a été "alors tu l'as quitté ?". Le moment a été long. Le pire c'est qu'il n'a pas réagi il a fait comme si de rien n'était malgré le fait qu'on en ait bien parlé la semaine dernière (à mon initiative tjrs). Le déni est un met goutu.

- tout a l'heure mon mec est parti à son match de basket et je suis pas venue pour multiplies raisons comme flemme et travail (g pas mieux travaillé mais les angoisses de travail et de productivité reviennent) et ses parents ne savaient pas que je venais pas. Ils sont divorcés donc j'ai eu son père au tel et il m'a dit "oh non purée, on se serait trop régalé si t'avais été là !" et sa mère juste après "du coup si tu viens pas jsp pk je viens" jpp. Du baume au coeur clairement. Pk ils m'aiment tant je comprends pas.

- mon ascenseur est en panne pour 3 semaines et je suis au septième étage. Je crois pas que ce soit nécessaire d'en dire plus.

- me suis pris la tête avec une vieille meuf qui fait partie d'un travail de groupe. On avait un oral de présentation en anglais sur des articles et c'est moi qui devait parler pour le groupe évidemment. Elle avait rien préparé, pas lu son article, zéro résumé à me faire pour que je condense et m'organise donc j'ai dû le faire en plus du reste. Jfais l'oral. La meuf se barre en plein milieu. Pas un merci, r. Ce matin sur le groupe WhatsApp elle envoie un "bon faut qu'on se cale un moment tel jour pour faire le travail, on prend du retard à cause de vous blabla". Déjà le culot. Ensuite, j'avais mal regardé mon edt et jlui rep que je peux pas j'ai cours. Elle me rép que je sais pas lire en m'envoyant le screen de l'emploi du temps. J'ai cru la démarrer. J'ai vraiment écrit "super maintenant que tu nous as montré que tu savais lire et comprendre qqc, fais pareil avec les prochains articles stp". C'est parti en menace dans le groupe jpp.

- on a vu le meilleur pote de mon mec ce WE et j'adore ce gars, en fait on s'est proclamé Bestie ya un an quand mon mec et sa meuf nous ont relevé leur tromperie le même jour. Il s'est tissé une belle relation mdrr. Du coup hier on s'est baladés dans nice, on va dans un magasin et yavait des bracelets best Friend for ever. On en a acheté du coup c'était génial. Quel bonheur. Pas hâte de le perdre quand on se séparera but that's life.