[1241] Faites la mue, pas la guerre !

Mais ! mais ! C’est quoi ce truc ?

J’imagine tes cris d’angoisse, ami lecteur, alors que, serein, tu venais faire une petite visite sur mon site (au fait, merci pour ta fidélité) pour voir quelle nouvelle histoire de cul je t’avais racontée, et que ce truc bizarre est apparu. Tu as d’abord pensé une demi-seconde « J’ai dû taper une mauvaise adresse » et puis tu as vu ce « Comme une image » trôner fièrement en lettres de feu au sommet de la page et tu as enfin compris : mon site vient de changer d’apparence.

Quatrième look, donc troisième mue.

Alors, certes, le thème précédent que m’avait bichonné Frisouline (je la remercie une fois de plus) avec amour était extraordinaire et faisait que mon burp ne ressemblait à rien d’autre, mais cela faisait quand même plus de cinq ans qu’il n’avait (quasiment) pas bougé et il avait l’inconvénient de ne pas savoir s’adapter joliment à ces petits engins qui tiennent dans la main et que tout le monde a maintenant : les smartphones. Environ 21 fois sur 100, c’est depuis un téléphone que vous venez me lire et 8 fois sur 100 depuis une tablette. À l’époque où le thème de Frisouline est arrivé, les « usages mobiles » représentaient à peine 1 % des visites.

J’avais, depuis, mis en place une extension qui permettait d’adapter l’affichage aux smartphones, mais c’était au détriment de tous mes efforts de mise en page et de design, sans compter un certain nombre de fonctions qui ne marchaient pas bien (l’identification, la recherche, etc.)

Pour ceux qui s’intéressent au dessous du capot, il était temps également de passer à HTML 5 et CSS 3.

Je te connais, lecteur homéostatique (et je suis comme toi !), à chaque changement, il s’en trouvera toujours pour pleurnicher que « c’était mieux avant ». Oui, c’était mieux avant, mais ce sera mieux demain.

Comme à l’accoutumée, je ne doute pas qu’il y ait des petits trucs qui ne marchent pas bien par ci par là (moi même, j’ai encore une liste longue comme le bras de trucs à améliorer, mais cela fait plus d’un an – certes, avec des interruptions – que je travaille sur le sujet et si je repousse sans arrêt en attendant que ce soit parfait, ce thème ne verrait jamais le jour). Tu peux évidemment me faire tes remarques dans les commentaires ci-dessous (tu as vu, j’ai mis un truc chouette qui te permet de citer facilement les petits copains), si mon burp s’affiche n’importe comment sur ton téléphone, fais-moi une jolie capture d’écran en me précisant le type d’appareil que tu utilises et envoie moi ça en contact ou parle-moi de tes malheurs sur la page « J’ai un problème ».

Et comme à l’accoutumée, je te laisse en souvenir une copie d’écran de comment c’était avant :

cui.burp.fr 2015-1-17 22 55 15

[EDIT de 21:11] IVV m’a fait remarquer, et c’est très très mal, que je ne l’avais pas créditée au sein de cette note. C’est fort injuste, car je lui dois effectivement les quelques éléments graphiques que j’aurais été incapable de produire, même après des heures de transpiration. Les effets de papier déchiré, c’est donc elle.

Pendant que j’y suis, j’en profite pour remercier les quelques paires d’yeux attentifs qui m’ont apporté leur regard critique et permis d’apporter de nombreuses améliorations avant la mise en ligne. Pour les améliorations d’après la mise en ligne : j’y travaille et vos commentaires me sont précieux. [/EDIT]

38 Responses sur “Faites la mue, pas la guerre !”  

  1. #1
     
    gravatar
    Vagant a gazouillé  :

    Beau-coup-mieux ! Je n’ai jamais été fan du précédent thème coucou suisse, et je préfère celui-la. Toutefois, je n’aime pas trop la police de caractères. C’est quoi ?

  2. #2
     
    gravatar
    Comme une image a gazouillé  :

    @vagant C’est la police « exo 2 » de chez Google fonts. Moi je l’aime bien :)
    Pour le reste, je suis content que tu préfères. Y en a qui aimeront moins… Bah… c’est la vie :)

  3. #3
     
    gravatar
    Avalina a gazouillé  :

    C’est mieux : plus sobre, le design est plus actuel, plus au goût du jour. Et toutes les rubriques sont là, chacune à sa place, il y a même encore le Cui portant le blog sur ses épaules tout en bas… Je m’attendais en fait à une transformation plus… radicale !

    C’est finalement peut-être plus facile de changer le design d’un blog qu’une PP ?!

  4. #4
     
    gravatar
    GreenLullaby qu'a bientôt fini son blog elle aussi a gazouillé  :

    C’est BEAUCOUP mieux ! Je rejoins en partie Vagant (j’adore l’expression « coucou suisse », très appropriée) : le précédent look était décidément kitsch. Approprié à ton intitulé, certes, mais kitsch.
    En revanche, j’aime bien cette police.
    Ah, les goûts et les couleurs…

  5. #5
     
    gravatar
    La même a gazouillé  :

    Juste pour info : ton nouveau burp ne reconnaît pas mon adresse de blog… (l’actuel).

  6. #6
     
    gravatar
    Comme une image a gazouillé  :

    @avalina » Ouh là ! Je crois que tu n’imagines pas le nombre d’heures que j’ai passées à travailler sur ce thème… Et puis, oui, je voulais un changement dans la continuité… Il y a donc quelques petits éléments de l’ancien thème que l’on retrouve ici : l’avatar par défaut, Atlas, la couleur des liens…

  7. #7
     
    gravatar
    Ginger a gazouillé  :

    Tout comme Vagant, je préfère ce design, notamment la couleur (préférence tout à fait personnelle).

    3 petites remarques (puisque tu le suggères) pour les smart phones, en l’occurrence l’iPhone me concernant :
    – le défilement du texte n’est pas stable ; rien de bien grave, je te le transmet en critique constructive ;-)
    – j’ai mis un peu de temps à poser ce commentaire car il faut remonter au début du texte pour poster un gazouilli ; il paraîtrait plus logique qu’il apparaisse à la fin, non ?
    – de façon positive, j’apprécie de pouvoir m’identifier !

    Très beau travail et félicitations !
    J’ai presque cru que tu n’allais pas tenir ta promesse de ce changement pour ce week end – tu nous le donnes vraiment sur la dead line !

  8. #8
     
    gravatar
    Ephra a gazouillé  :

    Ra-vis-sant ! D’ailleurs, me voilà ravie.
    J’ai toujours été très fan de l’alliance entre un glauque un peu terne et un rouge bien vif. ça fait un contraste intéressant. Une ambiance douce et qui réveille à la fois.

  9. #9
     
    gravatar
    Avalina a gazouillé  :

    Si j’imagine très bien : j’ai eu moi aussi un blog et quand je suis passé en « mode avancé » j’ai pas mal galéré, je me souviens bien des heures de prise de tête (la remarque était ironique).. Le résultat en valait la peine, comme ici (et sinon j’aime bien la police moi aussi).

  10. #10
     
    gravatar
    dita a gazouillé  :

    j’avais des soucis avec l’autre version sur mon smartphone. là j’ai testé ça va bien! :)
    Le changement est doux et ne me choque pas. J’aimais bien celui d’avant ( j’ai des goûts kitsch apparemment mais ça je le savais déjà!) mais j’aime bien celui là aussi.
    Alors dans les petites remarques:
    j’aurais bien aimé un nouvel avatar.
    C’est quoi le Burp entre gazouillis et Comme une image?
    Assez d’accord pour dire que c’est long de remonter pour mettre son commentaire. Pour un peu que notre doigt soit gelé par le froid, c’est impossible :p
    Bravo pour le boulot!

  11. #11
     
    gravatar
    dita a gazouillé  :

    j’ai compris je crois . ce sont les mots clés?

  12. #12
     
    gravatar
    ivv a gazouillé  :

    Bon moi contrairement à la majorité des commentaires, je trouve à un brin rétro…
    Par ailleurs sur mon smartphone les imagettes des commentateurs n’apparaissent pas.
    Je t’enverrais une copie d’écran à l’occasion.
    Et comme Ginger je trouve qu’un accès au formulaire de commentaire serait bienvenu à la fin de l’article.
    MAIS le pire du pire ^^
    Frisouline est encore encensée et moi même pas un petit merci, han ! je suis vexée !!

    Bisous hein et sans rancune ;p

  13. #13
     
    gravatar
    Zoumpapa a gazouillé  :

    Hé bien bravo! Je me suis baladé un peu partout et le site permet une navigation est assez intuitive, ce qui est une belle qualité.
    Juste une chose: je trouve que la lecture des comments est un peu moins agréable, peut-être à cause d’une présentation un peu chargée, à mon avis par l’italique…ou la numérotation…ou les deux à la fois…sais pas mais y a un truc.
    Bon c’est pas dramatique non plus hein.

  14. #14
     
    gravatar
    Vagant a gazouillé  :

    D’accord avec tout le monde sur la position du bouton pour lâcher son com. Ce serait mieux en bas, ou alors en haut et en bas.
    Je ne sais pas ce que tu penses de la liste de liens triés par ordre de parution de la dernière note. C’est bien pratique. Tu ajoutes un fil RSS de temps en temps et les blogs morts disparaissent naturellement de l’affichage. Ainsi, ta liste de liens est toujours à jour. Ce serait une bonne fonctionnalité à ajouter, pendant que tu y es.

  15. #15
     
    gravatar
    Vagant a gazouillé  :

    Un peu d’accord avec Zoumpapa sur la présentation des commentaires. Peut-être pourrais-tu déjà retirer la répétition des mots  » le gazouillis suivant » à chaque commentaire ?

  16. #16
     
    gravatar
    FLORENCE a gazouillé  :

    Moi j’aime bien ces couleurs pastel

  17. #17
     
    gravatar
    Brigit a gazouillé  :

    ô ! et bien, comment dire… du moment qu’il y a toujours le bas, pour le reste… no comment !

    :p

  18. #18
     
    gravatar
    Brigit a gazouillé  :

    hum… tiens, tiens, seriez-vous amateur des Doors ???

    rooh, ça fait penser à des trucs très indécents ! bon ok, j’ai l’esprit mal tourné…

  19. #19
     
    gravatar
    ivv a gazouillé  :

    Ha quand même ;)
    Je suis d’accord sur la redondance sur les commentaires…
    « Machin a gazouillé le… » suffirait peut être…
    t’es envoyé la copie d’écran de sur mon smartphone.
    tchuss

  20. #20
     
    gravatar
    Comme une image a gazouillé  :

    @greenlullaby-qua-bientot-fini-son-blog-elle-aussi » Pour le problème d’identification de ton blog, ça doit venir d’autre chose ; je vais désactiver les modules OpenId. C’était une belle idée, mais hélas, elle n’a guère fait florès.
    Pour l’ancien look : kitsch, très certainement. Totalement assumé !

    @ginger » Il faut que tu m’expliques ce que tu entends par « défilement pas stable ». Je suppose qu’une démonstration visuelle serait plus parlante. Ça me fait un peu peur en tout cas et je ne suis pas sûr de pouvoir y faire grand-chose. Enfin, je prends note !
    Pour ce qui est du formulaire de commentaire, il est à la même place que sur l’ancien blog, c’est à dire après les commentaires eux-mêmes, et ça m’étonne que vous soyez plusieurs à faire cette remarque. Je vais travailler à un moyen d’offrir un accès direct à quelques zones clés de la page (le haut, le bas, les commentaires, le formulaire de commentaire…) parce que c’est vrai que c’est un peu laborieux de scroller sur ces petits engins !

    @ephra » Chère ravie, je suis content que ça vous plaise. Par ailleurs, votre avatar apparaît assez mystérieusement dans son écrin actuel. On dirait l’une de ces images où l’on peut voir deux choses différentes (ici, deux visages ou un vase !)

    @dita « Burp », c’est la catégorie dans laquelle est classée la note. En l’occurrence, c’est la catégorie que j’utilise pour parler de choses très générales, comme la vie du burp ! Les mots-clés, eux, sont à la fin de la note, et clairement notés comme tels.

    Par ailleurs, ton commentaire « remonter pour mettre son commentaire » me fait soudain réaliser que le geste est inversé sur le téléphone (mouvement vers le haut pour descendre) et sur un navigateur (où l’on va tirer l’ascenseur vers le bas pour le même résultat) !

    @ivv » Tu as fort raison de te plaindre. J’ai essayé de corriger mon erreur, mais après coup, le mal était fait (snif). Effectivement, même si ce thème est moderne dans sa conception, il reste « rétro » dans sa forme. En fait, j’ai plutôt évité le look à la mode en ce moment du « flat design » (que je trouve, justement : plat !) pour un truc plus skeumorphique (Bisous, Cerise !).

    Pour les avatars qui ne s’affichent pas sur les écrans de mobile : c’est normal ! C’est une petite astuce du thème pour que les pages se chargent plus vite… Je pourrais sans doute enlever le contour, dans ce cas, parce que le résultat est déstabilisant !

    @zoumpapa Je prends note pour la zone commentaire un peu chargée. Vous avez tout à fait raison et je vais essayer d’alléger ça !

    @vagant Un widget de flux RSS… Hum… pourquoi pas ! Mais j’aime bien l’idée de ne mettre ici que un ou deux sites, très en valeur. Mais par contre, faut franchement que je mette à jour ma liste de liens !

    @florence Ben merci :)

    @brigit C’est quand même assez extraordinaire que vous me postiez ce commentaire au moment même où j’étais en train d’écouter Waiting for the sun. Du coup, j’enchaîne avec L.A. Woman.
    Mais quel rapport entre ce thème et les Doors ???

  21. #21
     
    gravatar
    Comme une image a gazouillé  :

    @ivv C’est noté ! Merci :)

  22. #22
     
    gravatar
    marieh2o a gazouillé  :

    C’est très bien. Voila. Moi je trouve ça très bien. Et il a toujours fallu écrire son commentaire à la suite des autres sur ton blog… Des fois c’est long de remonter la pile… Mais en même temps, on peut écrire quelque chose de plus pertinent non? Enfin. C’est pas bien grave tout ça! Il est très bien ce nouveau look.

  23. #23
     
    gravatar
    Comme une image a gazouillé  :

    @marieh2o Merci !

    Bon, chers tous, quelques améliorations que j’ai apportées :

    • J’ai allégé le texte de l’entête de chaque commentaire
    • J’ai aussi inversé les zones italique/normal dans les commentaires
    • Enfin, j’ai fait en sorte que la zone des avatars ne s’affiche pas quand les avatars eux-mêmes ne sont pas affichés (c’est à dire quand on consulte sur téléphone). Pour un chargement plus rapide des pages en situation de mobilité, comme on dit !
    • Enfin, j’ai ajouté une petite icône en haut des commentaires pour arriver directement au formulaire (comme ça, vous pouvez y arriver en deux clics : premier clic dans le cartouche de l’article, deuxième clic dans la bulle).

    Qu’est-ce qu’on dit ?! :-D

  24. #24
     
    gravatar
    ivv a gazouillé  :

    Si faut fignoler, je dirais que le #number est soit trop gros soit pas assez aligné avec la notif de l’auteur.
    Je ne suis pas sûre que la petite bulle soit encore à sa place parfaite… je vais y réfléchir ;)
    Sinon, le cartouche qui rapporte au commentaire référent est une bonne idée même si c’est pas du plus bel effet, mais c’est une question de goût ;)

    PS : je t’autorise à corriger ça demain ^^

  25. #25
     
    gravatar
    Brigit a gazouillé  :

    quand on passe sur comme une image, ici, il s’enflamme… enfin ça y ressemble
    après, les mystère de mes associations d’idées musicales, ça reste très indicible… ou banal – light my fire est une vieille chanson des doors.

    oui quelle coïncidence ! vous avez bon goût

  26. #26
     
    gravatar
    Plume d'E. a gazouillé  :

    En tous cas, j’aime toujours autant les googleries du mois !

  27. #27
     
    gravatar
    MarieMouillette a gazouillé  :

    J’adore c’est beaucoup plus net à la lecture
    les flammes de l’enfer ou de la passion qui brulent autour du nom des lieux , sulfureux
    je pourrais avoir du turquoise comme couleur du petit truc qui est à côté du pseudo ;-) …

  28. #28
     
    gravatar
    Ginger a gazouillé  :

    Pour commencer, rassure toi, il n’y a plus de problèmes de défilement : tout est stable !
    Pour les commentaires, je pense savoir où on ne se comprend pas : sur l’ancien modèle de ton blog, il fallait ouvrir la note pour la lire en entière et les commentaires s’affichaient logiquement à sa suite. Avec cette présentation, on peut lire ta note sans l’ouvrir et, donc, pour commenter il faut revenir au début pour cliquer sur l’onglet « gazouillis ». (Je t’envoie des copies écrans pour plus de compréhension)

  29. #29
     
    gravatar
    ivv a gazouillé  :

    Je suis d’accord avec Ginger, le lien vers les commentaires / le formulaire de commentaire devrait apparaître en bas de note (et non en tête des commentaires).
    Peut être au même niveau que le « follow and co »
    Bisous ;)

  30. #30
     
    gravatar
    Ellie C. a gazouillé  :

    Ah ben je venais de m’habituer à l’ancien c’était donc le bon timing pour changer !
    Et puis j’aime rire et si je viens certains jours (surtout ceux sans soleil) c’est pour regarder le gars tout nu en bas qui va me porter pour la journée ! Merciiiiii :D

  31. #31
     
    gravatar
    Barbara a gazouillé  :

    Euh je n’aime pas, tout est gros, mais du moment que je puisse te lire c’est le principal. Et le fond est divinement plus fin que la forme.

  32. #32
     
    gravatar
    Comme une image a gazouillé  :

    @ivv Pour la gueule du bouton qui relie les commentaires, c’est pour l’instant le « style par défaut ». Je compte aussi améliorer ça à l’occasion. Pour le numéro qui n’apparaît pas au bon endroit, ça se défend mais il faut penser a) aux pseudos à rallonge b) à l’affichage sur tablette et smartphone !

    @brigit Got it! Thanks!

    @plume-de Bon ben c’est l’occasion de dire que je ne les ai pas mises à jour depuis perpette, ces googleries !

    @mariemouillette Pour les couleurs, leur nombre est – à dessein – limité pour ne pas que ça ressemble trop à un arc-en-ciel ici :) Donc : pas de turquoise !

    @ginger Ah ! Tu parles donc à l’accès aux commentaires depuis la page d’accueil ! Soit. Mais je compte la revamper pour l’alléger (un peu à l’ancienne, avec juste une note mise en avant, et le reste en digest).

    @ivv Follow and co ?!

    @ellie-c C’est le même gars tout nu que dans l’ancien thème, tu sais ?! Enfin, Atlas est ravi de porter ton sourire en plus de toute la misère du monde ^^

    @barbara Tout est gros ?! Ça doit être la police qui ne te plaît pas. J’ai essayé de faire un truc relativement aéré pour que ça soit aussi agréable à lire sur un téléphone (faut rester zen en détail sur les petits écrans !)

  33. #33
     
    gravatar
    Ange solaire a gazouillé  :

    Tiens, pendant que je sommeillais, vous avez refait la peinture. Sympa, la nouvelle ambiance… Permettez que je m’installe, dans un coin, pour zieuter?

  34. #34
     
    gravatar
    Comme une image a gazouillé  :

    @ange-solaire Vous êtes ici chez vous ! Installez-vous confortablement et n’hésitez jamais à participer aux débats, vous ne dérangerez jamais !

  35. #35
     
    gravatar
    Lisbeth a gazouillé  :

    Serait-ce l’arrivée du printemps, tout le monde semble relooker son blog. En tout cas j’aime bien, plus sobre, plus design. Il faut juste que je m’y retrouve LOL

  36. #36
     
    gravatar
    Comme une image a gazouillé  :

    @lisbeth Nous étions encore au cœur de l’hiver quand mon nouveau thème a vu le jour, mais il est vrai qu’il y a eu comme un mouvement ; sans compter les récents atermoiements de Blogger qui ont incité pas mal de gens à bouger (et donc à renouveler complètement leurs sites). Normalement, la structure générale n’a guère changé : vous devriez rapidement vous y retrouver !

  37. #37
     
    gravatar
    Lisbeth a gazouillé  :

    Je dois avoir trop hiberné CUI, je ne me suis rendu compte de rien.

  38. #38
     
    gravatar
    Comme une image a gazouillé  :

    @lisbeth Eh bien, la toute simple et évidente preuve, c’est que le présent billet que vous commentez date du 19 janvier ;)

Leave a Reply

  • (will not be published)

Balises XHTML autorisées : You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img src="" height="" width="" alt="" title="">