Journal Modifications de Nightgrey

Posté par  . Licence CC By‑SA.
Étiquettes :
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.

    « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

    • [^] # Re: Suggestions

      Posté par  . É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

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

      • [^] # 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 !

        « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

        • [^] # Re: Suggestions

          Posté par  . É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.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

  • # Autre suggestion

    Posté par  . Évalué à 3. Dernière modification le 31 décembre 2011 à 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.

    « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

    • [^] # Re: Autre suggestion

      Posté par  . É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é

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

      • [^] # Re: Autre suggestion

        Posté par  . Évalué à 2.

        C'est ajouté

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

        « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

      • [^] # Re: Autre suggestion

        Posté par  . Évalué à 2.

        C'est ajouté

        Génial ! Merci.

        « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

  • # Merci

    Posté par  (site web personnel) . É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.

    « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

    • [^] # 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...

      « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

    • [^] # Re: Retrait

      Posté par  . É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é.

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

      • [^] # 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 ?

        « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

        • [^] # Re: Retrait

          Posté par  . É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.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

      • [^] # 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.

        « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

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

          Posté par  . É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.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

          • [^] # 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).

            « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

      • [^] # 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...

        « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

        • [^] # Re: Retrait

          Posté par  . É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.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

          • [^] # 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...

            « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

  • # 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  . Évalué à 2.

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

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

    • [^] # 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 ?

      « Le fascisme c’est la gangrène, à Santiago comme à Paris. » — Renaud, Hexagone

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

        Posté par  . Évalué à 0. Dernière modification le 03 janvier 2012 à 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  (site web personnel) . É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 et précédentes

    • [^] # Re: Nimage

      Posté par  . Évalué à 2.

      Il y a déjà une image dans Changer de style

      nightgrey

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

  • # Milles mercis !

    Posté par  . É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 à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.