larlet-fr-david/david/biologeek/archives/20080829-enfin-un-design-pour-biologeek/comments.html

<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>&quot;J&#39;ai résisté à la tentation de passer en HTML5 pour cette fois-ci mais je garde ça sous le coude&quot;</p>

<p>Vas-y prends ton temps, on a encore quelques années avant d&#39;avoir un navigateur HTML5 :-)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">loïc m.</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>c&#39;est moi où j&#39;ai l&#39;impression que les titres / liens des billets sont sans css ?</p>

<p>exemple avec :<br />&lt;h2 class=&quot;post-title&quot; id=&quot;enfin-un-design-pour-biologeek&quot;&gt;<br />            &lt;a href=&quot;/biologeek,refonte/enfin-un-design-pour-biologeek/&quot; title=&quot;Lire le billet intitulé Enfin un design pour biologeek !&quot; rel=&quot;bookmark&quot;&gt;Enfin un design pour biologeek !&lt;/a&gt;<br />        &lt;/h2&gt;<br />présent dans la page http://www.biologeek.com/journal/</p>

<p>Sinon j&#39;aime beaucoup les design sobre, simple et élégant.<br />Beau travail à l&#39;artiste !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Je suis fan !!</p>

<p>Juste ce qu&#39;il faut en terme d&#39;habillage et de couleurs, et toujours très lisible.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Thomasc</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Très joli!!beau travail!</p>

<p></p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@Damien B : mauvaise langue, il n&#39;y a guère qu&#39;IE8 qui est (déjà !) vraiment à la traîne à ce niveau non ? (cf. <a href="http://intertwingly.net/blog/2008/08/28/Improved-Namespace-Support">http://intertwingly.net/blog/2008/08/28/Improved-Namespace-Support</a>)</p>

<p>@loïc m.: ces titres ne sont pas en lettres capitales chez toi ? Quel navigateur ?</p>

<p>@giz404 et Thomasc : merci, je transmet ;-)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Yoan</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Joli, joli, je trouve cependant un peu dommage de couper aussi franchement le post de ses commentaires. Le module des billets contextuels est visuellement très fort.</p>

<p>Et en bonus une petite erreur ridicule soulevée par Opera :</p>

<p>“http://media.biologeek.com/css/screen.20080829.css<br />Invalid value for property: margin-right<br />Line 258:<br />  #navigation li a.last {border: none; margin-right: none;}”</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Ah, j&#39;ai trouvé un défaut tout de même. Je suis fan de la navigation au clavier à grand coups de [TAB]. Ben les items de menus ne s&#39;illuminent pas comme lorsqu&#39;on les survole à la souris.<br />Un petit coup de :focus devrait régler le problème.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">didier</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Oui, c&#39;est assez réussi, je trouve. Bravo !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Oum</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Très très très très beau (o:</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">NiKo</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Dommage de couper aussi abruptement le corps du billet des commentaires associés, sinon c&#39;est très réussi, félicitations :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Je trouve que les liens en vert clair sur fond blanc dans le texte des billets sont parfois pénibles à lire (en tous cas sur le poste du bureau...). Sinon, très sympa pour le reste :-)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>&quot; il n&#39;y a guère qu&#39;IE8 qui est (déjà !) vraiment à la traîne à ce niveau non ?&quot;</p>

<p>Ben le support de &quot;time&quot;, &quot;datagrid&quot;, &quot;datatemplate&quot;, &quot;MessageChannel&quot;, WF2, &quot;details&quot;, etc... me paraît un peu faible, quel que soit le navigateur :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J&#39;ai vu que tu traîne sur performance.survol.fr David, aussi je m&#39;étonne que tu nous fasses 6 requêtes HTTP juste pour le JS. Parce que je comprend que les stats doivent être à part, mais tu as tout de même 4 fichiers JS que tu pourrais et devrais combiner.</p>

<p>Tu pourrais aussi combiner tes deux feuilles de style en une (<a href="http://nophysic.com/2008/04/21/plusieurs-medias-une-seule-feuille-de-style/">http://nophysic.com/2008/04/21/plusieurs-medias-une-seule-feuille-de-style/</a>), voire pousser à l&#39;extrême (<a href="http://nophysic.com/2008/08/09/etude-de-performance-css-interne-ou-externe/">http://nophysic.com/2008/08/09/etude-de-performance-css-interne-ou-externe/</a>).</p>

<p>Tu as aussi une 404 sur une image à l&#39;heure ou j&#39;écris, et tu devrais activer la compression gzip sur nombre de tes contenus.</p>

<p>Bon, il y a beaucoup à dire d&#39;un point de vue performances, mais je m&#39;arrête là. Plus d&#39;info sur la page test de ton site (<a href="http://pagetest.patrickmeenan.com:8080/result/AKM/3/performance_optimization/">http://pagetest.patrickmeenan.com:8080/result/AKM/3/performance_optimization/</a>).</p>

<p>J&#39;espère t&#39;avoir aidé :)</p>

<p>PS: pour l&#39;amour de Dieu, peut-on savoir pourquoi l&#39;HTML n&#39;est pas accepté dans les commentaires sur un tel blog !?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Mihai</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J’appuie également les deux remarques concernant la séparation avant les commentaires, sinon pour tout le reste j&#39;apprécie beaucoup, beau boulot!</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Bon le visiteur est roi, devant le nombre de retours sur cette coupure, je vais déplacer ce bloc.</p>

<p>@Yoan : c&#39;est corrigé, merci.</p>

<p>@giz404 : si tu as un patch c&#39;est vraiment cool car je vois pas la fonctionnalité dont tu veux parler. J&#39;utilise très rarement le clavier pour naviguer.</p>

<p>@NiCoS : oui j&#39;ai longtemps hésité car effectivement niveau contraste c&#39;est pas génial (sur la page des archives c&#39;est encore pire). Une idée pour améliorer ça ? J&#39;aimerais garder la couleur mais avec un background ça fait moins joli...</p>

<p>@Damien B : détails que tout cela :p</p>

<p>@Louis : en effet je fais pas plus que ça attention aux performances pour deux raisons :<br />* les statiques sont servis par l&#39;APINC et j&#39;ai pas un grand contrôle là-dessus, j&#39;ai essayé à coup de .htaccess mais les solutions trouvées sur le net ne marchaient pas.<br />* le serveur sur lequel est hébergé ce site s&#39;ennuie littéralement (style load average: 0.03, 0.02, 0.00).<br />Cela dit il y a effectivement des progrès à faire pour que ça n&#39;influe pas sur l&#39;expérience utilisateur et ta suggestion sur les js est tout à fait justifiée, je me suis pas pris la tête pour intégrer un script tout fait mais ça n&#39;excuse rien. En revanche pour les css, je ne suis pas d&#39;accord avec ces optimisations tant que ça ne devient pas critique (et c&#39;est loin d&#39;être le cas ici !). Il ne faut pas oublier qu&#39;il faut que ça reste un plaisir pour le développeur ;-).<br />J&#39;ai pas trouvé l&#39;image en 404 par contre.</p>

<p>Concernant le HTML dans les commentaires, bof, j&#39;en ai jamais ressenti le besoin (peut-être que Dieu oui et c&#39;est la raison pour laquelle il ne commente pas ici ?). Restons simples.</p>

<p>@all : merci pour vos compliments, je les partage de ce pas.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">bruno bichet</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Si je n&#39;avais pas pris le contre-pied de la sobriété pour mon nouveau design, je serai vraiment très jaloux du tien : très joli, très sobre et très classe :)</p>

<p>Par contre, qu&#39;est-ce que ça manque de pubs ! :D</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Autoriser l&#39;HTML dans les commentaires me semble rentrer tout à fait dans le cadre des choses simples. Non parce que ma remarque initiale, si je l&#39;ai faite, c&#39;est parce qu&#39;au moment où j&#39;ai demandé l&#39;aperçu de mon commentaire, j&#39;ai découvert que tout mon joli formatage HTML qui enrichit la qualité de mon commentaire donnait une soupe imbuvable. J&#39;ai du tout reprendre avec des parenthèses et des liens crades.</p>

<p>Pouvoir citer, faire des listes, des liens, et quelques autres outils dans ce genre, c&#39;est nécessaire pour assurer des commentaires riches.</p>

<p>Ou alors tu prônes le kikoulôlisme et je n&#39;ai rien compris.</p>

<p>Note : l&#39;image 404 est lié dans la feuille de style spéciale IE. Par ailleurs, sur IE6, tout la mise en page est cassé chez moi.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Sleeper</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Encore une fois je préfère l&#39;ancien design du temps de Dotclear juste avant que le blog passe sous Django.</p>

<p>L&#39;ancien logo était magnifique, celui-ci est fade comme les couleurs choisie en général.</p>

<p>C&#39;était plaisant de lire des choses intéressantes sur un blog qui était gai à regarder avec des couleurs plus vivante, c&#39;était moins plat.</p>

<p>Alors rester dans la sobriété pour ce concentrer sur contenu je suis pas sure là. Les articles ne sont plus mis en valeurs comme avant, snif.</p>

<p>Et oui les goûts et les couleurs...</p>

<p>Bonne journée</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@bruno bichet : merci et tu as raison de le souligner pour la pub, je trouve ça tellement reposant...</p>

<p>@Louis : je reste persuadé que l&#39;on peut faire des commentaires riches de contenu sans pour autant avoir un formatage html, c&#39;est le cas depuis le début ici et ça se passe plutôt bien. J&#39;ai pas besoin de me souvenir quelle est la syntaxe pour les commentaires, c&#39;est tout simple et ça permet de faire :<br />  - des listes<br />  - des liens : <a href="http://david.larlet.fr">http://david.larlet.fr</a></p>

<p>Et même des citations :</p>

<p>&gt; Par ailleurs, sur IE6, tout la mise en page est cassé chez moi.</p>

<p>Merci pour la css ie, ça m&#39;a permis de me rendre compte que j&#39;avais pas mis la bonne&lt;/boulet&gt;. Du coup ça doit être beaucoup mieux maintenant ;-).</p>

<p>@Sleeper : il faut savoir oser changer. À chaque redesign il y a les contents et les moins contents et comme finalement la plupart des lecteurs lisent les billets d&#39;un agrégateur...</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J&#39;ai l&#39;impression d&#39;entendre un utilisateur pc m&#39;expliquer pourquoi mon mac n&#39;est pas si bien que ça, parce qu&#39;il peut faire &quot;pareil&quot; sur son pc. Il y a pareil et pareil.</p>

<p>Pour moi, entre la démonstration que tu fais au dessus et un formatage HTML, c&#39;est le jour et la nuit. Maintenant si tu te complais avec cette syntaxe, je ne peux que le déplorer.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Jean-Philippe Monette</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J&#39;adore le nouveau design. Ça serait possible de mettre au choix le précédent précédent (avec les fleurs et tout le tralala) ?!?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">02/09/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@David : en faisant les liens un poil plus foncé ou avec une font un peu plus gr(a|o)sse (sans forcément tomber dans du gras...) ?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Benjamin</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Je ne venais pas avant la refonte.<br />Je trouve ca réussi.</p>

<p>Au vue des commentaires,<br />Biologeek c&#39;est le blog des utilisateurs !</p>

<p>Bonne continuation</p>

<p></p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@Louis : elle me suffit.</p>

<p>@Jean-Philippe Monette : ça demande trop de boulot.</p>

<p>@NiCoS : j&#39;ai essayé les deux mais ça ne marche pas :(</p>

<p>@Benjamin : soit le bienvenu ici !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Yoolight</span> le <span class="comment-date" property="schema:commentTime">30/09/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Joli graphisme, j&#39;aime beaucoup le logo.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Armetiz</span> le <span class="comment-date" property="schema:commentTime">01/10/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Joli design, belle réussite,<br />Bravo au designer.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Razelgoul</span> le <span class="comment-date" property="schema:commentTime">08/12/2010</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Très sympa en tout cas. Bonne cohérence image/charte. Bravo à vous ;)</p>
    </div>
</div>