Crunchez vos adresses URL
|
Calculez la conso électrique de votre PC
|
Hébergez vos photos
Affichage des résultats 1 à 22 sur 22
  1. #1
    Préambule
    Cela fait bientôt 8 ans (!) que je suis inscrit sur le forum CPC et c'est avec plaisir que je participe à toutes les conversations passionnées qui s'y passe.
    Seulement voila, depuis un petit moment déjà mon petit œil d'ergonome web ne peut s'empêcher de tirer une larme devant la rusticité du forum.
    C'est pourquoi j'ai relevé mes manches pour réaliser un petite maj de style qui se concentre sur l'amélioration de la lisibilité et d'une structure plus flexibles pour diverses résolution d'affichage de la page web.
    Le tout sans nuire à l'ensemble des fonctionnalités existantes, évidemment.

    Au menu
    • Lisibilité
      • changement de typographie (Open sans)
      • ajustement du letter-spacing, line-height
      • ajustement de la longueur de ligne
      • ajustement des couleurs foreground/background
      • ajustement de l'affichage des signatures
      • ajustement de l'affichage des options de post


    • Structure
      • optimisation d'affichage pour desktop full screen/half screen
      • ajustement des margin/padding
      • réduction de la distance entre les éléments de navigations les plus courants (paginations, btn divers)


    Aperçus
    10/08/2017



    Manuel "¿qué?"
    Tout cela fonctionne grâce au plugin Stylish
    disponible pour Firefox et Chrome.

    Une fois installé il vous suffit d'appliquer le style concocté par mes soins:

    Télécharger le style : Canard PC Forum - lisibilité enhanced

    Notes
    Ce plugin est en éternel construction, prenez ce plugin comme une bêta ouverte.
    Aussi j’essaie de faire au mieux avec mes compétences CSS, ce n'est pas mon cœur de métier mais je me débrouille avec ce que je sais.
    Dans tous les cas, n'hésitez pas à partager vos avis/remarques/suggestions.

    J'espère que ça vous plaira !


    journal des maj :
    10/08/2017
    • Thème plus compact qu'auparavant
    • Ajustements de couleurs pour contrer la fatigue occulaire

    24/05/2017 (tout vient à point) :
    Barre de recherche => la barre de recherche s'affiche désormais normalement
    Quoi de neuf ? => ajustmement pour affichage plus compact
    Topics => ajustement pour affiche plus compact

    26/03/2016 :
    - modification : toplinks => background: none;

    11/06/2015 :
    - modification : body width: 80%; => body width: 90%;
    Dernière modification par SouthCross ; 10/08/2017 à 16h14.

  2. #2
    J'aime beaucoup l'initiative, mais comme je navigue sur un portable (1366*768), la feuille de style aère un peu trop les posts et les rend moins lisibles. Est-ce vraiment nécessaire de conserver des marges à droite et à gauche ?
    Citation Envoyé par schouffy Voir le message
    On est sur CPC, pas la peine de comprendre, il faut manipuler les mots jusqu'à bluffer l'autre pour lui faire croire que tu connais mieux le sujet que lui

  3. #3
    "Quelque part dans dans le radar de Southcross ...

    "BIP, BIP, BIP !"

    - Bon sang les mecs reveillez-vous !
    - Quoi, qu'est-ce qui y'a Roger ?
    - Y'a un retour sur le topic qu'on a posté !
    - Tu veux dire qu'il a des gens que ça intéresse ?
    - Ben... C'est vrai qu'on avait un peu perdu espoir, mais je vous l'avais dit rien n'est jamais perdu !
    - Dingue."


    Alors Pancho primo, merci. C'est cool d'avoir un retour sur le boulot.


    Je vois quel est ton problème avec les marges. J'ai pris 3 screens pour comparer :
    http://imgur.com/a/qrMZh#0


    J'ai rajouté les marges pour réduire la longueur de lignes des posts.
    Je m'explique, ça peut paraitre contre intuitif mais l’œil humain s'oriente plus facilement sur un bloc de texte dont la longueur n'excède pas environ 10 mots par ligne (il suffit de prendre un roman pour s'en rendre compte dans la majorité des cas). Nos yeux ont moins de chemin à parcourir ce qui réduit la fatigue visuelle. Aussi sur écran la fatigue de lecture est plus forte que sur papier à cause du balayage et de la luminosité.
    Du coup sur un forum, avec une densité de contenu aussi forte il me semble important d'alléger la charge pour l’œil.

    Alors tu contredira tout de suite en disant "ouais mais comme t'as fait la, je compte 20 mots par ligne, tu serais pas en train de bullshit tes principes par hasard ?"

    C'est vrai, mais j'allais pas réduire le corps du site à 50% de la largeur totale de l'écran (comme sur le 4ème screen) ça devenait ridicule.

    Du coup c'est pas tant le problème de lisibilité qui m'embête maintenant. C'est la hauteur des pages par rapport au style original qui me perturbe.

    Je vais réduire les marges de 10%, tu devrais trouver ton bonheur.
    https://userstyles.org/styles/114558...bilit-enhanced

    Note : Perso j'utilise un écran en 1920*1080 et je cale toujours ma fenêtre sur une moitié de l'écran ce qui revient à utiliser le site sur du 910*1080

  4. #4
    Yop !
    J'utilise ton travail depuis 1 semaine (j'avais cliqué sur ta signature par curiosité depuis le topic Dirt Rally) et à titre perso je trouve ça vraiment très agréable à l'usage.
    Dans l'ensemble ça donne un petit coup de frais et mes yeux lisent plus facilement cette police de caractère. Après c'est une affaire de goût mais je vais rester sur cette mise en forme.

    J'utilise un écran secondaire (sauvé in extremis de la poubelle en changeant 3 condensateurs) en portrait 1024 x 1280 qui me sert à lire de manière générale. Le body width à 90% est plus agréable, il pourrait même être à 100% mais c'est un cas particulier et sur mon écran principal 1920 x 1080 je préférais le 80%

    Une petite capture de mon écran portrait :


    Merci à toi.

  5. #5
    Effectivement, avec le corps de texte plus large, c'est plus lisible sur mon écran de portable. Je suis tout à fait d'accord avec le fait qu'un texte doit être relativement étroit, le problème étant qu'avec des écrans aux caractéristique si différente, on aura un résultat satisfaisant sur l'un mais pas sur l'autre. Surtout que dans mon cas, la barre d'outils de Windows rogne encore la largeur de l'écran : elle est à droite, mais c'est très pratique pour le taf.
    Une autre amélioration possible serait de diminuer la marge en bas de signature. Le texte est un poil trop aéré entre chaque post.
    Citation Envoyé par schouffy Voir le message
    On est sur CPC, pas la peine de comprendre, il faut manipuler les mots jusqu'à bluffer l'autre pour lui faire croire que tu connais mieux le sujet que lui

  6. #6
    Petit souci : les élements des menus "Communauté", "Actions", etc dans le menu du haut sont quasiment illisibles ,la couleur de police est quasiment identique à celle du fond.
    Citation Envoyé par schouffy Voir le message
    On est sur CPC, pas la peine de comprendre, il faut manipuler les mots jusqu'à bluffer l'autre pour lui faire croire que tu connais mieux le sujet que lui

  7. #7
    Merci pour les retours. C'est moi qui suis plus très réactif. Je vais me pencher sur les problèmes et peut-être proposer différentes versions pour les marges. J'espère satisfaire plus de monde comme ça.

  8. #8
    Comme beaucoup, j'ai découvert ton travail au travers de ta signature sur je ne sais quel topic. Je viens de l'installer et effectivement, le forum CPC est bien plus agréable à lire avec tes modifications.

    Un grand merci, et bonne continuation.
    Dernière modification par O.Boulon ; Aujourd'hui à 13h37

  9. #9
    Je préfère l'actuel, mais bon, j'ai une allergie mortelle au flat design

  10. #10
    Up from the dead.
    Oui, ce plugin n'est pas mort.

    Citation Envoyé par Dr00pY Voir le message
    Comme beaucoup, j'ai découvert ton travail au travers de ta signature sur je ne sais quel topic. Je viens de l'installer et effectivement, le forum CPC est bien plus agréable à lire avec tes modifications.

    Un grand merci, et bonne continuation.
    Merci, Dr00py, j'ai changé un micro truc du menu qui me faisait tiquer.

  11. #11
    Merci pour ton travail
    Est-ce que tu envisagerais un équivalent en dark, histoire qu'on puisse naviguer sur le forum passé 23h sans s'exploser les yeux ?

  12. #12
    Merci beaucoup pour ce boulot, c'est vraiment extra sur ma tablette sous Firefox.

  13. #13
    Citation Envoyé par Sahnvour Voir le message
    Merci pour ton travail
    Est-ce que tu envisagerais un équivalent en dark, histoire qu'on puisse naviguer sur le forum passé 23h sans s'exploser les yeux ?
    https://userstyles.org/styles/47391/...ng-alternative

    Tu peux activer deux feuilles de style en même temps J’utilise celle de Skiant et parfois Midnight Surfing Alternative, ça fonctionne très bien.

  14. #14
    Pas mal, j'avais pas de style général qui fonctionne à peu près partout ... Mais un spécifique sera toujours mieux

  15. #15
    Citation Envoyé par Sahnvour Voir le message
    Merci pour ton travail
    Est-ce que tu envisagerais un équivalent en dark, histoire qu'on puisse naviguer sur le forum passé 23h sans s'exploser les yeux ?
    Je vais avoir un peu de temps libre pour essayer une version #222222*TRUEDARK4NERD*
    Je vous préviens quand ce sera dispo.

  16. #16


    Détérrage !
    Pour quelques ajustements :

    Barre de recherche => la barre de recherche s'affiche désormais normalement
    Quoi de neuf ? => ajustmement pour affichage plus compact
    Topics => ajustement pour affiche plus compact

    Suite au Kickstarter réussi de Canard PC Je m'interroge sur l'intêret de continuer à mettre à jour mon thème stylish. En effet, il est prévu une refonte du forum (pour mobile) et j'imagine que les fondations du forum vont totalement changer et rendre mon petit mod stylish caduc.



    Si quelqu'un à des infos la dessus…
    Sinon je vais mener ma petite enquête.

  17. #17
    Nouvelle MAJ:

    10/08/2017
    • Thème plus compact qu'auparavant (mais toujours utilisable sur tablette)
    • Ajustements de couleurs pour contrer la fatigue occulaire

  18. #18

  19. #19
    Ah, c'est revenu! J'ai du cliquer su un truc, d'un coup j’avais tout en bleu avec le logo VBulletin en haut à gauche! En regardant mon profil, j'ai cliqué "style classique" et tout est re-bien. ^^ Pardon du HS ^^

  20. #20
    Citation Envoyé par SouthCross Voir le message
    Suite au Kickstarter réussi de Canard PC Je m'interroge sur l'intêret de continuer à mettre à jour mon thème stylish. En effet, il est prévu une refonte du forum (pour mobile) et j'imagine que les fondations du forum vont totalement changer et rendre mon petit mod stylish caduc.
    Naif

    C'est une promesse vieille comme le forum !
    Et tu sais que les promesses de campagne de kickstarter...

  21. #21

  22. #22
    Rouxor de Koh Lanta Saison 2 Avatar de Rouxbarbe
    Ville
    Vergeroux
    Je viens d'installer le plugin, le fofo fait tout léger dis donc, tout doux

    Par contre l'emplacement des boutons à gauche me perturbe, faudra que je m'habitue...
    Citation Envoyé par znokiss Voir le message
    La Horde du Contretemps.
    #onlytoehider

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •