Le Framablog fait sa mue en plein hiver

Classé dans : Framasoft | 23

Paul Mannix - CC byJ’avais très clairement d’autres choses plus urgentes à faire (sur Framasoft et ailleurs) mais je me suis souvenu de ma liste de bonnes résolutions pour l’année… 2008 ! Parmi une longue suite de promesses non tenues, se trouvait le projet de modifier un peu l’aspect graphique et ergonomique de ce blog qui n’avait pas bougé depuis sa création. Il reste encore un bon paquet de trucs à « peaufiner » mais voici donc le nouveau log du Framabook look du Framablog.

Qu’est-ce qui a réussi à me motiver assez pour trouver le temps de réaliser cette véritable prouesse (enfin, surtout pour moi) ? Principalement le nouveau thème Dotclear d’Olivier Meunier que j’ai trouvé fort bien fait ma foi et que j’ai donc adopté de go sans presqu’y rien changer (du coup le temps consacré a été diminué d’autant). J’en profite pour saluer l’extraordinaire travail d’Olivier et derrière lui toute la communauté Dotclear. Je n’ai pas vraiment suivi dans le détail mais il y a un an on avait, je crois, un projet moribond qui évoluait peu et qui voyait beaucoup de blogueurs partir sous d’autres cieux (comprendre vers WordPress).

Aujourd’hui c’est tout le contraire. La version 2 est là est bien là, correctifs, documentations, thèmes, plugins, trucs et astuces se succèdent à un rythme effréné et l’atmosphère est au beau fixe si j’en juge par la quantité, qualité et la gentillesse des interventions sur le forum (dont je n’ai malheureusement pas la disponibilité suffisante pour participer). Grand merci à vous tous, c’est un peu surfait de le dire mais c’est sincère : vous faites un boulot formidable ! Et d’ailleurs, tiens, la photo d’illustration[1] vous est dédiée ;-)

Bon, bien entendu, fidèle visiteur, tu risques d’être un peu perturbé au début dans ta lecture (et puis il y a bien eu quelques compromis à faire). Mais puisque tu as tenté réussi à passer sous GNU/Linux, tu es désormais paré à toutes les éventualités !

Un peu comme un changelog de logiciel, voici en vrac une énumération non exhaustive d’informations, comparaisons et commentaires autour de ce nouveau manteau d’hiver.

  • Confort a priori accru avec des pages moins lourdes à se charger et une lecture plus agréable et aérée (à vous de me dire, une fois le cache actualisé of course). Le hic c’est que la mise en page de certains articles était optimisée pour l’étroite colonne de la version précédente et on se retrouve parfois à ne trop savoir que faire de tout ce vaste espace conquis. On tentera d’y pourvoir petit à petit et au cas par cas.
  • Apport de quelques contenus spécifiques qui faisaient défaut depuis le début (voir plus bas et shame on me).
  • Modifications sur les médias (images, audios, vidéos, etc.) qui devraient théoriquement permettre à Bibi d’émettre plus rapidement et efficacement ses futurs billets.
  • Apparition d’un menu permanent en haut de page utilisant l’option « pages fixes et indépendantes » de Dotclear.
  • Dans les liens de ce menu, on trouve Framalang. C’était bien le moins que de consacrer une page dédiée à ce projet ! Autre nouveauté, il y a également la possibilité à partir de cette page de s’inscrire directement à la liste de diffusion Framalang si jamais il vous venait l’envie de participer.
  • La page Framatube est une autre grande nouveauté. Elle sort de l’ombre notre compte sur blip.tv et permet de voir ainsi pas loin de cent vidéos autour du logiciel libre, sa culture et son état d’esprit ! Mais nous aurons bien le temps d’en reparler… Attention, « flashophobe » s’abstenir ! (sachez néanmoins que l’on possède très souvent des conversions au formats ouverts de ces vidéos, que l’on indiquera là encore au fur et à mesure, be patient)
  • Une page À propos permet au visiteur qui découvrirait le Framablog de mieux se rendre compte où il met les pieds (à propos, faudra que je pense à la remplir !).
  • C’était un peu bêbête mais il n’y avait pas de formulaire pour contacter le Framablog (en l’occurrence moi, mais sachez d’ores et déjà que d’autres vont bientôt venir me rejoindre à la rédaction). D’autant plus incongru que j’adôre la communication môa ! Cette lacune est désormais réparée. Outre les discrètes mentions de fautes d’orthographe, vous allez aussi pouvoir me proposer à l’avenir tout plein de suggestions de billets et autres scoops en exclusivité ;-)
  • Autre fâcheux oubli, la licence du site et les mentions des dessins réalisés en haut et bas de page (merci à Pfelelep et LL de Mars au passage).
  • Le moteur de recherche interne est pertinent et spectaculaire (JavaScript inside) grâce au boulot d’Olivier Meunier.
  • La page d’accueil se trouve être revue de fond en comble. Ce n’est pas vraiment un problème pour toi, fidèle visiteur, qui est abonné au flux RSS du Framablog et qui donc attend tranquillement que ses articles viennent illico à toi sans passer par la case « accueil » du blog (et sans toucher 2000 euros, que de toutes les façons tu conserves jalousement pour participer toi aussi à la future campagne de survie soutien de Framasoft). Par contre, pour un visiteur tout frais qui passerait par hasard pour la première fois ici, la page d’accueil est certainement plus lisible que ce qui était proposé précédemment, à savoir une dizaine d’articles en enfilades qui donnaient une home page à l’ascenseur tellement long qu’il devenait un escalier (j’me comprends).
  • Les tags apparaissent enfin sur les pages du site. Comme avec le temps ils se sont accumulés, cela donne des propositions intéressantes d’entrées alternatives pour fureter dans le blog.
  • C’est un choix. Les tags étant mis en avant, il y a un paquet d’informations qui passent dans le gros pied de page du site. C’est donc là qu’on y trouvera désormais les derniers billets, commentaires, news du net, ainsi que, encore une nouveauté, une sélection de blogs et sites connexes au Framablog (en gros qui tournent eux aussi autour du Libre, et que si tu n’en connais aucun alors tu as bien de la chance parce que te voila parti pour le beau voyage de la découverte du logiciel libre et sa culture).
  • Après ce pied de page, c’est pas encore fini car on trouve une sorte de « méta-pied de page » qui concerne… je suis pénible je sais avec ça… l’imminente campagne de soutien (pour le moment, les liens ne sont pas renseignés mais ça ne saurait tarder).

Voilà. J’ai dû oublier des choses… mais ce n’est pas très grave puisqu’elles sont toutes contentes de se transformer alors en easter eggs.

Merci de me retourner dans les commentaires tout bug repéré (avec indications de l’OS et du navigateur si cela concerne l’affichage). Vous êtes également cordialement invité chez moi pour le Jour de l’an à laisser vos avis, critiques et propositions de suggestions pour continuer à améliorer le bouzin.

Merci enfin à toi, ô fidèle visiteur, pour être arrivé jusqu’ici (signifiant par là-même que tu es susceptible de le rester).

Notes

[1] Crédit photo : Paul Mannix (Creative Common By)

23 Réponses

  1. Géniale, une taille de police qui fait plaisir à lire !
    Longue vie au Framablog : )

  2. Mysanthropian

    Jolie thème, et amusant commentaire… le look change, mais la formule est préservée. Merci pour cet excellent travail. Bonne continuation.

  3. Bravo pour cette refonte du framablog ! Tout est parfait (j’adore la page d’accueil avec les extraits des derniers billets….), mais ne serait-ce pas le moment de refaire aussi le dessin en bannière ? Il fait un peu "brouillon" par rapport à l’ensemble ultra-pro…
    Ca serait sympa de lancer un concours de bannières (photos ou dessins) pour la nouvelle année, non ?

    En tout cas bravo encore !

  4. Très sympa ce nouveau look par contre je trouve dommage que l’on perde les liens vers les autres sites du réseau framasoft.

  5. Pierresnake

    Bonne évolution ! Pas super utile à dire mais moi j’aime bien :)
    Une remarque/question : pourquoi ne pas rendre cliquable le "logo header" pour qu’il ramène à la page d’accueil ? Comme sur beaucoup de site. Je dis peut-être une absurdité, c’est possible ><

  6. Merci à toi, ô fidèle rédacteur

    C’est vrai que c’est beaucoup plus agréable à l’oeil et toujours aussi bien pour l’esprit :-)
    Framatube et est une très bonne idée…

    Bravo

  7. L’idée de framatube est excellente !
    Dommage pour le flash par contre …
    Est ce qu’il existe des solutions pour mettre des vidéo en streaming avec des formats libres ?

  8. Oulà, ça fait un choc, ce matin… Pas mal, même il me faudra un peu de temps pour m’y habituer et m’y retrouver (je ne comprends pas l’ordre de présentation des billets, par exemple).

    En revanche, je trouve dommage d’utiliser un nuage de mots comme on en voit partout, je n’en ai jamais vu l’utilité, et ça m’apparaît vraiment comme un gadget hype 2.0 fashion victim.

  9. Déçu, ça passe plus sur le Eeepc 701… Snifff.. Mais c’est bien tout de même.

  10. Bonjour,
    Il va falloir que je me décide à migrer à Dotclear 2 aussi …

    … Je peux me permettre quelques observations? Critiques.

    La largeur de la colonne des articles est trop importante. En général on considère qu’une largeur de ligne d’environ 12 mots est un maximum pour une lecture confortable. Un bon exemple: les journaux imprimés … Il vaut peut-être mieux deux colonnes…
    A mon sens ceci fait partie des éléments à soigner particulièrement sur internet, terrain favorable au zapping .
    – Je trouve les polices (billets et commentaires) un peu petite
    – Si la page d’accueil est assez réussie, pour le reste du blog le grand pied de page peut ne pas être pratique : Si l’article est long, et comporte beaucoup de commentaires, la navigation n’est pas très aisée. On peut éventuellement (seulement pour les articles) utiliser la colonne droite avec une partie du contenu du pied de page. Mais c’est aussi un choix.

    Pour finir la qualité du logo (top-bg.jpg) est très moyenne, c’est assez visible sur le texte « Framablog » (Je parle de la qualité technique de l’image)
    (Euhh … La barre de navigation commune à Framasoft, Framakey, Framabook, etc, a disparu )

    Mais, j’avoue volontiers que, dans le cas de Frama, même écrit en caractères gris sombre sur fond noir je le lirais (presque) de A à Z

    Bien cordialement

  11. Ah bien! J’aime beaucoup.
    Et je suis d’accord avec Nicolu concernant la bannière. :)

  12. "Autre fâcheux oubli, la licence du site et les mentions des dessins réalisés en haut et bas de page (merci à Pfelelep et LL de Mars au passage)."
    Ha voila une bonne chose :)
    Sinon c’est pas mal, peut-être juste un peu trop large.

  13. Merci pour vos interventions fort utiles (la palme à plakat).

    Voici les quelques modifications apportées depuis donc :
    – La colonne centrale a été un tout petit peu réduite sur la droite (c’est encore trop large mais c’est déjà ça !).
    – La topbar "réseau Framasoft" est revenue (soit dit en passant la balise <form> est une vraie galère je trouve, chaque navigateur fait ce qu’il veut en la matière)
    – Sur la colonne de droite des billets, apparition des 3 derniers commentaires du billet en question et des 3 derniers articles du blog
    – 8 cafés et 23 cigarettes

    Me reste encore (enfin au moins encore) tout le bandeau du haut qui bave et qui clique pô !

    Sinon que pensez-vous de la mise en exergue des commentaires de l’auteur du billet ? C’est pas pour être mégalo mais c’est un truc que j’aime bien chez les autres blogs, ça permet de voir tout suite les réponses de l’auteur (et ça permet aussi de voir si l’auteur daigne répondre de temps en temps !).

    N’hésite pas à poursuivre les critiques et suggestions, je suis pas webdesigner je suis prof mais j’aime bien apprendre ;-)

  14. Une suggestion tout de même. Dotclear propose un plugin Subscribe to comments.
    Tant qu’a mettre les commentaires de l’auteur en exergue, autant que l’internaute soit prévenu d’une éventuelle réponse à son commentaire.

  15. Docteur Fas

    Bonjour, en tant que lecteur régulier de framablog je dois vous informé que votre nouveau thème est NUL!

    En effet je suis aveugle .

    Je pense que le plus simple pour comprendre mon désaroi consiste pour vous à désactiver le CSS.
    Le flux de donnée est trop acher, et en lecture ligne par ligne le début de l’article est plus ou moin introuvable. Je pense qu’il faudrais déplacé le corp de l’article sous le titre.

    En plus devoir cliqué sur "Ajouter un commentaire" n’est pas intuitif selon moi.
    je terminerai en ralent sur la non-utilisation des titre (h1 , .. h6) pour la hiérarchisation du contenu.

    Mais a par cela longue vie a Frama et à son équipe!

  16. Personnellement j’ai beaucoup surtout les petits ajouts annnexes qui n’existaient pas avant. Et Framatube c’est impressionnant, je me suis surpris à y passer une bonne heure en "zappant" d’une vidéo à l’autre (pas mal de choses intéressantes et que je ne connaissais pas).

  17. Pour le Docteur Fas, l’idéal serait peut-être d’utiliser un style dédié pour terminal braille, non ?

  18. @Docteur Fas

    Ce n’est pas pour botter en touche mais il faudrait d’abord que j’en parle au concepteur du thème OIivier parce que ça dépasse un peu compétences. Je le mets dans les priorités. Effectivement quand on désactive le CSS, c’est pas joli joli.

  19. Personnellement, je préfère très nettement l’ancien blog.
    Mais bon, les goûts et les couleurs…
    L’essentiel reste quand même dans le contenu !

    Avec tous mes encouragements pour poursuivre votre oeuvre.

    PS : m’enfin quand même, il me chagrine ce look… Je vais l’adapter à mes goûts avec un outil libre découvert grâce à Framasoft : l’addon Stylish pour les outils Mozilla :-))

  20. J’ai rajouté des liens de "social bookmarking" sous les articles (Delicious, Facebook, Twitter et Wikio).

    Vous allez peut-être penser que c’est du gadget mais lorsque je regarde les stats du blog, je constate que ces quatre sites apportent leur petit lot de visiteurs chaque jour alors autant favoriser le mouvement (sachant qu’on peut supposer que certains découvrent alors le blog car nous sommes ici hors du circuit classique de la communauté du logiciel libre francophone).

  21. JosephK

    > J’ai rajouté des liens de "social bookmarking" sous les articles (Delicious, Facebook, Twitter et Wikio).

    Argh ! Quelle horreur !

  22. Il est vraiment excellent ce thème magazine ! Tout à fait d’accord avec toi.

  23. Très élégant. Bravo !

    Seul souci : pourquoi mettre tout – ou presque – en italique ? Ca ne facilite pas la lecture et, en plus, ça fait perdre l’utilité même de l’italique, à savoir mettre une portion de texte en évidence.

    Perso, je trouve ça à peu près aussi lourd qu’un site qui serait en Comic Sans MS – http://bancomicsans.com/home.html ;-)