#code

[programmerhumour]

Ai wIlL rEpLaCe Us

[fuzzyghost]

[the-marvelous-geek]

Borushiki vs. Kawashiki and Boruto's death - Boruto: Naruto Next Generations - ep. 292

We got a glimpse of how an actual fight between Momoshiki and Isshiki might ensue.

[code-lab]

WHAT REMAINS DESIGN (3/?)

J'ai pour habitude de maquetter tout l'index du forum donc j'aurais dû vous parler du QEEL et du footer. Sauf que j'ai tendance à passer du temps dessus et bloquer pour des raisons que j'évoquerais plus tard.

Je me suis rendue compte avec un précédent projet qui n'a pas abouti que j'avançais mieux en passant directement à l'affichage des sujets.

C'est une des page qu'on voit le plus après les catégories selon moi donc ce que j'en ferais m'aiderait à concevoir le reste du forum.

Donner une utilité à la bannière

C'est une des idées dont je suis le plus fière sur ce projet. Ok j'ai la flemme de faire des bannières et des PA élaborée mais autant rendre cette flemme utile mdr.

J'aime beaucoup les bannières de fond, les homepage full screen, car elles sont très immersive. Leur problème (à cause de la structure de FA) c'est qu'elles sont présentes sur toutes les pages. A termes, c'est juste pénible de scroller pour atteindre le contenu de la page.

En gardant l'image de fond et en remplaçant le titre du forum par le titre du sujet je trouve que ça permet de mettre le contexte/utilité de la page plus en avant.

Néanmoins avec cette idée il fallait résoudre un problème technique. Le haut des pages d'un forum sont générés par le template overall_header (au-dessus du bandeau de pub) et que les titres de sujet et autre infos sont dans le template viewtopic_body (sous la pub). Petit tour de magie pour cela, j'ai créé un bloc avec tout les éléments (titre, boutons...) et j'ai simplement utilisé la fonction .appendTo() pour déplacer le tout dans le bloc #header sur toutes les pages à l'exception de l'index. (S/O à @1019-code pour m'avoir aidé sur ça!)

Recyclage des posts

Pour les post eux-mêmes, j'ai rien réinventé. On adorait notre travail sur les posts de No Humanity (précédent projet de @frenchandfurious) donc vous reconnaitrez sans mal les similitudes.

J'ai également proposé à Margot le choix de se débarrasser du bloc d'information de profil sous l'avatar, persuadée qu'elle allait me dire non. Quand elle m'a dit "ok" sans hésité j'ai compris que j'avais carte blanche pour beaucoup de chose mdr. Pourquoi ce choix ? Bah, sans détour, je trouve ça moche. On a tendance à écrire des pavés dans un bloc qui fait 200px de large, réduire la taille du texte en 11px pour que l'effet justifié ne sépare pas les mots et on y met tellement d'info qu'on fait des onglets. Ceux qui ont codé des onglets de profil savent à quel point c'est CHIANT à faire.

J'aime l'idée de résumé brièvement le perso en quelques informations clés : âge, occupation, allégeance, habitation (et encore habitation je le trouve peut-être de trop (pardon Margot j'allais t'en parler)). Idée qui tient aussi parce que je savais que j'allais travailler un profil en pop-up (plugin wombat par Monomer) plus important.

Aussi, très contente d'avoir une structure suffisamment épurée et large pour avoir une police à 15px !

Pour le côté technique, ça se tient essentiellement au super script de Flerex et le retour de .appendTo() partout. Et devinez quoi ? C'est une fonctionnalité déjà incluse dans le Blank Theme ! Et oui, vous êtes nombreux à me demander comment déplacer des champs de profil alors que j'ai déjà tout mis à disposition 😎

Footer de post

C'est un élément que j'ai retrouvé sur beaucoup de forum et j'avais vraiment envie de l'appliquer ! Ca remplace un peu l'onglet "hors rp" et identifie super vite la personne derrière l'écran. Je crois que ça nous vient pas mal des forums anglophones et illustrés.

Voici une liste des forums que je me souviens avoir pris comme source d'inspiration :

fivemoreminutes.forumactif.com/

withoutawarning.jcink.net

lostangels.jcink.net (ancien design)

Oui meh

Je suis aussi contente du résultat mais je pense que les posts seront sujet à amélioration dans des futures versions.

Je savais pas où mettre les liens de gestion (date, editer, supprimer, citer...) alors je les ai sorti de la structure mdr. C'est pas hyper malin en terme de responsive design, ça doit être coupé sur certain écran.

Je trouve que c'est une solution un peu facile le petit dégradé de couleur des groupes en coin. Ca mériterait d'être utilisé plus judicieusement comme sur No Humanity.

L'intégration de l'avatar me fait douter. J'avais tenté un effet ambilight sur la maquette mais bof.

Margot tenait à un champs libre sous l'avatar et je sais que beaucoup de joueur l'aime aussi. Perso, j'en suis pas fan. A voir comment je peux mieux travailler son intégration.

Je me suis rendue compte en faisant ce post que j'avais pas mis la petite citation des joueurs sous l'avatar mdr

[graphics-cafe]

[capuccinofluffly]

ㅤㅤ꒰ㅤㅤ୨ㅤㅤb͟u͟n͟n͟i͟e͟sㅤㅤ🥕ㅤㅤ:

  ֢       ࣪ ㅤㅤ♡︎ㅤㅤ𝟤𝟧.𝟢𝟤.𝟤𝟤ㅤㅤ!!ㅤㅤ𔓕

ㅤㅤㅤ ﹢ㅤㅤ⏜ ㅤㅤ  ꒰  🥨  ꒱ㅤㅤ𓈒

ㅤ  @usuarioㅤ . . .ㅤ 𝗆𝗒  𝖻𝖾𝗅𝗈𝗏𝖾𝖽.

ㅤㅤ  ㅤ:ㅤㅤ𝟶𝟸 . 𝟶𝟸 . 𝟸𝟸ㅤㅤ♡゙

ㅤㅤ🕯️ㅤㅤ੭ㅤㅤ 𝆬 ㅤㅤ𓏸ㅤㅤ𝗁𝖾𝗋'𝗌.

ㅤㅤc͟u͟a͟r͟z͟o͟s d͟o͟r͟a͟d͟o͟sㅤ𓈒ㅤ ✧ㅤ ꒪

ㅤㅤ♡⃞⏜ㅤㅤ💋?ㅤㅤ◌ㅤㅤ𝖽𝗈𝗅𝗅.

ㅤㅤ꒰ㅤ⠀۫ㅤㅤ* 𝗖𝗼𝖽𝖾 *ㅤㅤ𓈒ㅤㅤ˚.்

  ㅤMessycorw on pinterest and twitter.   🐰!!

 ࣪ 𔓕݂  ݁ ノ BIOS ⩇⩇:⩇⩇ ˚.் (꜆˘͈ෆ˘͈꜀)

•Don't repost

•No repostear

Reblog if you use something

Reblog si utilizas algo

[cf-12]

Arrival (2016)

[minzbins]

dorks 😭💞

[its-h3llkitty]

[computer-nerd-girl]

[programmerhumour]

This applies especially to the county where I live

[xiabablog]

[gameraboy2]

1966 Batman code

[dustrial-inc]

Playing around with generative movement.

[xiacodes]

I've seen a lot more people coming on Tumblr who are starting their coding journey, which is great! If you're just starting out with coding, here are a few tips that can help you get started and improve your skills:

1. Start with a language that is simple and easy to learn - These languages are designed to be beginner-friendly and will help you get a feel for the basics of coding. E.g. Python

2. Work through tutorials and online courses to learn the fundamentals of programming - There are many free resources available online that can help you get started, such as Codeacademy and Khan Academy.

3. Practice, practice, practice! - The more you code, the better you will get. Try to solve problems and write small programs on your own to improve your skills.

4. Don't be afraid to ask for help when you need it - There are many online communities, forums, and subreddits where you can get help and support from other programmers.

5. Keep learning and expanding your knowledge - As you gain more experience, try to learn new languages and technologies to broaden your skillset and improve your ability to solve complex problems.

I hope this helps and happy coding! 💻👍🏾❤️

*Advice from developers on Twitter and YouTube and my instructors