Fin du concours LinuxFr.org

Posté par (page perso) . Modéré par patrick_g.
Tags :
21
6
jan.
2011
LinuxFr.org
Le grand concours pour définir l'habillage de la nouvelle version de LinuxFr s'est terminé hier soir à 23h59. Les feuilles de style proposées peuvent maintenant être testées sur la version beta^Walpha (se connecter puis se rendre sur la page « changer de style »).

Vous pouvez en profiter pour tester la future version du site et remonter les bugs que vous pourriez rencontrer.

Pour rappel, les prix mis en jeu sont de l'hébergement virtualisé, une tablette Android type Archos 101, des bons d'achat pour du matériel « ouvert » et un HTC Desire, le tout fourni respectivement par Gandi, Nuxeo, Hackable Devices et Mozilla Europe. Un grand merci à eux et à InDefero qui nous met gracieusement les forges à disposition pour la réalisation des projets.

Je tiens à féliciter les participants pour leurs travaux de qualité : il ne reste plus à l'équipe de modération qu'à voter voter pour choisir le style par défaut (vous avez néanmoins le droit de nous influencer en mettant en avant vos styles favoris dans les commentaires).

Note pour les participants : nous vous conseillons de vérifier que votre CSS est listée en seconde partie de cette dépêche, qu'elle se trouve bien sur http://alpha.linuxfr.org et qu'elle s'affiche correctement. Voici la liste des participants (triée avec sort -R) :

  • # Hors concours.

    Posté par . Évalué à 1.

    Je profite de l'occasion pour « montrer » ma CSS hors concours. (cf : https://linuxfr.org//~Luridi/30518.html )

    CSS : http://nescia.com/test/linuxfrstyle.css

    C'était bête de ne pas finir, pour moi avant tout et pour certaines personnes. :o)

    À noter, j'ai toujours mon compte indefero. Dois-je faire une lettre recommandée ? Je blague, mais au final c'est désespérant.
  • # Félicitation à tous!

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

    Bravo pour tous les participants! Il y a de nombreuses créations très bien faites, et cela ne va pas être facile de les départager:
    Mes préférés sont:
    Cascade (actuellement cella que j'utilise),
    Ronronnement gris-bleu,
    color,
    opensuse
    et édition papier.

    Ce n'est pas un classement mais un groupe e tête. Elles sont agréable à l'œil, lisible et fonctionnelles.
    En tous cas on vas pouvoir trouver notre bonheur dans ces choix!
    • [^] # Re: Félicitation à tous!

      Posté par . Évalué à 2.

      mes préférés sont :

      Ronronnement gris-bleu
      Cascade
      edition papier
      nigthgrey
      grayscale

      bravo à tous !
    • [^] # Re: Félicitation à tous!

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

      RonRonnement a ma préférence. Surtout la version Bordeaux (sans trop de chauvinisme).

      Certaines feuilles de style sont originales et attrayantes mais leur usage quotidien et intensif peut s'avérer fatiguant. Cependant, il y en a qui peuvent être utilisées pour des événements tels que la sortie de la dernière OpenSuSE ou de la rustique LFS (Linux from scratch) devinez laquelle ?
  • # Colors et Kaiska

    Posté par . Évalué à 2.

    Moi j'aime bien Colors (/stylesheets/contrib/colors.css) ! Même si elle ne me semble pas tout à fait finie.
    Sinon, kaiska !
    • [^] # Re: Colors et Kaiska

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

      Merci !

      En effet la feuille de style n'est pas tout à fait finie ou plutôt « à compléter ». Disons que j'ai voulu proposer avant tout une nouveau design (couleurs, polices et layout) qui favorise la lecture. Par la suite il est assez simple de compléter avec des logos, images, ombres, dégradés & co.

      Et puis je ne sais pas combien d'entre vous lisent les feuilles CSS mais je vous invite vivement à toujours regarder « sous le capot » quand vous pouvez ;)
      • [^] # Re: Colors et Kaiska

        Posté par . Évalué à 1.

        J'aime beaucoup aussi Colors car elle propose des choses différentes par rapport aux habitudes, mais comme le premier commentaire elle m'a laissé cette impression de "non terminée". Peut être justement parce qu'elle casse les schémas habituels et qu'on s'attend de ci de là à des comportements/présentations plus familiers :-)

        Pour certaines CSS je me suis dit "j'aime beaucoup, c'est propre, mais je trouve ça trop "sage" ", comme la CSS OpenSuse. En tout cas félicitations, moi qui me galère à faire un petit site applicatif pour des journaux de plongée, j'avais tellement galéré pour mettre une image et 4 mots histoire de faire un joli bandeau, qu'à la fin j'avais lâché CSS et je l'avais fait comme image dans Gimp :-)
        Je ne désespère pas d'y arriver en CSS (ça me permettra de faire des choses plus sympa par la suite) mais je reste admiratif quand des "choses" comme Colors cassent les codes mais le font de manière fonctionnelle :-)
      • [^] # Re: Colors et Kaiska

        Posté par . Évalué à 1.

        Félicitations, je trouve que c'est une très bonne présentation! Il faut effectivement encore l'optimiser et l'améliorer mais elle est déjà d'un très bon niveau, lisible, utilisable et jolie.

        Et une nouvelle félicitation pour la belle et innovante gestion des tags. C'est joli, très clair et attractif!
      • [^] # Re: Colors et Kaiska

        Posté par . Évalué à 1.

        Bravo et merci Martin \o/
        Effectivement, elle apporte une certaine fraîcheur que j'apprécie.

        Le truc qui me chiffonne concerne la disposition et la séparation des commentaires: ça manque peut être de traits de séparation ou d'artifices pour bien distinguer les commentaires les uns des autres. J'aime bien la manière dont c'est fait sur css-tricks. Exemple: [http://css-tricks.com/vignetting-woes/]
  • # Bravo!

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

    Y'a vraiment de bonnes choses! Histoire d'influencer un peu, ma préférence va à Cascade :)
  • # Tous les jours sous les yeux

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

    Mon vote va à RonRonnement-Orange puis Opensuse. Ce sont celles qui sont bien. Cascade est pas mal mais limite à cause de la quantité de vide autour du titre et à cause du champ de recherche qui est trop bas.
  • # Aucun changement

    Posté par . Évalué à 10.

    Honnêtement, je n'aime aucun des nouveaux designs proposés pour ce concours. C'est dommage mais je n'y vois pas vraiment d'innovation dans la structure des pages.
    • [^] # Re: Aucun changement

      Posté par . Évalué à 1.

      presque +1

      seule colors (pour l'instant, je n'ai pas bien tout regardé) se démarque du lot (et d'ailleurs je l'aime plutot bien)
      • [^] # Re: Aucun changement

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

        Elle n'est pas mal (pour moi, c'est quasiment la seule du lot qui aie une gueule un minimum pro) mais... que de blanc ! Que la colonne centrale soit sur fond blanc, d'accord, mais le reste devrait avoir une autre couleur (ou un motif, ou un dégradé, ou une image de fond), histoire qu'il y ait un minimum de contraste et que le contenu soit bien délimité.

        Je m'étonne aussi que l'usage du @font-face soit resté cantonné, dans les CSS présentées, à l'affichage de polices dignes du cirque Zavatta. Une belle typo, ça change parfois radicalement l'aspect d'un site et il y a maintenant de nombreuses polices libres, du coup j'aurais cru que plus de monde s'y essaierait.

        Quant au manque d'innovation dans la structure, il eut sans doute fallu pour qu'il y ait plus d'innovation que le thème à modifier inclue les gabarits, et non la CSS seulement...

        Envoyé depuis mon PDP 11/70

  • # Bon boulot! :)

    Posté par . Évalué à 1.

    Cascade et Ronronnement me plaisent bien.

    En effet, le vide autour du titre de cascade peut gêner un peu sur de petits écrans, mais bon, ça se règle ça ! :)
    • [^] # Re: Bon boulot! :)

      Posté par . Évalué à 1.

      Entièrement d'accord : Le principal problème de cascade est qu'elle n'utilise pas toute la largeur de l'écran. Sinon, j'aime bien la façon dont sont gérés les avatars (par rapport à Ronronnement).

      Concernant Ronronnement, son principal défaut est qu'elle est très lente (surtout par rapport à cascade). Ensuite, les avatars sont trop gros dans les commentaires et apparaissent même pour les messages masqués (d'où un empilement d'avatars).
      Mais le plus, c'est l'affichage des notes dans la marge de droite.
      • [^] # Re: Bon boulot! :)

        Posté par . Évalué à 2.

        es avatars ne devraient pas apparaitre pour les commentairs masqués normalement. Je vérifierait mais ça me semble étrange.(tu parles bien de RonRonnement ?)

        Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

        • [^] # Re: Bon boulot! :)

          Posté par . Évalué à 1.

          Bon... toutes mes excuses... J'avais noté ce point avec RonRonnement-GrisBleu mais je viens de regarder au même endroit, et effectivement, je ne vois pas le problème.
  • # Un ptit sondage ?

    Posté par . Évalué à 4.

    Pour consoler les perdants si la CSS plébiscitée est différente de celle choisie par les modos.
  • # Mon top 3

    Posté par . Évalué à 1.

    Cascade
    Colors
    Kaiska-new
  • # Designers ∩ Linuxfr = ∅

    Posté par . Évalué à 9.

    Au moins on ne sera pas dépaysés, c'est bien :)
  • # Félicitations aux participants pour leurs efforts et tout ça.

    Posté par . Évalué à 9.

    Enfin bravo surtout à l'auteur de Colors qui est assez sympa.

    Les autres devraient tenter leur chance chez Debian.org ...

    BeOS le faisait il y a 15 ans !

  • # Affichage incorrect

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

    NoNo, ma feuille de style (colors) ne s'affiche pas correctement sur le site car la class ".active" n'est pas présente sur le lien de menu.

    Le logo de connexion sécurisé n'est pas non affiché correctement. Mon affichage utilise un lien et du CSS, voir le patch j'ai envoyé. Du coup lorsque l'utilisateur est connecté le logo n'est pas au bon endroit.

    Un Bug que je viens de découvrir est débordement du bandeau de navigation. Sur le site alpha on peut sélectionner jusqu'à 26 pages différentes ! Du coup le lien "revenir en haut" ne tient pas sur une ligne.

    Un autre bug est celui de la page d'erreur 404 qui inclut toujours le CSS par défaut.

    Et puis l'affichage du formulaire de dépêche n'intègre pas mes modifications, mais ça je m'en doutais car le changement est un peu intrusif ;)

    Par ailleurs comme je l'ai précisé dans mon mail je n'ai pas implémenté l'affichage bannière. Du coup on voit une superposition « pas si top » sur la page accueil. Si la bannière est toujours relevante est-ce possible de glisser une aside.banner {display: none;} dans ma CSS ?
    • [^] # Re: Affichage incorrect

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

      > NoNo, ma feuille de style (colors) ne s'affiche pas correctement sur le site car la class ".active" n'est pas présente sur le lien de menu.

      Oui, en local, ça marche bien, mais je n'arrive pas à trouver pourquoi cette classe est absente sur alpha :/

      > Le logo de connexion sécurisé n'est pas non affiché correctement. Mon affichage utilise un lien et du CSS, voir le patch j'ai envoyé. Du coup lorsque l'utilisateur est connecté le logo n'est pas au bon endroit.

      Je n'ai pas appliqué pour ne pas casser les autres CSS.

      > Un autre bug est celui de la page d'erreur 404 qui inclut toujours le CSS par défaut.

      Il est toujours là : https://github.com/nono/linuxfr.org/issues#issue/10

      > Si la bannière est toujours relevante est-ce possible de glisser une aside.banner {display: none;} dans ma CSS ?

      La bannière est toujours d'actualité, j'ajoute la ligne en question.
      • [^] # Re: Affichage incorrect

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

        >> Le logo de connexion sécurisé n'est pas non affiché correctement. Mon affichage utilise un >lien et du CSS, voir le patch j'ai envoyé. Du coup lorsque l'utilisateur est connecté le logo n'est >pas au bon endroit.

        >Je n'ai pas appliqué pour ne pas casser les autres CSS.

        Pourtant mon patch contient les modifications nécessaires à la feuille CSS de base pour garder la compatibilité...
        • [^] # Re: Affichage incorrect

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

          Il corrige la feuille de style de base mais pas toutes les autres feuilles de style. Le patch serait arrivé plus tôt, j'aurais pu l'appliquer sur alpha pour que les autres auteurs de CSS puissent en tenir compte mais il est arrivé hier.

          2PetitsVerres a aussi un patch non appliqué pour ajouter la date sur le coté des dépêches. Et comme pour lui, je peux juste m'engager sur le fait que si ta CSS devient la nouvelle CSS par défaut du site, tes patchs seront appliqués (et les autres CSS alternatives devront s'adapter).
  • # déprimant...

    Posté par . Évalué à 8.

    Franchement, c'est pas top comme design. Demandez de l'aide chez owni ou framasoft mais par pitié les css top moumoute avec du gros caractère fantaisie ça le fait pas... ou alors c'est que j'ai pas tout ce qu'il faut sur ma bécane...
    Désolé pour tous ceux qui se sont donnés du mal... j'ai pas fait mieux de mon côté...
    • [^] # Re: déprimant...

      Posté par . Évalué à 2.

      Je me réponds moi même.... Y a cascade qu'est moins pire. Sauf que le haut de page est vraiment trop vide. La présentation des dépêches est acceptable.
      • [^] # Re: déprimant...

        Posté par . Évalué à 5.

        Moi j'aime pas ces encadrés avec des bords arrondis et gras.

        La seule a avoir fait preuve d'originalité sur ce point c'est black bling,
        mais elle tire vraiment trop les yeux (un transfuge de GCU Squad ?)


        Colors est pas mal mais le bandeau est vraiment trop large et le dégradé de couleurs trop marqué. Les commentaires de ressortent pas (des petits pointillés comme dans les prefs ca aurait été top. J'aime bien les tags par contre.

        Définitivement et depuis le début je reste sur Opensuse (dommage qu'elle n'ait pas été déclinée dans d'autres couleurs (comme des mauves ubuntuchiasses)
        • [^] # Re: déprimant...

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

          Pour les couleurs du bandeau oui c'est horrible, mais c'est le bug que j'indique plus haut ;)

          Pour ce qui est des commentaires, les pointillés c'est exactement ça ! Malheureusement il m'était impossible de commenter avec la version de développement, alors je n'ai pas implémenté cette partie.
  • # Mon avis

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

    Color est très original mais le bandeau du haut qui prend 1/3 de la hauteur de mon écran avec des couleurs flashy je trouve ça ignoble. Donc j'ai réduit la hauteur avec firebug et ça va déjà beaucoup mieux. Je ne sais pas si c'est un bug ou quoi parce que sur le screenshot, ce n'est pas du tout comme ça !

    Mon préféré est opensuse suivi de RonRonnement. Je reproche à RonRonnement le fait que les liens du menu ne sont pas assez mis en évidence en haut. Et opensuse est sympa et même mon préféré mais de là à en faire le thème par défaut...

    C'est con, j'ai vraiment pas beaucoup de temps libre ces derniers temps, sinon j'aurais bien participé. Ça m'aurait permis de remettre à jour mes compétences CSS (et vu que j'ai été pris pour un stage en tant que dev web, ça serait pas un mal :D).
    • [^] # Re: Mon avis

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

      Oui c'est un bug comme je l'ai indiqué plus haut ;)

      C'est dommage que tout le monde commence déjà à voter/regarder les styles alors que nous (participants) n'avons pas eu le temps de vérifier leur application sur le site.
      • [^] # Re: Mon avis

        Posté par . Évalué à 2.

        C'est dommage que tout le monde commence déjà à voter/regarder les styles alors que nous (participants) n'avons pas eu le temps de vérifier leur application sur le site.


        pourtant vous aviez possibilité d'utiliser une machine virtuelle virtualbox pour tester vos CSS avant publication.

        normalement il ne devrait pas y avoir de differences entre la machine virtualbox et l'alpha/beta de linuxfr
        • [^] # Re: Mon avis

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

          Ouais, enfin tu sais ce que l'on dit : « Quelle est la différence entre la théorie et la pratique ? En théorie, aucune, mais en pratique... »

          En l'occurrence, il peut y avoir pas mal de petits points qui changent :
          - le bug qui fait qu'il manque une classe CSS (oops, ma faute)
          - peu de contenus sur la machine virtuelle, et on peut avoir des surprises sur la quantité de contenus
          - j'ai modifié les CSS pour n'utiliser que des ressources locales (les URL des images et polices) et ça m'arrive de faire de faire des erreurs
          - le code et la structure HTML ont évolué durant le concours, une CSS bien propre il y a 1 mois pourrait avoir des bugs maintenant.

          Ceci étant dit, le jury du concours se compose de l'équipe des AMR et nous n'avons pas encore commencé à voter.
          • [^] # Re: Mon avis

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

            Une autre manière de tester la css est d'héberger celle ci sur son site perso et de rentrer l'url complète dans changer de style. Je pense que l'on a alors le rendu réel de sa css
            (Rassurez moi "it's not a bug, it's a feature"?)

            C'est la méthode que j'ai utilisé... Après les résultats obtenus sont justes en fonction de mes compétence, cela ne remet pas en cause la méthode ^^
        • [^] # Re: Mon avis

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

          Tu le dis si bien : « Normalement... »
    • [^] # Re: Mon avis

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

      > Color est très original mais le bandeau du haut qui prend 1/3 de la hauteur de mon écran avec des couleurs flashy je trouve ça ignoble. Donc j'ai réduit la hauteur avec firebug et ça va déjà beaucoup mieux. Je ne sais pas si c'est un bug ou quoi parce que sur le screenshot, ce n'est pas du tout comme ça !

      Oui, c'est un bug. Il manque une classe CSS et je n'arrive pas à voir pourquoi :-/
      • [^] # Re: Mon avis

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

        Allez NoNo du courage ;)

        Disons que j'ai passé quelques heures pour designer un changement totale de la couleur du heading uniquement en CSS en créant un dégradé...
        Du coup je le vie assez mal quand les visiteurs répondent, à raison, que les couleurs kikoo-bizoo-flashy-lol ça pique les yeux (ce qui est vrai). Mais ça, ce n'est pas le heading que j'ai conçu.
        • [^] # Re: Mon avis

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

          Ca y est, je crois que j'ai trouvé : cette partie est mise en cache et le cache datait d'avant la modification. Pffiou, ce fût dur.
          • [^] # Re: Mon avis

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

            Bravo et merci.
            • [^] # Re: Mon avis

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

              Effectivement, c'est beaucoup mieux ! Par contre c'est toujours pénible de perdre autant d'espace sur un écran pas très grand. Est-ce que quelqu'un a essayé sur un netbook ? (je suis sur un 13" moi)
  • # Une page de pub

    Posté par . Évalué à 4.

    - Grayscale est le seul à respecter tous les critères de sélection ( https://linuxfr.org/2010/11/09/27372.html ).
    - Grayscale est sobre.
    - Grayscale est compatible avec plein de navigateurs.
    - Grayscale a une version mobile.
    - Grayscale est sexy.
    - Grayscale a des transitions CSS3 sur les liens et sur la toolbar à la fois rapides, pas kikoolol, agréables et méga-géniales quand on l'essaie avec Firefox 4.
    - Grayscale aligne les champs de texte dans la page de modification des préférences.
    - Grayscale affiche les commentaires super-joliment avec des ombres sous les réponses (qui s'affichent mal dans le version hébergée sur les serveurs de linuxfr.org car celui qui a mis les images et les CSS dans des dossier séparés a oublié de convertir un chemin à la ligne 587 - mais sinon, c'est joli) et les avatars tout en laissant une navigation fluide.
    - Grayscale a un joli nom.
    - Grayscale sent bon des pieds, défend les libertés des internautes et fait de supers omelettes.

    Vatèlze ?
  • # Mitigé

    Posté par . Évalué à 4.

    Personnellement, je préfère de loin la version actuelle de la CSS par défaut (trop de dégradés trop marqués dans la plupart des CSS concourantes).

    S'il me fallait faire un choix, il irait exclusivement pour la CSS opensuse, la seule, d'après moi, suffisamment équilibrée et capable de dégager un ton professionnel.

    Bravo à tous tout de même !
  • # Autre bug

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

    L'affichage du mot "Tag:" et "Ce contenu est il" n'est pas présent dans ma feuille de style.

    Je me sens un peu lésé. J'ai passé du temps. J'ai fait des patchs presque tous sans régression. J'ai écrit une documentation et des commentaires. La moindre des choses aurait été de nous prévenir avant de publier la nouvelle et le sondage non ?
    • [^] # Re: Autre bug

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

      Les modéros/relecteurs n'ont même pas encore commencé à voter. On s'y mettra sans doute seulement à partir de ce weekend et ça s'étendra surement sur plusieurs jours.
      NoNo corrige les bugs donc calmos sur les plaintes, les css seront jugées quand tout sera OK.
    • [^] # Re: Autre bug

      Posté par . Évalué à 2.

      Ils pourront relancer un nouveau sondage après que tout soit stabilisé, t'inquiète.
    • [^] # Re: Autre bug

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

      > Je me sens un peu lésé. J'ai passé du temps. J'ai fait des patchs presque tous sans régression.

      Sans régression sur la feuille de style originale, mais ils ont des effets sur les autres CSS du concours. Je ne m'attendais pas à recevoir des patchs sur le HTML le dernier jour du concours et du coup, je ne sais pas trop quoi en faire pour le moment.

      > J'ai écrit une documentation et des commentaires.

      À ce sujet, est-ce que ce serait possible d'ouvrir ta forge sur Indefero ?

      > La moindre des choses aurait été de nous prévenir avant de publier la nouvelle et le sondage non ?

      Il me semblait évident que les CSS allaient être publiées peu après la fin du concours mais ce qui est évident pour moi ne l'est pas forcément pour les autres, et j'aurais sûrement dû communiquer dessus.
  • # bof

    Posté par . Évalué à 2.

    Grayscale ou éditions papier. Mais y'a rien de vraiment transcendant, bon je jette pas la pierre, si j'ai pas participé c'est justement car j'avais pas d'idée transcendante.
  • # Précision sur le rendu

    Posté par . Évalué à 2.

    J'ignore pourquoi, mais l'image généré à partir de ma css ne rend pas correctement le résultat (le fond des articles est blanc).

    À part ça, même si j'aurais aimé avoir disposer de plus de temps (personnel hein, pas de délai) pour soigner les couleurs et les rendre plus reposantes, cette petite expérience m'a plue.

    Je m'abstiens de voter, mais mes préférées sont cascades et ronronnement vert qui se rapprochent d'un style « pro » (donc plus « linuxfr.org » que « pouet.net », très belle mais de tendance plus artistique) .
  • # Suicide collectif!

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

    Je propose d'organiser un suicide collectif si la feuille de style actuelle par défaut n'est pas maintenue dans la nouvelle version, ou bien si la possibilité de lire entièrement les dépêches et les commentaires dans le lecteur RSS de son choix n'est pas offert.

    Web Designer, ce métier!
    • [^] # Re: Suicide collectif!

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

      Il y a eu des demandes pour la porter, personne ne s'est proposé. (en même temps je préfère, c'est bien d'avoir du changement de temps en temps, d'ailleurs en ce moment je suis avec springtime parce que j'en avais marre de celle par défaut).

      « 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: Suicide collectif!

      Posté par . Évalué à 1.

      Ben, justement, j'ai fait une CSS qui consiste en la récupération du design par défaut du site actuel: kaika-new.css. Il y a bien quelques modifications mineures, mais je pense que le design est conservé.

      Par ailleurs, parmi les quelques CSS que j'ai testé sur alpha, je n'en ai pas vu qui mette en valeur les dépêches/journaux avec des nouveaux messages (à par ma CSS :) ). Est-ce que ce genre de marquage ne devrait pas être rajouté à toutes les CSS ?
      • [^] # Re: Suicide collectif!

        Posté par . Évalué à 3.

        Regarde mieux sur RonRonnement :-) Je l'ai fait, c'est discret, mais c'est présent (sur la version gris-bleu c'est peut-etre moins visible)

        Il y a le meme marquage sur les nouveaux contenus que sur les nouveaux commentaires par contre.

        Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

        • [^] # Re: Suicide collectif!

          Posté par . Évalué à 1.

          Effectivement, le petit '+' change de couleur quand il y a des nouveaux messages. Par contre, je ne trouve pas que c'est vraiment visible - peut-être que c'est juste un soucis de couleurs pas assez différentes ?

          J'en suis à me demander si ça ne devrais pas être le boulot de la toolbar de permettre de passer à la dépêche avec des nouveaux messages suivante (en plus de la fonction actuelle qui permet d'aller à la prochaine dépêche non lue)
          • [^] # Re: Suicide collectif!

            Posté par . Évalué à 2.

            Moi aussi je trouverais ça bien que la toolbar le fasse. C'était discuté quelque part (github ? un journal ?) et nono avait dit "pour l'instant c'est comme ça, j'ai hésité, il faudra voir ce que les gens veulent" (en gros)

            Sinon pour le pas très visible, je ne sais pas. Ça dépend bien sûr de la couleur, mais je pourrais aussi mettre le nouveau en couleur, ou tout le "lire la suite", je ne sais pas, j'ai hésité. J'aime bien comme c'est pour l'instant personnellement.

            Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

  • # tentative avortée

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

    voici une css que je n'ai pas eu le temps de terminer (les vacances de Noël c'est pas génial pour ça), ça peut faire une base si des gens sont intéressés: http://saimon.org/linuxfr/application.css
  • # À chaud

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

    Je suis content d'avoir peut-être inspiré l'auteur de grayscale, je dis bien peut-être. Le gris semble avoir plus de succès que le rose en tout cas.

    Je voudrais aussi parler du fait qu'il serait important de regarder les css en entier, et ne pas se focaliser sur la première page.

    Pour faire ma pub, chaque contenu à une indication visuelle en rapport avec sa note, et les arbres de commentaires sont je l'espère assez lisibles. Donc quand je vois le succès de cascade qui ne dois pas avoir une ligne de css pour les commentaires, je suis malheureux.

    Par ailleurs, malgré quelques commentaires reconnaissants, la communauté confirme le fait que participer à un concours est une perte de temps. Je sais qu'il y a des lots en fonction du choix de l'équipe de modération, mais je préfère la gloire et la reconnaissance éternelle aux biens.

    Merci aussi à Nono pour le mail de se matin, sans lequel je n'aurais pas vu que personne n'aime mes css :-)

    Envoyé depuis mon lapin.

    • [^] # Re: À chaud

      Posté par . Évalué à 3.

      En même temps quand on voit ton pseudo et ton blog, ta css kitsch dénote un peu.

      Elle est sympa mais franchement, ca tire les yeux et je n'arrive pas à me concentrer plu d'1 mn.
      Pour les couleurs, tu peux pas nous la refaire comme ton blog ;)


      Sinon je me range vraiment à l'avis de Nicolas
      http://alpha.linuxfr.org/users/yellowiscool/journaux/termin%(...)
      (je m'aperçois qu'on peut plus coller un lien sur un commentaire)

      Trop d'arrondi
      Avatar à coté du titre ++
      trop d'espace entre les commentaires
      et le dégradé dans le titre est trop prononcé (barre au milieu)
      En améliorant un peu ça, ca en ferait une CSS plus que convenable/

      Après pour le coté technique, je ne peux rien dire ...


      Allez garde espoir !
    • [^] # Re: À chaud

      Posté par . Évalué à 2.

      Bonjour,
      Je suis content d'avoir peut-être inspiré l'auteur de grayscale, je dis bien peut-être.
      Non, les coins arrondis et le titre en Megalopolis, c'est inspiré du design par défaut.
  • # Et la « killer feature » en HTML5 ?

    Posté par . Évalué à 2.

    Il n'y a pas eu de participants ?
  • # [Ma publicité | Troll debian] au choix

    Posté par . Évalué à 5.

    Bonsoir,

    Je viens pour vous parler de ma CSS, à savoir RonRonnement. Ensuite je ferai un petit troll sur debian, puis je donnerai mes préférences dans les autres CSS. Et non, je n'ai pas écrit cette phrase après avoir écrit le troll pour me rattraper, j'assume par avance ;-)

    Tout d'abord, donc, ma CSS. La version que vous pouvez voir en la testant n'est pas exactement le résultat souhaité. Comme mentionné plus haut par NoNo<, il faut un léger patch du html pour voir la CSS en entier (ça ne rajoute pas grand chose, mais c'est assez sympa je trouve ;-) ) Si vous voulez voir la version avec, pour l'instant le patch (qui n'existe pas vraiment en tant que patch) peut être "émulé" avec le script greasemonkey http://linuxfr.indefero.net/p/concours-yoda222/source/file/m(...) (je vous laisse découvrir la différence) Si vous n'avez pas greasemonkey (ou un équivalent pour les autres navigateurs, je ne connais pas les noms) vous pouvez voir ce que ça donne là http://www.elsewhere.be/plop/RonRonnement.png .
    Ensuite, je me pose une question sur ma propre CSS. Quand je regarde le site chez moi avec mes pc personnels, je vois une différence assez grande entre la couleur de fond d'une news/journal/… (dans le cadre au coin arrondi) et le milieu dans lequel elle baigne. Par contre, au boulot, c'est très peu visible. Est-ce l'écran du boulot qui est mal reglé ou ceux de la maison ? Je ne suis pas sûr, mais j'espère que vous avez un rendu avec une différence assez visible, c'est plus joli.
    Puis sinon n'oubliez pas (et c'est valable pour d'autres CSS ;-) ) de regarder les petits détail : nouveaux messages, page de soumissions de commentaire, prévisualisation, … (puis de dire tout ce qui ne va pas ;-)) J'aime particulièrement l'effet de bord non voulu qui fait que le gradient du haut change en fonction de la taille (hauteur) de la page. Avec un peu d'entrainement, vous pourrez savoir combien de temps de travail vous allez perdre ou si patrick_g a battu un record de longueur de news.

    Ensuite, sur les problèmes de performance sur certains navigateurs. Je suis d'accord que cela pose un problème. Je pense que c'est parce que j'ai décidé d'essayer de faire une css sans images de fond, en essayant de faire avec des features du css. Bon, au final, il y en a une pour la "pointe" des scores et de la date. Par contre, à côté de ça, je me suis peut-être un peu trop laché sur les gradients et ombres. Mais pour le développement j'ai utilisé ma "vieille" machine (4 ans et demi) avec un firefox 3.6 installé pour l'occasion (je suis sous debian sid) car le 3.5 ne rend pas les gradients, et je n'ai pas eu de problèmes significatifs. (c'est un peu plus lent que la CSS "par défaut" sur la news de patrick_g mais pas énormément)
    Puis est venu le moment de la publication, et les quelque remontées de problème de performance. J'ai donc installé midori, et effectivement avec lui c'était inutilisable. Ça semble venir (principalement, c'est encore un peu lent sans, Cf sondage sur les CSS) d'un problème avec les shadow sur les grandes boîtes, et comme j'en ai une seule mais qu'elle est sur toute la hauteur, c'était particulièrement lent. Un autre navigateur posant problème est firefox 3.5. Ou Iceweasel. C'est à dire le navigateur (et sa version) que j'utilisais encore il y a un mois (j'utilise toujours firefox, mais en 3.6 maintenant) Et là, j'ai quand même envie de pousser un coup de gueule envers debian, parce que ça fait pratiquement un an que firefox 3.6 est sorti. C'est un concours avec le couple windows XP/IE6 qu'on trouve en entreprise ou quoi ? Debian Sid, avec un des logiciels majeurs du LL qui est en retard d'un an ?
    Bon, c'est facile de critiquer évidemment, vu que je n'ai jamais aidé debian, mais que je n'en suis qu'un utilisateur /o\

    Mais je propose à tous les debianistes qui ont un moment de temps* et qui veulent vraiment voir ma CSS de tester une fois avec un firefox >= 3.6 (ou chromium par exemple). Un petit tour sur le site de mozilla, tar xf dans /tmp puis /tmp/firefox/firefox et c'est bon. Avec les gradients, ça donne quand même pas mal mieux que sans ;-) (et c'est valable pour quelque autres CSS aussi) (et votre machine aura une bonne raison d'être un peu lente, même si ce sera plus rapide qu'en 3.5)


    Pour finir, comme promis, voila ma sélection de CSS parmi celle des autres concurrents. Personnellement, j'aime bien colors, qui change pas mal, même si je trouve que la barre du haut est un peut trop grande (en hauteur) Il reste pas mal de boulot sur la mise en page des commentaires. L'affichage des tags (et journaux, news, … est sympa) Après ça, je placerais Cascade et kaiska-new, parce que je suis compliqué, et donc après une CSS innovant, il faut que je retrouve mon équilibre avec quelque chose de connu.


    Voila, c'est tout pour ce soir, et merci à ceux qui ont lu jusqu'au bout (et à ceux qui lisent les deux dernières phrases après avoir abandonné au milieu aussi)

    * et qui ne sautent pas dès maintenant les deux pieds dans le troll

    Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

    • [^] # Re: [Ma publicité | Troll debian] au choix

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

      J'ai trouvé un bug sur la css RonRonnement quand je navigue avec Chromium (bug visible sur toutes les css RonRonnement puisqu'il y en a un paquet avec des couleurs différentes)
      C'est sur la page "Proposer une dépêche" quand on va entrer le texte de la news. Avec mon Iceweasel 3.5 tout va bien mais avec Chromium le cadre "Mark it up !" est décalé vers la droite.

      Screenshots :

      Iceweasel => http://www.flickr.com/photos/11384633@N00/5334876155/
      Chromium => http://www.flickr.com/photos/11384633@N00/5334876099/
      • [^] # Re: [Ma publicité | Troll debian] au choix

        Posté par . Évalué à 3.

        Oui, on me l'avait déjà signalé, ça doit venir d'une interaction bizarre entre ma css et celle de markItUp qui est importée dedans. En supprimant la règle "width=700px" qui est dans la css markItUp (par l'intermédiaire du "firebug" intégré à chromium), ça redevient bon, mais je n'arrive pas à comprendre de quelle règle de ma css vient le problème. Il va falloir que j'essaye par dichotomie.

        Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

    • [^] # Re: [Ma publicité | Troll debian] au choix

      Posté par . Évalué à 2.

      Personnellement, je suis aussi sur Debian, avec iceweasel 3.6, et j'ai les même soucis de performance que d'autres personnes. C'est dommage, parce que j'aime bien le look :(

      Pour avoir des performances normales, j'ai du procédé aux changements suivants:
      - enlever le box-shadow du body
      - enlever les gradients sur html et body - je n'ai pas enlevé les autres.

      Une fois ces changements réalisés, on perd un peu en esthétisme, mais on a des pages _bien_ plus réactives. Ça vaudrait peut être le coup d'avoir une CSS alternatives pour les vieux coucous comme le mien ? :)
      • [^] # Re: [Ma publicité | Troll debian] au choix

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

        Ben moi j'ai un AMD double cœur qui date un peu (2000 bogomips) avec un Firefox 3.6 sous Salix (Slackware) 13.1
        Et bien que j'aime beaucoup le style de RonRonnement, ça rame vraiment trop sur ma machine quand je scroll. J'ai testé sur une dépêche de patrick_g du noyau...c'était pas très agréable à lire.
        Je pense qu'il est possible de faire ces ombres avec des images, sous forme de tileset pour que ça charge plus vite. Idem pour les gradients. Ce sera certes un poil moins joli, mais juste un peu, et ça permettra à ceux qui n'ont pas un navigateur gérant correctement ces rendus ou ceux ayant une machine peu puissante (ou les deux comme moi /o\ ) de pouvoir bénéficier de ces CSS.
        Qu'en penses-tu ?
  • # Que des CSS?

    Posté par . Évalué à 2.

    Le concours proposait plein de choses à faire, et surtout "développer une killer-feature".
    Dois-je en conclure qu'aucun linuxfrien (capable de développer) n'a rien à ajouter en termes de fonctionalités à Linuxfr?
    (pour ma part, je ne vois pas non plus hein!).
    • [^] # Re: Que des CSS?

      Posté par . Évalué à 2.

      Hum, bloub!
      Je devrais arrêter de rédiger le soir et envoyer le matin sans regarder l'activité nocturne (enfin, nocturne chez moi...)
  • # Chieur de base…

    Posté par . Évalué à 2.

    Aucune CSS n’a l’indentation de la première ligne des paragraphes, et le langage Wiki propose des « puces » au lieu des tiret longs. Est-ce bien du futur linuxfr dont on parle ? :p

    Plus sérieusement, félicitation à l’auteur d’édition papier, que j’aime beaucoup, la css, pas l’auteur ! Par contre, il n’y a, pour le coup, aucune séparation de paragraphe (pas de marge, pas d’indentation). C’est vraiment pénible ! Comment puis-je corriger l’indentation et les marges verticales des paragraphes pour la modifier et l’utiliser comme CSS perso. ? Je précise que je ne connais rien à CSS. Note : par contre les paragraphes des dépêches de la version alpha sont pourtant bien séparés ; je pense finalement qu’il s’agit d’un bug rencontré uniquement lorsqu’on crée directement un nouveau contenu sur la version alpha.
    • [^] # Re: Chieur de base…

      Posté par . Évalué à 3.

      Je n'y ai même pas pensé. Comme quoi, sur internet, les règles de la typographie (?) française sont malmenées ;-)
      Pour le faire, tu dois pouvoir rajouter une règle
      text-indent: 20px;(regler 20px à la valeur désirée, tu peux utiliser aussi d'autres unités)
      Et le bon sélecteur à rajouter est probablement .content .p
      Donc au final quelque chose comme
      .content p {
      text-indent: 20px;
      }
      devrait te rajouter de l'indentation dans les paragraphes de contenu (news, journal, ...) et commentaires. (j'ai pas vérifié très loin dans le détail, effets de bords possibles)

      Par contre, ça ne marche que sur les nouveaux journaux/news, les trucs importés ont leurs paragraphes séparés par des "br" plutôt que regroupé dans des balises "p" (si je ne me trompe pas)

      Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

      • [^] # Re: Chieur de base…

        Posté par . Évalué à 2.

        Ah zut un râleur qui a 100% raison :) pourtant j'utilise cette propriété sur mes propres pages web (fr hein). Mais pour ma part je préfère spécifier une unité en « em » (genre 3 max).
  • # Petit problème

    Posté par . Évalué à 2.

    Le site alpha ne marche plus (erreur 500 en tout cas d'ici)
    Donc je profite de cette petite remarque sur la santé du site pour savoir s'il y a une vague idée de la date de résultat du concours. Je suppose que c'est comme debian, quand il sera prêt ? /o\

    Tous les nombres premiers sont impairs, sauf un. Tous les nombres premiers sont impairs, sauf deux.

    • [^] # Re: Petit problème

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

      > Le site alpha ne marche plus (erreur 500 en tout cas d'ici)

      Oui, ma faute, je devrais pourtant le savoir que ce n'est pas une bonne idée de pousser des changements risqués à 3h du mat juste avant de se coucher. Enfin bref, c'est revenu.

      > Donc je profite de cette petite remarque sur la santé du site pour savoir s'il y a une vague idée de la date de résultat du concours. Je suppose que c'est comme debian, quand il sera prêt ? /o\

      Florent, qui a organisé le concours, n'a en ce moment vraiment pas le temps de s'en occuper. Il va falloir patienter jusqu'à son retour.

Suivre le flux des commentaires

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