Un outil de conception simple et AMUSANT pour personnaliser Discourse đź‘€

Brève histoire : Je suis un gars de la conception et du développement obsédé par la typographie, l’espacement et l’idée de conception adaptative.

Qu’est-ce que la conception adaptative ? C’est lorsque vous modifiez une police ou une taille de police, et que tout le reste de votre conception s’ajuste pour s’adapter aux nouveaux paramètres.

Si vous avez déjà personnalisé quoi que ce soit auparavant (mais surtout des thèmes WordPress ou Discourse), vous savez que lorsque vous changez une police ou une taille de police, beaucoup de choses peuvent commencer à avoir l’air bizarre.

Cette bizarrerie est due au fait que le changement de polices ou de tailles de police modifie en fait la proportionnalité de votre conception entière. Cela vous laisse donc 2 options :

  1. Parcourir votre CSS et ajuster méticuleusement tout pour accommoder vos nouveaux paramètres, ou…
  2. Utiliser un système de conception puissant qui peut faire tous ces ajustements pour vous.

J’ai passé les 14 dernières années à construire des systèmes de conception qui s’adaptent aux changements de polices, de tailles de police, de couleurs, etc.

Et comme j’utilise (et j’adore) Discourse, j’ai créé un outil pour aider les gens à personnaliser leurs propres installations Discourse.

L’outil est basé sur les principes de la Typographie de la Divine Proportion (GRT), et il s’appelle GRT pour Discourse.

Que fait GRT pour Discourse ?

Vous pouvez sélectionner des variables de conception de base — polices (y compris Google Fonts), taille et couleurs de mise en page — et GRT pour Discourse vous fournira le CSS dont vous avez besoin pour appliquer vos paramètres de conception à votre installation Discourse.

Si vous avez sélectionné une police Google, GRT pour Discourse vous fournira également des instructions sur la façon de l’ajouter à votre environnement.

Pourquoi utiliser GRT pour Discourse ?

Personnaliser correctement un environnement Discourse est une tâche complexe. D’après mon expérience, il faut beaucoup de travail pour maîtriser chaque détail CSS nécessaire pour accommoder les personnalisations ; GRT pour Discourse rend ce processus fastidieux trivial.

Avec la Typographie de la Divine Proportion, vos forums seront plus attrayants visuellement et plus faciles à lire. Et c’est bien de savoir que vous pouvez utiliser différentes polices et couleurs pour étendre votre image de marque à votre installation Discourse.

Peut-être le mieux de tout, GRT pour Discourse distille des heures de travail en secondes. Et cela vous donne la possibilité de tester toutes sortes de combinaisons de polices, de tailles de police et de couleurs de manière rapide.

Avec GRT pour Discourse, vous pouvez tester différents paramètres et trouver le design parfait pour vos forums Discourse.

Combien coûte GRT pour Discourse ?

C’est GRATUIT si vous commencez un Essai Gratuit GRT. Je veux que les gens utilisent GRT pour Discourse et expérimentent la joie et la satisfaction d’une personnalisation facile et précise.

De plus, si vous commencez un essai gratuit GRT, vous aurez accès aux Forums GRT (qui fonctionnent sur Discourse, naturellement). Vous pourrez y voir GRT pour Discourse en action, car j’utilise IBM Plex Sans de 18px (une police Google) ainsi qu’un schéma de couleurs personnalisé.

Une dernière chose…

J’aurais dû le mentionner plus haut, mais une chose intéressante à propos de GRT pour Discourse est la façon dont l’outil fonctionne. Lorsque vous entrez vos paramètres de conception, GRT pour Discourse renvoie une maquette de votre mise en page Discourse afin que vous puissiez voir exactement à quoi ressembleront vos pages de forum avec vos paramètres de conception.


↑ Le panneau de paramètres de conception de GRT pour Discourse

De cette façon, vous pouvez décider si vous aimez ce que vous voyez avant de faire le travail de copier/coller le CSS dans votre installation Discourse.

Essayez GRT pour Discourse, c’est amusant !

7 « J'aime »

Wow, c’est plutôt cool !

Est-ce que cela fonctionne en personnalisant le travail décrit ici ?

3 « J'aime »

C’est vraiment cool. Quel est le coût après l’essai ?

GRT pour Discourse remplace un bon nombre des variables CSS de base de Discourse, mais il inclut également de nombreuses variables propres.

Il fonctionne avec le CSS de base de Discourse dans la mesure du possible, puis il ajoute ses propres remplacements si nécessaire.

Il n’y a cependant pas de correspondance 1:1 avec tout, car la base de Discourse fait certaines suppositions incompatibles avec divers aspects de la typographie du nombre d’or.

Par exemple, GRT produit 6 tailles de police utilisables (f1–f6), et celles-ci sont déployées à l’aide des variables GRT pour Discourse (–grt-size-1, --grt-size-2, etc.), et NON des variables de base de Discourse.

3 « J'aime »

Après l’essai, un abonnement GRT Pro ne coûte que 57 $ par an. Cela vous donne accès à tous les outils du site Web GRT Calculator :

  • GRT pour Email, un produit d’utilisation quotidienne que je prĂ©fère personnellement
  • GRT pour Sites Web
  • GRT pour Discourse

Ces outils fournissent des résultats similaires dans différents médias : votre dimensionnement et votre espacement sont tous optimisés en fonction de la typographie du nombre d’or, et vous avez également la possibilité d’utiliser les styles de formatage de texte GRT dans chaque média.

Pour le dire encore plus simplement, je veux pouvoir exécuter chaque aspect de Attention Design partout où je compose du texte, et les outils GRT m’aident à le faire.

3 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.