Journal Une nouvelle C.S.S. avec le printemps : « Springtime »

Posté par .
Tags : aucun
14
13
juin
2010
Bonsoir à tous,

Parce qu'il est temps qu'il fasse beau et pour faire oublier les sombres événements qui ont consacré Nightgrey, je vous propose une petite C.S.S. un peu plus ensoleillée que la précédente. Elle s'appelle Springtime et se trouve, avec les autres, dans la page des feuilles de style du site :

http://linuxfr.org/css.html

J'ai essayé, autant que faire se peut, de tenir compte des remarques précédentes (ex : toolbar persistente) et de lui permettre d'être redimensionnée jusqu'à un point avancé sans risquer de casser la mise en page. Il y aura bien sûr des retouches à faire avec le temps.

J'espère qu'elle vous plaira.

Obs.
  • # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

    Posté par . Évalué à 5.

    J'aime beaucoup :) . Je viens de switcher de nightgrey à springtime et je ne suis pas déçu.

    La seule remarque que j'aurais à faire pour le moment est la taille du bloc « À la une » (celui où il y a la dépêche « Fedora 13 « Goddard », parée au décollage » en ce moment) qui est un peu trop grand à mon goût. Mais à part ça je trouve cette CSS très agréable à l'oeil.
    • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

      Posté par . Évalué à 6.

      Bonsoir,

      Merci pour tes appréciations. Pour la boîte « à la une », c'était volontaire. Je trouve que la dépêche à la une ne se voit pas assez, malgré le point d'exclamation sur la droite. En outre, je voulais faire une section qui ressemble vraiment à une « une » journalistique et pas seulement à un fil « épinglé ».

      Content qu'elle te plaise.
      • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

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

        Bravo pour cette CSS !
        Et enfin la boite "A la une" est visible alors qu'avant c'est le dernier truc que je regardais :)

        Bon une petit critique négative parce que j'ai une réputation à tenir : tes images paraissent baveuses (celle des ombres et du logo). Cela-dit étrangement si on regarde les images seules elles ont l'air nickel. Mon Firefox qui déconne ?

        L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

      • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

        Posté par . Évalué à 3.

        Également, je l'avais déjà remarqué avec nightgrey, mais pourquoi mettre le fond des commentaires d'une couleur totalement différente du reste de la page ? J'avais trouvé ça bof avec nightgrey mais m'y était habitué.

        Sinon, l'icone pour replier un commentaire est à mon avis trop grosse pour une fonctionnalité que j'utilise très peu, et l'ombre sous le titre du commentaire rend plutôt mal à mon goût.

        Ça sera tout pour les critiques négatives je pense :-) .
        • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

          Posté par . Évalué à 3.

          Re-bonjour,

          Ça sera tout pour les critiques négatives je pense :-).

          Pas de problème, c'est très constructif. :-) Pour le fond des commentaires, avec Nightgrey, je reconnais que j'ai beaucoup tatonné sans trouver la formule idéale. Mais pour le reste, les commentaires à fond gris sont en place depuis la feuille de style originale. Il me semblait que c'était ce qui convenait le mieux, surtout pour séparer les commentaires du corps de la news qui, elle, peut tenir parfois en deux blocs distincts (la dépêche proprement dite et le développement de l'article).

          Pour l'ombre, je trouve que ça donne la profondeur qui manquait mais le ton est peut-être un peu trop prononcé. Je vais refaire un dégradé plus léger.

          Merci pour ces remarques.
          • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

            Posté par . Évalué à 2.

            j'essayerais de faire le bloc de la "UNE" un peu moins gros quand meme

            parce là, sur mon ecran en 1280x1024 on ne voit plus que ca.
            les fils de depeches/journaux/forums etant en dessous du bandeau
            Tri : chronologique · par note · par intérêt (votre sélection de contenus du site triés chronologiquement)

            on doit bien pouvoir trouver un compromis entre le cadre minimaliste des autres CSS, et la version maximaliste de spring.css ?


            Sinon j'aime bien cette CSS
            • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

              Posté par . Évalué à 2.

              J'avoue que c'était un peu volontaire aussi. Mais puisque tout le monde me le demande, je crois que je vais la revoir à la baisse aussi. :-)

              Cela dit, j'attends quand même que les publicités de la section funbanner sous la une disparaîssent pour laisser se réafficher quelques entêtes des autres dépêches, pour voir si le compromis est bon.
    • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

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

      Je viens d'essayer et effectivement, j'avais pour ma part une police un eu trop grande, ce qui impliquait que tous ne tennait pas sans ascenseur horizontale. En la réduisant, c'est très joli.

      Bravo !

      PS : Il y avait une CSS qui était intéressante, en mettant des couleurs différentes en fonction de la profondeur du fil de la discussion. C'était très utile.

      « Il n’y a pas de choix démocratiques contre les Traités européens » - Jean-Claude Junker

      • [^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »

        Posté par . Évalué à 2.

        J'y ai pensé aussi mais, sauf à jouer sur l'opacité du fond, il n'y a pas moyen de faire ça simplement pour un grand nombre de commentaires imbriqués. Bon, en même temps, il faut bien une limite, mais il faudrait faire au moins huit « ul ul ul » imbriqués (non, il ne manque aucun ul dans un coin) pour tenir le rythme des commentaires sur DLFP, mais c'est à essayer quand même, effectivement.
  • # estivale

    Posté par . Évalué à 4.

    Ah, je ne vois pas trop la touche estivale mais elle est bien JOLIE et elle est par défaut maintenant! :)

    Pareil que notre ami plus haut, le cadre de une mériterait de désenfler un chouilla.


    ps: -1 pour le nom anglais de la feuille de style. :p
    • [^] # Re: estivale

      Posté par . Évalué à 5.

      Estival ? c'est normal c'est celle du printemps.. (Sping = Printemps)

      :p
      • [^] # Re: estivale

        Posté par . Évalué à 4.

        Estival ? c'est normal c'est celle du printemps.. (Sping = Printemps)

        De l'importance de parler la langue du site auquel on participe...
  • # petit defaut sur certaines pucifications

    Posté par . Évalué à 3.

    dans la depeche "state of the map"
    la pucification saute un ligne alors que ca ne le fait pas avec la css par defaut

    mais ca doit venir de la maniere dont la depeche est ecrite, car ca ne le fait pas sur d'autres depeches
    • [^] # Re: petit defaut sur certaines pucifications

      Posté par . Évalué à 2.

      Hello,

      C'est propre chez moi.

      Quelle résolution utilises-tu ? Les liste à puces ul et ol ont un paramètre clear: left de façon à ce qu'elle ne soient pas cisaillées par la présence de la boîte du score de la dépêche juste à côté, ce qui faire sauter une ou deux lignes au bloc entier, mais c'est tout.

      J'ai eu du mal à lui faire comprendre, d'ailleurs, que ce clear devait s'appliquer à la division de la dépêche et pas au reste de l'écran. Comme la manchette de gauche est flottante elle-aussi, on se retrouvait parfois avec 200 lignes blanches au milieu d'une dépêche.
      • [^] # Re: petit defaut sur certaines pucifications

        Posté par . Évalué à 3.

        j'ai un ecran "carré" en 1280x1024, j'utilise firefox 3.6.3, et la taille d'affichage par defaut
        • [^] # Re: petit defaut sur certaines pucifications

          Posté par . Évalué à 2.

          Ok, je n'avais pas compris qu'il s'agissait du corps de l'article dans articlediv.

          C'est bien ma faute. J'avais placé des puces « inside » dans les listes de certaines sections. Je les avais bien rétablies « outside » pour les corps d'articles mais, curieusement, j'avais appliqué la modif' pour les ol et pas les ul.

          J'ai fait la modif', qui apparaîtra avec la v1.2.

          Merci à toi.
  • # sais bo

    Posté par . Évalué à 3.

    Très jolie CSS, j'adopte :)

    Par contre je n'aime pas beaucoup les commentaires :(

    Il fut un temps où j'avais commencé à faire ma propre CSS et ça donnait ça : http://pastebin.com/raw.php?i=VMTWZPL9

    J'avais passé un peu de temps sur les commentaires, pour leur redonner leur importance sur le site. Et j'avais pris soins de bien rendre les quotes, code, etc.

    C'est basé sur kaiska.css, mais il n'en reste plus rien je pense. J'encourage toute réutilisation / inspiration de cette CSS :)
    • [^] # Re: sais bo

      Posté par . Évalué à 2.

      Pour ceux qui voudraient la tester vite fait, ce lien fonctionne dans la toolbar : http://wimg.co.uk/dQP.css
    • [^] # Re: sais bo

      Posté par . Évalué à 2.

      Et j'avais pris soins de bien rendre les quotes, code, etc.

      En principe, c'est le cas ici aussi. Au moins pour q, cite, code et blockquote (que l'on ne peut plus utiliser). J'avais fait une entrée de test dans le forum général.test pour vérifier tout cela : https://linuxfr.org/forums/25/26384.html

      Par contre, je m'aperçois que le rendu des commentaires est effectivement assez sale si la toolbar n'est pas activée. Est-ce les cas chez toi ?
      • [^] # Re: sais bo

        Posté par . Évalué à 3.

        > En principe, c'est le cas ici aussi

        tout à fait

        > si la toolbar n'est pas activée. Est-ce les cas chez toi ?

        La toolbar est activée, mais c'est une question de goût je pense. Ce que je n'aime pas c'est que les commentaires sont tout en niveaux de gris, avec le titre noir&blanc, les icones noir&blanc, le contenu des commentaires noir sur fond gris. J'aurais bien vu quelque chose d'un peu plus chaud, comme le reste du style.

        Aussi dans ma CSS j'avais tenté de mettre les commentaires au même niveau que le contenu principal : En fait le premier message de chaque thread est formaté pareil que le journal/dépêche (taille de titre, taille de texte, etc...). Il y a juste la couleur de fond qui différencie bien les deux. Plus que sur la plupart des sites, les commentaires font partie du contenu sur Linuxfr.
  • # Gestion des commentaires

    Posté par . Évalué à 5.

    J'aime beaucoup. Je trouve juste que le "!" est trop gros dans les nouveaux commentaires et que du coup le < > ne placent pas au tout début du commentaires mais plutôt vers la fin du précédent. Je trouve ça un peu gênant.

    Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

    • [^] # Re: Gestion des commentaires

      Posté par . Évalué à 3.

      Hello,

      Moi, au contraire, je trouve plus agréable de ne pas avoir le commentaire en question directement collé au sommet de la fenêtre mais, en tout état de cause, ce n'est pas dû à ma C.S.S. (ou, en tout cas, pas à ma connaissance).

      Dans tous les cas, ce ne peut pas être dû à l'image du point d'exclamation rouge en elle-même car ses marges sont réduites au minimum…
      • [^] # merci

        Posté par . Évalué à 3.

        (Le choix des couleurs me rappelle "ppls" (le petit pois sur l'atlas), mon blog d'il y a pfffu 8 ans déjà. Mais c'était pas du css!)

        Elle est magnifique ta css, enfin j'aime beaucoup. Tout. Le choix des couleurs bien sûr, donc, mais aussi le choix de la police pour les liens supérieurs. L'organisation et le rendu des commentaires. Le signalement des nouveaux commentaires. Bref absolument tout. Merci beaucoup :)

        ps :
        ReKonq rame sévère avec, vraiment. Firefox un peu moins. Avec Chromium je vois pas la différence. Aucune idée si ça vient du navigateur lui même (à priori plutot oui) ou de linuxfr ou de la css elle même. Mais m'en fout, elle est trop belle :)

        ps2 :
        peut être un peu moins de contraste entre le titre d'un commentaire et son contenu ? Là, le titre sur fond très clair, ça flash un poil.
        • [^] # Re: merci

          Posté par . Évalué à 3.

          Merci beaucoup pour tes appréciations, car c'est vrai que je l'ai travaillée, y compris au niveau du choix des polices. Je rends d'ailleurs hommage, dans la C.S.S., à Philipp Poll qui a fait Linux Libertine et qui participe beaucoup au cachet que cela donne à la page. L'astuce a été de faire en sorte que le rendu se rapproche quand même le plus possible de l'idéal dans le cas où ces polices ne seraient pas exploitables.

          ReKonq rame sévère avec, vraiment. Firefox un peu moins. Avec Chromium je vois pas la différence. Aucune idée si ça vient du navigateur lui même (à priori plutot oui) ou de linuxfr ou de la css elle même. Mais m'en fout, elle est trop belle :)

          Les fontes sont très lourdes à charger, quand elles le sont. Mais, en principe, cela n'a lieu qu'une fois. Est-ce que ReKonq rame en permanence ou seulement au début ?

          peut être un peu moins de contraste entre le titre d'un commentaire et son contenu ? Là, le titre sur fond très clair, ça flash un poil.

          Je vais effectivement corriger un poil les gris. :-) Je me laisse un jour ou deux pour laisser les commentaires s'accumuler et tout corriger d'un coup.
          • [^] # Re: merci

            Posté par . Évalué à 2.

            Effectivement, ce sont les fontes qui s'affichent en dernier. Tout s'affiche vite, puis une 'pause' et 2 bonnes secondes après, les textes apparaissent, y compris les textes des commentaires. Cela doit également venir de ma connection, qui est très lente (les wifis ouverts des voisins).
            :-)
            • [^] # Re: merci

              Posté par . Évalué à 2.

              Oui. Toutes les fontes réunies accusent plusieurs mégas. C'était un choix à faire mais je pense que le résultat vaut le coup, surtout qu'elles sont censées ne se charger qu'une fois et que la page doit en principe s'afficher correctement même sans les fontes...
      • [^] # Re: Gestion des commentaires

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

        > Moi, au contraire, je trouve plus agréable de ne pas avoir le commentaire en question directement collé au sommet de la fenêtre mais, en tout état de cause, ce n'est pas dû à ma C.S.S. (ou, en tout cas, pas à ma connaissance).

        De manière très empirique, je dirais que ça vient du margin sur le body. Le javascript a l'air de ne pas en tenir compte pour calculé la position à laquelle se déplacer.
    • [^] # Re: Gestion des commentaires

      Posté par . Évalué à 2.

      A oui encore une chose sur chromium avec vimium c'est pas possible de suivre les liens au clavier.

      Je pense que c'est un bug de vimium mais c'est dommage.

      Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

  • # Peux pas plusser

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

    Merci bien,

    j'ai essayé de plusser, et comme d'habitude, un popup s'est ouvert pour vérifier que je ne suis pas un script...
    Et là, pas moyen de voir le captcha !

    Je poste donc le code HTML de ce fabuleux popup ici :
    http://pastebin.com/VjZgwZhU

    PS: Comment fait-on pour héberger sa CSS sur le site de linuxfr ?
  • # L'essayer, c'est (presque) l'adopter.

    Posté par . Évalué à 1.

    En effet, c'est du bon boulot. Elle me plairait presque, mais le bleu pâlichon, je ne le trouve pas formidable. Évidement, c'est purement subjectif. Pour le reste (la disposition, la page d'accueil, la news en "prime"), j'aime beaucoup.
    Alors, en dépit du petit reproche concernant le bleu délavé, je conserve.
    • [^] # Re: L'essayer, c'est (presque) l'adopter.

      Posté par . Évalué à 2.

      En réalité, il n'y a pas de bleu du tout dans cette C.S.S. (à part certains lien qui tendent vers le bleu-gris et peut-être un soupçon dans le blanc de la boîte des dépêches). C'est une réaction de l'oeil au lumineux jaune sable qui remplit l'arrière-plan. Il faut réellement adapter les gris mais l'ennui avec les C.S.S. aux tons pastels, c'est qu'ils rendent vraiment de manière complètement différente d'un viewport à l'autre. En plus, on peut régler la température des couleurs d'un même moniteur.

      J'ai développé la C.S.S. sur mon moniteur LCD Samsung de 18 mois, et là, je la regarde sur un VAIO à peine plus vieux, et effectivement, le rendu des couleurs n'a rien à voir.
  • # Très...

    Posté par . Évalué à 2.

    belle css ! je vais la garder je pense
  • # Nouveaux commentaires

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

    La CSS est vraiment très agréable. Bravo !

    Juste le signalement des nouveaux commentaires : je préfère quand le cadre du titre du commentaire a un fond d'une autre couleur, c'est plus facile je trouve à voir les nouveaux commentaires (avis personnel). Mais c'est peut-être dû à mon habitude à la CSS par défaut (la vieille, en orange là...).
    • [^] # Re: Nouveaux commentaires

      Posté par . Évalué à 2.

      Merci pour ton appréciation.

      En principe, si la toolbar est active, tu dois au moins avoir un gros « ! » sur la gauche du titre…
      • [^] # Re: Nouveaux commentaires

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

        Oui je l'ai bien remarqué. C'est juste que, par rapport à mon habitude de la CSS "default", ça me frappe moins qu'un background de couleur différente pour le titre du commentaire. En gros : je pinaille un peu ;-) (mais c'est vrai que ça me plairait :-))
        • [^] # Re: Nouveaux commentaires

          Posté par . Évalué à 2.

          C'est vrai que je n'ai pas changé le fond du titre parce que je n'ai pas trouvé de formule qui soit vraiment esthétique. Je vais tâcher d'y penser quand même.
  • # Version 1.1

    Posté par . Évalué à 2.

    Spingtime 1.1 est en ligne. Merci à NoNo qui l'a mise en place.

    J'ai éclairci le fond des commentaires qui sont plus lisibles désormais, et ai collé un fond gris sombre à ceux dont le score est en dessous de zéro. Ainsi que deux trois petites choses…

    D'autre part, j'ai collé le même style aux pages de commentaires sans toolbar, ce qui manquait.

    Je suis toujours friand de vos remarques et suggestions. Je vais tâcher de faire encore deux ou trois mises à jours avant de conserver la version finale. N'hésitez pas à faire plein de suggestions.
  • # Léger bug

    Posté par . Évalué à 1.

    C'est peut-être dû à Firefox et pas à ta CSS. J'ai le rendu de la date en haut à gauche qui varie au cours du chargement de la page. Il passe du normal au illisible. Aussi je n'ai pas redimensionné les captures d'écran.

    http://pix.toile-libre.org/upload/original/1276598006.png

    Si quelqu'un veut remonter le bug chez Mozilla, voici ma version du navigateur : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.4) Gecko/20100527 Firefox/3.6.4 qui tourne sur Windows XP sp3.
    • [^] # Re: Léger bug

      Posté par . Évalué à 2.

      Hello,

      Merci pour la remontée d'info.

      En principe, la date en question doit s'afficher en « Linux Libertine C », laquelle fonte est chargée avec le reste des ressources de la C.S.S. Il est donc normal que le rendu définitif apparaisse − la première fois − après quelques secondes.

      Par contre, le rendu est propre chez moi (Firefox 3.6.3 et Google Chrome 5.0.375.70). Quelle version de Firefox utilises-tu et quelle est ta définition/résolution d'écran ?
      • [^] # Re: Léger bug

        Posté par . Évalué à 2.

        Pour la version de Firefox, c'est inscrit à la fin de mon message précédent ;-) mais puisque je suis gentil je la remet (Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.4) Gecko/20100527 Firefox/3.6.4) et la résolution c'est 1280x1024. Comme extension j'ai NoScript et Vimperator.

        Apparemment je suis sur Firefox 3.6.4 parce qu’il y a quelques temps j'avais installé la β de de Firefox 3.5.
        • [^] # Re: Léger bug

          Posté par . Évalué à 2.

          Pour la version de Firefox, c'est inscrit à la fin de mon message précédent ;-) mais puisque je suis gentil je la remet

          Hmm. Je n'ai pas les yeux en face des trous, moi…

          On a des configurations très similaires. En principe, ça devrait fonctionner. Je vais creuser aussi.

          Merci.
          • [^] # Re: Léger bug

            Posté par . Évalué à 1.

            Je viens de faire une mise à jour de Firefox et le problème est toujours présent.

            Version FF > Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4
            • [^] # Re: Léger bug

              Posté par . Évalué à 2.

              Est-ce que tu utilises GNOME ?

              J'obtiens quelque chose de similaire lorsque je désactive le lissage dans Système→Préférence→Apparence→Police mais cela affecte le reste du contenu aussi. Il faut dire que « Libertine C » est une fonte assez sophistiquée. Il se peut qu'un non-lissage ait un impact moindre sur les autres polices si elles sont adaptées à ton moniteur mais, à voir le rendu du mot « Journal » dans ta capture d'écran, je doute que ce soit le problème…
              • [^] # Re: Léger bug

                Posté par . Évalué à 1.

                Comme dis par plic en-dessous, ça semble venir de la gestion de la police par Windows. Maintenant que je suis de retour sous KDE, je n'ai plus de problèmes. La date s'affiche parfaitement.
    • [^] # Re: Léger bug

      Posté par . Évalué à 2.

      Au boulot sous XP également, ça viendrait de la police :
      http://img143.imageshack.us/img143/5377/policelinuxfr.png

      (en récupérant dans la CSS l'adresse de Linux Libertine C).

      ­La faculté de citer est un substitut commode à l'intelligence -- Somerset Maugham

      • [^] # Re: Léger bug

        Posté par . Évalué à 2.

        Au passage, il faudra leur dire que le tréma va au dessus du U et pas du E. :-)
  • # Webkit 2.17.2 à 2.18.0

    Posté par . Évalué à 2.

    Juste pour info :

    http://linuxfr.org/comments/1135702.html#1135702

    Le passage de Webkit 2.17.2 à 2.18.0 sur une Fedora 13 résout le problème (au moins pour cette page).
  • # Liens Wikipedia

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

    C'est super d'avoir identifié les liens wikipedia. En revanche je trouve que la façon de le faire perturbe la lecture, surtout quand il y a de nombreux liens wikipedia dans une phrase, par exemple http://linuxfr.org/2010/06/17/27001.html .
    Je te propose de changer le :before{content: "W -";} en :after { content: "(W)";}, le mettre à la fin et entre parenthèses (ou crochets) le rend moins intrusif et on sait sur quoi il porte.
    En tout cas superbe boulot, j'ai adopté !
    Merci !
    • [^] # Re: Liens Wikipedia

      Posté par . Évalué à 2.

      J'ai essayé mais le résultat est vraiment inesthétique. Je vais tâcher de trouver autre chose mais les sérifs de la fonte Libertine ou de la fonte par défaut sont en accord avec la charte du logo de Wikipédia et je trouve qu'ils le suggèrent bien.

      Le problème, c'est qu'il n'y a pas grand chose à faire d'autre. Changer le fond de couleur serait vraiment trop criant, surtout que celui de Wikipédia est blanc. On pourrait mettre un globe marqué d'un W, mais j'ai peur que sur 9pt de haut, cela ne donne pas grand chose…
      • [^] # Re: Liens Wikipedia

        Posté par . Évalué à 2.

        pourquoi ne pas mettre (wikilien) en exposant à coté du mot :D

        un peu comme les "notes" de bas de pages, sauf que là, le lien est sur le mot, et la personne sait qu'elle va sur un wikilien ?
        • [^] # Re: Liens Wikipedia

          Posté par . Évalué à 2.

          C'est à cela que je pense aussi. Je suis en train de faire mes tests et le rendu n'est pas mauvais.

          Je vais bientôt mettre la version 1.2 en ligne, mais il y a encore beaucoup de petits défauts à d'autres endroits, notamment dans les formulaires de saisie et les prévisualisations. Mais c'est difficile d'agir dessus sans toucher au code HTML lui-même.
  • # wikilien

    Posté par . Évalué à 2.

    les wikiliens sont bizarres avec ta CSS.

    le wikilien pour le mot Linux par exemple, va etre presenter comme etant
    W - Linux

    c'est assez,... perturbant.

    ci dessous un vrai wikilien afin de tester la difference entre les deux CSS
    (wikilien vers la page wikipedia/CSS)

    CSS
    • [^] # Re: wikilien

      Posté par . Évalué à 2.

      C'est tout-à-fait volontaire (et j'ai vu certains sites faire le même genre de chose). Cependant, puisque vous êtes déjà deux à me faire la remarque, on va peut-être revoir également cette manière de les présenter : https://linuxfr.org/comments/1136690.html#1136690
      • [^] # Re: wikilien

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

        Ah cela vient de ta css ! quand je l'ai remarqué j'ai pensé que c'était une màj de Linuxfr, une amélioration de ce qui avait déjà été fait pour interpréter les balises double crochetées, celà dit c'est vrai que c'est justement le rôle de la css de faire ça ! Mais je suis aussi perturbé par la manière de faire.

        Wikipédia de son coté précise les liens externes par un petit symbole situé après le mot, on pourrait imaginer la même chose pour un lien wikipédia, sans être trop créatif moi je pensais à [w] en exposant, après le mot.

        ce commentaire est sous licence cc by 4 et précédentes

        • [^] # Re: wikilien

          Posté par . Évalué à 2.

          sans être trop créatif moi je pensais à [w] en exposant, après le mot.

          Je crois que c'est un consensus ! :-) C'est désormais en prod dans Springtime 1.2. Merci à NoNo de l'avoir mise en ligne, comme toujours.
  • # Springtime 1.2

    Posté par . Évalué à 2.

    Voila. Springtime 1.2 est en ligne. Merci à NoNo de l'avoir mise en ligne. Que des changements mineurs :

    - Correction du problème des puces dans le corps de la dépêche State Of The Map (merci à NeoX : https://linuxfr.org/~Obsidian/29824.html#1135325 ) ;
    - Léger éclaircissement des boîtes des commentaires à score négatif. Le gris sombre était vraiment trop sombre ;
    - Modification des wikiliens : désormais en exposant, toujours avec la fonte Libertine ;
    - Mise en forme du formulaire de filtrage dans les pages Entretiens et Suivi. Ça, ça risque de ne pas plaire à tout le monde parce que ce formulaire avait l'apparence d'une barre d'outils et ressemble maintenant à un gros pavé. Mais, au moins, les champs ne s'en vont plus n'importe où à chaque redimensionnement ;
    - Corrections sur les boîtes de la manchette de gauche aux bords arrondis, boîte de login hormise. Plus clair, comme en page d'accueil, et marges intérieures améliorées ;
    - Signatures de bas de commentaires restylisées, plus pâles, avec une vraie ligne de séparation et le lien « -- » servant à les faire disparaître à présent recalé sur la droite sous la forme d'une croix.
    - Tentative de mise en forme propre de l'impression, mais il y a encore du travail.

    Un patch a aussi été appliqué pour que les commentaires en prévisualisation reçoient quand même les bons noms de classe.


    Dans Springtime 1.3, il faudra encore penser à :

    - Améliorer encore un peu le rendu à l'impression ;
    - Arranger la marge haute des titres de certains nouveaux commentaires en début de fil (déjà réglé) ;



    Mettez toutes vos remarques et vos suggestions ici.
    Merci à tous !
    • [^] # Re: Springtime 1.2

      Posté par . Évalué à 2.

      tres bien pour la v1.2
      s'il y avait un bouton "j'aime" j'aurais cliqué dessus.

      question : le seperateur entre le texte est la signature fait une ligne (tres jolie) avec un X presque au bout de la ligne

      perso j'ai cru que c'etait pour masqué la signature, mais :
      1°) cela masque toutes les signatures (c'est peut-etre voulu)
      2°) ca nous renvoie en haut de la depeche (effet volontaire ou pas ?)


      proposition pour la v1.3
      - éclaircir un peu la boite de recherche, car du coup elle est tout juste visibile (en haut à droite)
      • [^] # Re: Springtime 1.2

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

        2°) ca nous renvoie en haut de la depeche (effet volontaire ou pas ?)

        Ah tiens , je n'avais pas vu cette feature, ça m'a donné envie de tester, et en effet ça remonte tout en haut de la page sauf il me semble si on avait pointé sur un commentaire précis avec la toolbar (mais maintenant je n'ai plus de commentaire non lu donc je peux pas vérifier).

        ce commentaire est sous licence cc by 4 et précédentes

        • [^] # Re: Springtime 1.2

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

          pour le commentaire pointé j'en doute de plus en plus, mais en tout cas avec epiphany ça ne remonte pas si on est tout en bas de la page.

          ce commentaire est sous licence cc by 4 et précédentes

          • [^] # Re: Springtime 1.2

            Posté par . Évalué à 2.

            En fait, la croix en bout de ligne est le lien-spérateur marqué « -- » en temps normal. Le comportement que vous décrivez est celui par le code H.T.M.L. et la fonction Javascript nosignature().

            Elle a toujours été là, mais force est d'admettre qu'elle ne sert pas souvent. :-) En tout état de cause, ce n'est pas un effet de bord de la C.S.S. (enfin, je ne crois pas).
            • [^] # Re: Springtime 1.2

              Posté par . Évalué à 2.

              je te confirmes que ca ne vient pas de la CSS

              en effet, j'avais jamais vu le -- delimitant la signature sur la CSS par defaut,
              ni que c'etait un lien cliquable...

              du coup j'ai testé, et c'est bien le script qui nous renvoie en haut de page.
              • [^] # Re: Springtime 1.2

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

                et moi de même je ne connaissais pas ! donc ça fait un point en plus pour cette css qui a su mettre en valeur un truc que personne n'avait vu !

                ce commentaire est sous licence cc by 4 et précédentes

  • # j'en ai une autre pour toi (Obsidian)

    Posté par . Évalué à 2.

    quand on affiche la liste des forums en mode "sans resumé"

    - avec la CSS par defaut ca n'affiche que auteur/titre.date...
    et le "resumé" s'affiche lors du survol du titre dans une boite en bas

    - avec springtime, le resumé s'affiche par defaut dans le tableau avec le titre
    et on voit TOUS les resumés

    jusqu'a les avoir survolé une fois, et là ils ne s'affichent plus, sauf si on retourne les survoler :)
    • [^] # Re: j'en ai une autre pour toi (Obsidian)

      Posté par . Évalué à 2.

      Merci de me l'avoir fait remarquer. Je n'utilise pour ainsi dire jamais cette fonction, donc je suis passé à côté. C'est corrigé à présent.

      Dans la page des C.S.S., il y a un lien « [original] » en vis-à-vis des différentes C.S.S. dont Springtime. Ce lien pointe vers mon site et la C.S.S. qu'il référence est la dernière version de Springtime en date, quelque soit l'époque. Je m'en sers pour la tester.

      Tu peux la mettre dans tes préférences si tu veux voir le rendu de la prochaine feuille (pratiquement le même, les bugs en moins).

      D'autre part, il y a un header « h2 » non refermé dans la dernière section de la page moderateurs.html dans les stats. J'enverrai un patch aussi.
      • [^] # Re: j'en ai une autre pour toi (Obsidian)

        Posté par . Évalué à 2.

        oki doki pour la "beta" via "original"

        pour info aussi, dans le bloc AMR quand on relit/modere une depeche
        on ne sait plus qui a dit quoi quand tu presente le texte suivi par l'auteur est la date

        difference de couleur pas assez marqué je trouve ou taille/poids de police à revoir peut-etre ?
        • [^] # Re: j'en ai une autre pour toi (Obsidian)

          Posté par . Évalué à 2.

          Ah ! Je ne suis ni A, ni M, ni R ! :-)

          Je suppose donc que je ne peux pas la voir. Mais comme le code Templeet est dispo, je vais me monter une instance de DLFP chez moi. Ce sera plus pratique pour les patches.

          Désolé. :-)
          • [^] # Re: j'en ai une autre pour toi (Obsidian)

            Posté par . Évalué à 2.

            ah, c'est moi qui suis desolé, j'ai eu cru que tu etais parmi les AMR.

            pour info c'est la couleur du lien en fait qui se trouve dans les boites suivantes
            html -> body -> div .main -> div .leftcol -> div .loginbox -> ul -> li -> a

            et la presentation
            - texte par auteur le date

            est en fait la meme dans le theme par defaut
            simplement les couleurs sont plus contrastées, ce qui permet de differencier le texte du reste
            • [^] # Re: j'en ai une autre pour toi (Obsidian)

              Posté par . Évalué à 2.

              C'est-à-dire que mon compte a onze ans (une bonne tranche de vie, quand même) et que j'ai beaucoup participé mais, effectivement, je ne suis jamais rentré dans le staff.

              Peux-tu éventuellement m'envoyer des sauvegardes H.T.M.L. des pages en question ? J'ai quelques difficultés à lancer templeet chez moi. :-)
              • [^] # Re: j'en ai une autre pour toi (Obsidian)

                Posté par . Évalué à 2.

                je voudrais bien, mais apparemment ca ne le fait plus depuis je suis passer sur la Beta (original) de la css

                ou alors je ne trouve plus l'exemple qui m'avait "frappé".

                te prend pas la tete sur cette "boite" (div)
                car de toute facon avec la refonte du site en ruby, certaines CSS devront etre retravaillée...
                • [^] # Re: j'en ai une autre pour toi (Obsidian)

                  Posté par . Évalué à 2.

                  « Retravailler » est un euphémisme. Il est plus approprié de dire, à mon avis, qu'elles deviendront toutes obsolètes, car je ne pense pas qu'un seul nom de classe sera repris tel quel sur la version Alpha.

                  Raison de plus pour finir au plus vite celle-ci : qu'elle ait le temps de vivre sa vie en prod' suffisamment longtemps avant de faire le grand switch.

                  Il y a bien deux ou trois petites choses à mettre en forme dans leftcol lorsqu'elles ne se trouvent pas dans des boîtes dédiées. Avec ça, il y aura deux ou trois choses à arranger au niveau des formulaires et on pourra considérer que c'est fini. :-)
  • # Springtime 1.3

    Posté par . Évalué à 2.

    Bonsoir,

    Voila. Springtime 1.3 est en ligne. Merci encore une fois à NoNo de l'avoir mise en place. Elle corrige des bugs mineurs, dont le détail est le suivant :

    - Mise en forme de toutes les tables dans la division main (l'arrière-plan jaune sable) 
    - Correction des marges hautes sur certains nouveaux commentaires en début de fil ;
    - Modif des headers de chapitres sur cette même division ;
    - Modification des listes de la division principale ;
    - Quelques changements de couleurs minimes pour plus de contraste (notamment sur la tribune) ;
    - Remise en page de la tribune des rédacteurs ;
    - Et d'une manière générale, ajouts des marges idoines partout où elles manquaient (liste des sessions, rédaction de dépêche, ouverture de compte) ;

    Il y en aura encore une à venir (avec peut-être quelques illustrations) mais il y aura sans doute quelques patches à appliquer d'abord.


    Dans tous les cas, je suis toujours friand de vos remarques !
    • [^] # Re: Springtime 1.3

      Posté par . Évalué à 3.

      J'y vais de ma petite remarque.
      Sur la page d'accueil ce n'est pas possible de mieux intégrer le cadre qui met en avant une actualité ? Je trouve que les deux bordures noires en haut et en bas du cadre jure avec le reste.
      C'est aussi bizarre d'avoir des fontes différentes entre ce cadre et le reste de la page.
      Autrement je reste sur cette feuille de style maintenant que je me suis habitué à repérer le ! des nouveaux messages.
      Petite question subsidiaire, tu as une idée du temps qu'il t'a fallu pour réaliser cette CSS ?
      • [^] # Re: Springtime 1.3

        Posté par . Évalué à 2.

        Bonjour, et merci pour ces remarques.

        J'y vais de ma petite remarque.
        Sur la page d'accueil ce n'est pas possible de mieux intégrer le cadre qui met en avant une actualité ? Je trouve que les deux bordures noires en haut et en bas du cadre jure avec le reste. C'est aussi bizarre d'avoir des fontes différentes entre ce cadre et le reste de la page.


        Ah. Moi, au contraire, c'est peut-être ce que je préfère. :-) En fait, l'idée, c'est d'avoir une vraie « une », et pas un fil « épinglé » en tête de liste d'un forum, comme on le voit souvent. Il s'agit de faire de l'article concerné la dépêche principale, qui doit être lue en premier, même si elle reste un mois, comme la couverture d'un magazine.

        En ce sens, je trouve que le bloc remplit son rôle et que les fontes sont adaptées. Par contre, mettre des fontes à serif dans tous les blocs aurait vraiment été pénible pour le reste de la lecture sur écran, surtout quand elles sont plus petites. D'autre part, les fontes à sérif donnent un style plus journalistique qui convient bien aux articles, mais n'est pas approprié aux entrées de forums et aux fils de discussions (qui ne sont pas des articles à proprement parler).

        En fait, Il aurait plutôt fallu organiser les autres blocs en fonction de celui-ci pour faire une vraie page de journal, mais là, c'eût été vraiment trop compliqué et de toutes façons, le code H.T.M.L. du site n'est pas fait pour.

        Petite question subsidiaire, tu as une idée du temps qu'il t'a fallu pour réaliser cette CSS ?

        Ouch ! Ça n'en a pas l'air, mais c'est beaucoup de boulot. Le changelog que j'ai intégré à la page ( http://linuxfr.org/css/contrib/springtime.css ) indique que j'ai commencé à l'écrire le jeudi 20 mai 2010, que j'ai soumis la première version le 12 juin, et la version 1.3 le 24. En temps cumulé (étant donné que je suis actuellement sans emploi) je pense que cela doit représenter au moins 10 jours de travail, soit environ 80 heures.

        Cela dit, il est difficile de pondre une C.S.S. propre d'un seul jet car, au bout d'un moment, il faut laisser ses idées se décanter et travailler quelques jours avec le prototype, pour prendre suffisamment de recul et voir les choses d'un autre angle, puis remettre son ouvrage sur le métier.

        Ça dépend aussi beaucoup de son propre niveau en matière de C.S.S. Faire une feuille de style épousant le code actuel de D.L.F.P. est un très bon exercice car cela oblige à mettre en œuvre pratiquement toutes les facettes de la norme et Dieu sait comme certaines sont ambigües.
        • [^] # Re: Springtime 1.3

          Posté par . Évalué à 3.

          Pour le temps nécessaire à la création de la feuille de style je me doutais qu'il y avait pour quelques heures après l'avoir regardé il ya quelques jours.

          En tout cas félicitations pour ton abnégation !
  • # Springtime 1.4

    Posté par . Évalué à 2.

    Et voila. Springtime 1.4 est en ligne.

    Je considère que cette version est la dernière, à moins que je reçoive à nouveau quelques remarques très enrichissantes. :-) Au programme, quelques modifs mineures :

    - Ajustement de la taille des citations « q ». Les fontes à sérif, spécialement Libertine, ont des glyphes presque deux fois moins hauts que les autres pour une taille en pt identique ;
    - Gestion des italiques imbriqués pour «  i » et « cite » jusqu'au troisième niveau ;
    - « clear: left; » dans le corps des dépêches, entrées de journaux ou entrées de forums (donc, pas les commentaires) sur la balise « code » et sur la signature (peu fréquente à ces endroits, mais possible quand même) ;

    … ainsi que tout un tas de choses qui ne se voient pas ou peu, comme des marges sur les boutons submit, des noms de classe supplémentaires pour éviter les sélecteurs, etc. Il y avait également une balise h2 mal refermée sur la page des statistiques sur la modération, qui empêchait la dernière table de s'afficher correctement. C'est réparé.

    Enfin, quelques fioritures sur la page de soumission des dépêches : http://linuxfr.org/submit.html



    Donnez-moi vos impressions. S'il reste des choses qui traînent, je ferai peut-être une 1.5. Sinon, on en reste là.

    Merci à tous !

Suivre le flux des commentaires

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