Journal Modifications de Nightgrey

Posté par (page perso) . Licence CC by-sa
Tags :
6
30
déc.
2011

Cher utilisateurs de nightgrey (je ne parle pas d'un logiciel obscur mais de la CSS pour LinuxFr),

Je suis passé à un thème sombre pour mon bureau, j'ai donc voulu faire de même sur ce site, j'ai essayé la CSS nightgrey et j'ai vu qu'il y avait quelques bugs, j'ai sorti Firebug pour tester, je me suis pris au jeu et j'ai carrément commencé à corriger ces bugs (alors que je n'ai quasiment jamais fait de CSS avant).

Tout ça pour dire que j'ai donc un lien vers une version corrigée de nightgrey. Si vous êtes intéressés, j'attends vos remarques, ce n'est pas encore parfait (loin de là), mais ça devient nettement plus lisible. J'avais initié une entrée de suivi, mais je l'ai beaucoup améliorée depuis.

Pour ceux qui n'utilisent pas nightgrey (et il y en a) et pour rester dans le sombre, une Nimage.

  • # Nimage

    Posté par . Évalué à  5 .

    Gronoeilles est déguisée en courtney love ?

  • # Suggestions

    Posté par . Évalué à  3 .

    Si vous êtes intéressés, j'attends vos remarques, ce n'est pas encore parfait (loin de là), mais ça devient nettement plus lisible.

    Je suis intéressé ! Merci d’améliorer la CSS la plus agréable à mon goût.
    Cela dit, est-ce ta version qui est en place sur le site (quand je la récupère avec wget, je n’ai pas de passages à la ligne, alors ce n’est pas facile à dire) ? En tout cas, elle est déjà sensiblement différente de l’originale.

    Un petit défaut d’aspect selon moi est l’aplatissement des avatars dans les journaux, alors qu’ils gardent leur pleine taille dans les commentaires, où ils sont à mon goût trop présents.

    Voici la modification que j’utilise pour les réduire mais en gardant la proportion (avec une tentative de fallback non testée pour les navigateurs qui ne supporteraient pas tous les attributs) :

    --- nightgrey_Xavier_Claude.css 2011-12-30 22:57:37.000000000 +0100
    +++ nightgrey.css 2011-12-31 10:33:04.249129874 +0100
    @@ -682,7 +682,12 @@
         float: left;
     }
     article figure.image img {
    -    height: 38px !important;
    +    max-height: 38px !important;
    +    height: auto !important;
    +    height: 38px;
    +    max-width: 57px !important;
    +    width: auto !important;
    +    width: 38px;
     }
     article figure.image {
         border: 2px solid #909080;
    @@ -779,6 +784,12 @@
     .comment .avatar {
         float: right;
         margin: -28px 50px 0 10px;
    +    max-height: 3.5em !important;
    +    height: auto !important;
    +    height: 3.5em;
    +    max-width: 5.25em !important;
    +    width: auto !important;
    +    width: 3.5em;
     }
     footer .vote, footer span.action {
         margin-left: 5px;
    
    

    Sinon, la prévisualisation (en tout cas des commentaires) gagnerait peut-être à avoir la même couleur de fond que les commentaires déjà postés. Pour ce commentaire par exemple, le code est à peine lisible sur la prévisualisation, faute de contraste.

    Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

    • [^] # Re: Suggestions

      Posté par (page perso) . Évalué à  3 .

      Cela dit, est-ce ta version qui est en place sur le site

      Non, pas encore. J'essayerais de l'intégrer quand j'aurais corrigé suffisamment de bug pour que j'arrête de la changer toutes les heures.

      Voici la modification que j’utilise pour les réduire mais en gardant la proportion (avec une tentative de fallback non testée pour les navigateurs qui ne supporteraient pas tous les attributs) :

      Merci, je l'ai intégré.

      Sinon, la prévisualisation (en tout cas des commentaires) gagnerait peut-être à avoir la même couleur de fond que les commentaires déjà postés. Pour ce commentaire par exemple, le code est à peine lisible sur la prévisualisation, faute de contraste.

      Normalement, c'est corrigé dans ma css hébergée sur http://www.claudex.be/nightgrey.css

      « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

      • [^] # Re: Suggestions

        Posté par . Évalué à  2 .

        Normalement, c'est corrigé dans ma css hébergée sur http://www.claudex.be/nightgrey.css

        Impeccable, merci.
        Du coup j’utilise maintenant directement ta CSS (jusqu’à ce qu’elle remplace la version du site). Préviens si tu t’héberges sur de l’ADSL !

        Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

        • [^] # Re: Suggestions

          Posté par (page perso) . Évalué à  2 .

          Préviens si tu t’héberges sur de l’ADSL !

          Non, c'est un serveur chez Gandi, en plus avec le cache du navigateur, ça ne doit pas faire beaucoup de traffic.

          « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

  • # Autre suggestion

    Posté par . Évalué à  3 . Dernière modification : le 31/12/11 à 11:29

    Fallait pas demander des remarques...

    Un petit défaut du point de vue pratique selon moi, c’est que sur les commentaires masqués par le seuil, le nom de l’auteur et le score courant sont masqués aussi. Ce serait pourtant une info pertinente pour évaluer si un commentaire peut mériter qu’on le démasque ou pas.
    Il me semble que la CSS par défaut laisse ces informations visibles.

    Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

    • [^] # Re: Autre suggestion

      Posté par (page perso) . Évalué à  3 .

      Fallait pas demander des remarques...

      Justement, c'est le but.

      Il me semble que la CSS par défaut laisse ces informations visibles.

      C'est ajouté

      « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

      • [^] # Re: Autre suggestion

        Posté par (page perso) . Évalué à  2 .

        C'est ajouté

        Ah, ça a fait revenir le bug de décalage des avatars. À recorriger.

        « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

      • [^] # Re: Autre suggestion

        Posté par . Évalué à  2 .

        C'est ajouté

        Génial ! Merci.

        Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

  • # Merci

    Posté par (page perso) . Évalué à  3 .

    merci merci merci merci !

  • # Retrait

    Posté par . Évalué à  2 .

    Si je peux me permettre une critique (il ne fallait pas demander nos remarques) : un truc dont je ne suis pas fan sur ta version, c’est le retrait horizontal en début de paragraphe.
    S’il apparaissait après chaque retour chariot, il pourrait améliorer la lisibilité des textes trop compacts, mais il apparaît uniquement sur la première ligne et après une ligne blanche, donc il est redondant et à mon sens, il alourdit la mise en page plus qu’il ne l’éclaircit.

    Si le texte comprend des paragraphes de moins d’une ligne, ils se retrouvent décalés par rapport à ceux qui font plus d’une ligne.
    Si quelqu’un dresse une liste avec juste un retour chariot entre chaque élément le premier élément est décalé.

    Je préférerais donc pas de retrait du tout ; peut-être un petit espacement vertical pour tous les retours chariot. Peut-être d’un quart de ligne, au plus d’une demi-ligne, il faudrait essayer.

    Sinon un truc qui concerne aussi bien la version en place : certains liens déjà cliqués apparaissent en rouge très sombre sur gris foncé. C’est quand même très peu lisible.

    En tout cas, mes meilleurs vœux pour 2012.

    Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

    • [^] # Couleurs des liens

      Posté par . Évalué à  2 .

      Sinon un truc qui concerne aussi bien la version en place : certains liens déjà cliqués apparaissent en rouge très sombre sur gris foncé. C’est quand même très peu lisible.

      En fait, ça le fait aux endroits où les liens cliqués apparaissent sur le fond gris foncé (comme par exemple « Retourner au contenu associé » dans la page « Écrire un commentaire »).
      J’aurais bien l’idée de mettre le gris moyen actuel des liens non cliqués pour les liens cliqués et de le rendre un peu rouge sans changer la luminosité pour les liens non cliqués. Ce serait plus à mon goût, mais cela trahirait peut-être un peu l’esprit original du thème...

      Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

    • [^] # Re: Retrait

      Posté par (page perso) . Évalué à  2 .

      un truc dont je ne suis pas fan sur ta version, c’est le retrait horizontal en début de paragraphe.

      Moi j'aime vraiment (comme quoi, les goûts et les couleurs). Le problème, c'est que les gens utilisent mal les paragraphes (c'est par pour rien qu'au début le retour chariot n'était possible qu'avec un \ en fin de ligne) de mon point de vue. Par exemple, dans ton commentaire, pourquoi faire un retour chariot au milieu du nouveau paragraphe plutôt que de le continuer ou alors de créer un nouveau paragraphe?

      Mon but est d'ajouter cette modification dans la CSS par défaut (je ne sais pas si ce sera accepter) pour que les gens voient mieux ce que représente le retour chariot par rapport au nouveau paragraphe.

      Sinon un truc qui concerne aussi bien la version en place : certains liens déjà cliqués apparaissent en rouge très sombre sur gris foncé. C’est quand même très peu lisible.

      J'ai corrigé ça à certains endroits (au dessus du tableau de bord, dans les liens de bas de page…) mais je n'ai pas encore tout listé.

      « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

      • [^] # Re: Retrait

        Posté par . Évalué à  2 .

        Moi j'aime vraiment (comme quoi, les goûts et les couleurs).

        J’ajouterai à mes remarques précédentes que sur les journaux et dépêches, avec le décalage des premières lignes dû à la note, ça peut faire quatre retraits différents en cinq lignes !

        Par exemple, dans ton commentaire, pourquoi faire un retour chariot au milieu du nouveau paragraphe plutôt que de le continuer ou alors de créer un nouveau paragraphe?

        Pour aérer un peu... sans pour autant aérer trop (je suis Normand :-) ).
        S’il y avait un paragraphe à chaque retour chariot comme dans un traitement de texte (et un espacement horizontal ou vertical mais pas une grosse ligne blanche), je passerai probablement en plus une ligne entre des paragraphes dont les idées ne sont pas liées.

        Le problème, c'est que les gens utilisent mal les paragraphes (c'est par pour rien qu'au début le retour chariot n'était possible qu'avec un \ en fin de ligne) de mon point de vue.
        Mon but est d'ajouter cette modification dans la CSS par défaut (je ne sais pas si ce sera accepter) pour que les gens voient mieux ce que représente le retour chariot par rapport au nouveau paragraphe.

        Qu’est-ce qui est le plus facile à adapter : les gens ou la technique ?

        Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

        • [^] # Re: Retrait

          Posté par (page perso) . Évalué à  2 .

          Pour aérer un peu... sans pour autant aérer trop (je suis Normand :-) ).

          Justement, ça n'aère pas plus (il n'y a pas d'espacement différent). De plus, ça ne se voit pas forcément avec la largeur de l'écran de celui qui lit le commentaire qui penserait à un retour à la ligne normal.

          Qu’est-ce qui est le plus facile à adapter : les gens ou la technique ?

          La technique est impossible à adapter à cause des utilisation différentes. Le mieux, c'est d'inciter les gens à fonctionner de la même manière grâce à la technique.

          « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

      • [^] # Syntaxe d’édition

        Posté par . Évalué à  2 .

        Moi j'aime vraiment (comme quoi, les goûts et les couleurs). Le problème, c'est que les gens utilisent mal les paragraphes (c'est par pour rien qu'au début le retour chariot n'était possible qu'avec un \ en fin de ligne) de mon point de vue.

        À la réflexion, c’est la syntaxe d’édition qui est mal foutue :

        • tout retour chariot sauf bloc de code ou syntaxe non triviale devrait générer un nouveau paragraphe avec, selon le style, un espacement vertical pas trop grand ou un retrait horizontal (en évitant de générer d’autres décalages horizontaux avec le placement de certains éléments) ;
        • une ligne blanche devrait être une ligne blanche.

        Le pire, c’est que le changement de paragraphe par ligne blanche devrait permettre par exemple d’insérer une liste dans un paragraphe... sauf que ce n’est pas possible.

        Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

        • [^] # Re: Syntaxe d’édition

          Posté par (page perso) . Évalué à  2 .

          tout retour chariot sauf bloc de code ou syntaxe non triviale devrait générer un nouveau paragraphe avec, selon le style, un espacement vertical pas trop grand ou un retrait horizontal

          Ce serait bien mais en pratique, ce serait horrible. Il y a plusieurs utilisateurs qui écrivent avec un nombre de colonne limité, cela donne sur des résolutions autre que les leurs des phrase du genre (les retours en trop sont là pour montrer le résultat final).

          Lorem ipsum dolor sit amet, consectetur adipiscing
          elit.
          Etiam facilisis, nisl sit amet pharetra sodales,
          purus
          orci suscipit nisi, sed semper metus metus dignissim
          felis.

          « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

          • [^] # Re: Syntaxe d’édition

            Posté par . Évalué à  2 .

            Ce serait bien mais en pratique, ce serait horrible. Il y a plusieurs utilisateurs qui écrivent avec un nombre de colonne limité, cela donne sur des résolutions autre que les leurs des phrase du genre (les retours en trop sont là pour montrer le résultat final).

            Ça, c’est déjà ce que ça fait avec le comportement actuel pour les retours chariots, non ?

            Si les retours chariots avaient un impact plus important, ça dissuaderait un peu d’en mettre à des endroits inopportuns (après tout, une zone d’édition est sensée se démerder sans qu’on ait à taper un retour chariot parce qu’on atteint le bord).

            Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

      • [^] # Re: Retrait

        Posté par . Évalué à  2 .

        Moi j'aime vraiment (comme quoi, les goûts et les couleurs).

        À mon avis, en typographie, un changement de paragraphe est marqué soit par un retrait horizontal, soit par un espacement vertical, mais pas les deux. Donc à la limite, si tu choisis le retrait, tu devrais supprimer l’espacement vertical...

        En tout cas, il faudrait placer les notes ailleurs (peut-être à droite) pour éviter le syndrome des quatre indentations différentes sur les cinq premières lignes (c’est moche, voire gênant). Même si à mon avis, ce ne serait plus tout-à-fait nightgrey...

        Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

        • [^] # Re: Retrait

          Posté par (page perso) . Évalué à  2 .

          À mon avis, en typographie, un changement de paragraphe est marqué soit par un retrait horizontal, soit par un espacement vertical, mais pas les deux.

          En LaTeX, c'est le cas dans les styles par défaut, je pense donc que ça se fait.

          En tout cas, il faudrait placer les notes ailleurs (peut-être à droite) pour éviter le syndrome des quatre indentations différentes sur les cinq premières lignes (c’est moche, voire gênant).

          Je ne vois pas ce que ça change par rapport à la situation précédente où il y avait déjà une identation importante. C'est d'ailleurs une pratique courante en typographique d'avoir le début d'un texte décalé, notamment avec l'usage d'une lettrine.

          « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

          • [^] # Re: Retrait

            Posté par . Évalué à  2 .

            Oui, mais si tu trouves un bouquin avec quatre indentations différentes sur les cinq premières lignes d’un chapitre, je serai curieux de voir ça...

            Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

  • # niveau de seuil cassé

    Posté par . Évalué à  0 .

    salut, merci pour la css ;)

    Par contre, j'ai remarqué que le niveau de seuil pour afficher/cacher les commentaires ne fonctionne plus correctement. Chez moi j'utilise souvent le niveau -42 pour tout faire apparaître et là les commentaire restent cachés.

    • [^] # Re: niveau de seuil cassé

      Posté par (page perso) . Évalué à  2 .

      Tu as un exemple? Parce que je suis aussi en -42 et ça ne m'a pas marqué.

      « Moi, lorsque je n’ai rien à dire, je veux qu’on le sache. » Raymond Devos

    • [^] # Re: niveau de seuil cassé

      Posté par . Évalué à  2 .

      Par contre, j'ai remarqué que le niveau de seuil pour afficher/cacher les commentaires ne fonctionne plus correctement. Chez moi j'utilise souvent le niveau -42 pour tout faire apparaître et là les commentaire restent cachés.

      J’ai remarqué que quand on change le seuil, les commentaires se replient mais ne se déplient pas quand on repasse à -42 (il me semble que ça le fait même avec la CSS par défaut) à moins de recharger la page. Si tu la recharges, est-ce que c’est bon ?

      Théorie du pot-au-feu : « Tout milieu où existe une notion de hauteur (notamment les milieux économique, politique, professionnels) se comporte comme un pot-au-feu : les mauvaises graisses remontent. »

      • [^] # Re: niveau de seuil cassé

        Posté par . Évalué à  0 . Dernière modification : le 03/01/12 à 21:04

        Effectivement lorsque je suis déjà en -42 avant d'arriver sur la page tout s'affiche déplié.

        Si on change le seuil, les commentaires se replient comme ils faut par contre ils ne se déplient plus. C'était déjà comme ça avec la css par défaut ? Faut que je regarde

        EDIT : effectivement ça ne marche pas non plus avec un autre style. Désolé pour le dérangement ;)

  • # Nimage

    Posté par (page perso) . Évalué à  2 .

    Pour ceux qui n'utilisent pas nightgrey (et il y en a) et pour rester dans le sombre, une Nimage.

    Je pensais que c'était une scrinshoute pour ceux qui n'utilisent pas nightgrey (et dont je suis) mais qui pourraient être intéressés tout de même.

    ce commentaire est sous licence cc by 4

  • # Milles mercis !

    Posté par (page perso) . Évalué à  2 .

    Je te remercie sincèrement pour ces corrections, j'espérais avoir le temps de m'y mettre un de ces jours parce que le tableau de bord inutilisable et autres liens qui abîment les yeux ça va un moment.
    Je n'ai pas eu le temps ni le courage de m'y mettre, tu l'a fait ;)
    Je redécouvre linuxfr

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.