Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 28KB

5 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Enfin un design pour biologeek ! — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20080829-enfin-un-design-pour-biologeek">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">Enfin un design pour biologeek !</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/biologeek_minimal.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Je ne pensais pas il y a 4 mois que je mettrais autant de temps pour ajouter une feuille de style décente à ce site mais j'ai heureusement été aidé par <a href="http://claire.agopian.free.fr/">Claire Agopian, graphiste et typographe</a> de talent. Il est temps de faire un petit bilan sur cette refonte.</p>
  46. <h2>Design</h2>
  47. <p>Un mot sur le design pour commencer, je voulais rester dans la simplicité et la sobriété cette fois pour vraiment pouvoir rester concentré sur le contenu. C'est d'autant plus difficile qu'il faut essayer de transmettre une touche personnelle avec très peu d'éléments (il y a 3 images dans ce design !). Pour ces raisons, j'ai décidé de faire appel à une graphiste car j'avais depuis longtemps atteint mes limites et je suis très content du résultat, Claire a su parfaitement s'adapter aux idées que j'avais et c'était difficile car je me suis trouvé vraiment chiant !</p>
  48. <p>J'ai essayé de respecter au mieux le design initial, j'espère ne pas avoir trop dénaturé le travail qui avait été effectué. Bon par contre j'ai décidé de ne plus me prendre la tête avec IE donc n'hésitez pas à me signaler si ça casse dans tous les coins.</p>
  49. <h2>Référencement</h2>
  50. <p>J'ai beaucoup de mal à voir si la modification des URL a influé sur mon référencement car j'en ai profité pour changer d'outil de statistique et à chaque outil les chiffres sont différents pouvant aller du simple au double, voire plus. Je trouve <a href="http://www.haveamint.com/">Mint</a> plus pertinent en tout cas (peut-être car c'est celui qui comptabilise le moins de visiteurs !) et il est surtout non bloated avec tous ces trucs pour commercialiser/rentabiliser un site qui ne m'intéressent pas. Bon pour être tout à fait honnête, il n'y a que le flux RSS des referers qui m'intéresse vraiment (et qui serait faisable en 5 minutes à partir des logs) mais ça sera toujours ces données en moins dans la besace du grand G.</p>
  51. <p>Avec toutes ces visites par mois, je suis vraiment content de voir que vous êtes aussi nombreux à lire mes péripéties de geek. Merci à vous pour vos commentaires pertinents (<a href="http://www.cynicalturtle.net/kame/">Damien</a> et <a href="http://yoan.dosimple.ch/blog/">Yoan</a> en tête) et vos encouragements (je t'ai pas oublié <a href="http://lacot.org/blog/2008/08/11/comments-enabled.html">Xavier</a> :p), même si je croule sous les mails ce qui me rend moins réactif parfois, ça fait toujours plaisir d'avoir des retours.</p>
  52. <h2>Évolutions</h2>
  53. <p>J'ai résisté à la tentation de passer en HTML5 pour cette fois-ci mais je garde ça sous le coude, j'aimerais ajouter le support d'OpenID aussi mais ça demande un peu de dev car je souhaite proposer des fonctionnalités avec (sinon ça sert pas à grand chose). Je suis pas encore passé sous Django 1.0 car j'ai pas eu le temps de terminer mon <a href="http://code.larlet.fr/doc/#django-storage">storage Django</a> pour l'<a href="http://www.apinc.org">APINC</a>.</p>
  54. <p>J'ai retouché 2/3 détails aussi (le cache est enfin flushé, un subtil algo permet de mettre en avant les archives plus intéressantes, etc). Concernant les régressions, j'ai ajouté un petit footer dans les flux et ça m'énerve car normalement c'est dans &lt;rights&gt; et ça devrait y rester. Mais bon trop d'abus ces derniers temps...</p>
  55. <p>Maintenant que c'est à peu près stabilisé ici, il est temps de passer à la suite et notamment au <a href="http://david.larlet.fr/">profil non professionnel</a> que je dois mettre à jour depuis plus d'un an ! C'est toujours aussi difficile d'écrire sur soi :-).</p>
  56. <p>Pour finir je serais au <a href="http://waspcafefrance.webstandards.org/Vendredi-5-Septembre-2008.html">W3Café le 5 septembre</a> et j'espère vous y retrouver <a href="http://www.mixin.com/events/913621/w3cafe-paris/">nombreux</a> !</p>
  57. <p><strong>[edit quelques heures après]</strong> : on m'a envoyé des captures et je me suis rappelé que certains OS avaient vraiment des soucis avec le lissage des polices (et les étoiles), voila ce que vous pourriez/devriez avoir :</p>
  58. <p>
  59. <img
  60. src="/static/david/biologeek/images/biologeek_design_minimal.png"
  61. alt="Design 2008 de biologeek"
  62. style="margin: 0pt auto; display: block;"/>
  63. </p>
  64. <p>C'est dans ces moments là que je me rends compte à quel point je suis chanceux de pouvoir bosser/geeker avec du bon matériel :-).</p>
  65. </div>
  66. </article>
  67. <footer>
  68. <h6 property="schema:datePublished">— 29/08/2008</h6>
  69. </footer>
  70. </section>
  71. <section>
  72. <div>
  73. <h3>Articles peut-être en rapport</h3>
  74. <ul>
  75. <li><a href="/david/biologeek/archives/20080723-ipheedsorg-une-version-iphone-pour-votre-blog/" title="Accès à ★ iPheeds.org, une version iPhone pour votre blog">★ iPheeds.org, une version iPhone pour votre blog</a></li>
  76. <li><a href="/david/biologeek/archives/20080613-artiste-qui-sommeille-en-chaque-geek/" title="Accès à ★ L&#39;artiste qui sommeille en chaque geek">★ L&#39;artiste qui sommeille en chaque geek</a></li>
  77. <li><a href="/david/biologeek/archives/20080423-biologeek-enfin-propulse-par-django/" title="Accès à Biologeek (enfin) propulsé par Django">Biologeek (enfin) propulsé par Django</a></li>
  78. </ul>
  79. </div>
  80. </section>
  81. <section>
  82. <div id="comments">
  83. <h3>Commentaires</h3>
  84. <div class="comment" typeof="schema:UserComments">
  85. <p class="comment-meta">
  86. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  87. </p>
  88. <div class="comment-content" property="schema:commentText">
  89. <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>
  90. <p>Vas-y prends ton temps, on a encore quelques années avant d&#39;avoir un navigateur HTML5 :-)</p>
  91. </div>
  92. </div>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">loïc m.</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>c&#39;est moi où j&#39;ai l&#39;impression que les titres / liens des billets sont sans css ?</p>
  99. <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>
  100. <p>Sinon j&#39;aime beaucoup les design sobre, simple et élégant.<br />Beau travail à l&#39;artiste !</p>
  101. </div>
  102. </div>
  103. <div class="comment" typeof="schema:UserComments">
  104. <p class="comment-meta">
  105. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  106. </p>
  107. <div class="comment-content" property="schema:commentText">
  108. <p>Je suis fan !!</p>
  109. <p>Juste ce qu&#39;il faut en terme d&#39;habillage et de couleurs, et toujours très lisible.</p>
  110. </div>
  111. </div>
  112. <div class="comment" typeof="schema:UserComments">
  113. <p class="comment-meta">
  114. <span class="comment-author" property="schema:creator">Thomasc</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  115. </p>
  116. <div class="comment-content" property="schema:commentText">
  117. <p>Très joli!!beau travail!</p>
  118. <p></p>
  119. </div>
  120. </div>
  121. <div class="comment" typeof="schema:UserComments">
  122. <p class="comment-meta">
  123. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  124. </p>
  125. <div class="comment-content" property="schema:commentText">
  126. <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>
  127. <p>@loïc m.: ces titres ne sont pas en lettres capitales chez toi ? Quel navigateur ?</p>
  128. <p>@giz404 et Thomasc : merci, je transmet ;-)</p>
  129. </div>
  130. </div>
  131. <div class="comment" typeof="schema:UserComments">
  132. <p class="comment-meta">
  133. <span class="comment-author" property="schema:creator">Yoan</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  134. </p>
  135. <div class="comment-content" property="schema:commentText">
  136. <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>
  137. <p>Et en bonus une petite erreur ridicule soulevée par Opera :</p>
  138. <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>
  139. </div>
  140. </div>
  141. <div class="comment" typeof="schema:UserComments">
  142. <p class="comment-meta">
  143. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  144. </p>
  145. <div class="comment-content" property="schema:commentText">
  146. <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>
  147. </div>
  148. </div>
  149. <div class="comment" typeof="schema:UserComments">
  150. <p class="comment-meta">
  151. <span class="comment-author" property="schema:creator">didier</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  152. </p>
  153. <div class="comment-content" property="schema:commentText">
  154. <p>Oui, c&#39;est assez réussi, je trouve. Bravo !</p>
  155. </div>
  156. </div>
  157. <div class="comment" typeof="schema:UserComments">
  158. <p class="comment-meta">
  159. <span class="comment-author" property="schema:creator">Oum</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  160. </p>
  161. <div class="comment-content" property="schema:commentText">
  162. <p>Très très très très beau (o:</p>
  163. </div>
  164. </div>
  165. <div class="comment" typeof="schema:UserComments">
  166. <p class="comment-meta">
  167. <span class="comment-author" property="schema:creator">NiKo</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  168. </p>
  169. <div class="comment-content" property="schema:commentText">
  170. <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>
  171. </div>
  172. </div>
  173. <div class="comment" typeof="schema:UserComments">
  174. <p class="comment-meta">
  175. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  176. </p>
  177. <div class="comment-content" property="schema:commentText">
  178. <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>
  179. </div>
  180. </div>
  181. <div class="comment" typeof="schema:UserComments">
  182. <p class="comment-meta">
  183. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  184. </p>
  185. <div class="comment-content" property="schema:commentText">
  186. <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>
  187. <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>
  188. </div>
  189. </div>
  190. <div class="comment" typeof="schema:UserComments">
  191. <p class="comment-meta">
  192. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  193. </p>
  194. <div class="comment-content" property="schema:commentText">
  195. <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>
  196. <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>
  197. <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>
  198. <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>
  199. <p>J&#39;espère t&#39;avoir aidé :)</p>
  200. <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>
  201. </div>
  202. </div>
  203. <div class="comment" typeof="schema:UserComments">
  204. <p class="comment-meta">
  205. <span class="comment-author" property="schema:creator">Mihai</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  206. </p>
  207. <div class="comment-content" property="schema:commentText">
  208. <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>
  209. </div>
  210. </div>
  211. <div class="comment" typeof="schema:UserComments">
  212. <p class="comment-meta">
  213. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  214. </p>
  215. <div class="comment-content" property="schema:commentText">
  216. <p>Bon le visiteur est roi, devant le nombre de retours sur cette coupure, je vais déplacer ce bloc.</p>
  217. <p>@Yoan : c&#39;est corrigé, merci.</p>
  218. <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>
  219. <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>
  220. <p>@Damien B : détails que tout cela :p</p>
  221. <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>
  222. <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>
  223. <p>@all : merci pour vos compliments, je les partage de ce pas.</p>
  224. </div>
  225. </div>
  226. <div class="comment" typeof="schema:UserComments">
  227. <p class="comment-meta">
  228. <span class="comment-author" property="schema:creator">bruno bichet</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  229. </p>
  230. <div class="comment-content" property="schema:commentText">
  231. <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>
  232. <p>Par contre, qu&#39;est-ce que ça manque de pubs ! :D</p>
  233. </div>
  234. </div>
  235. <div class="comment" typeof="schema:UserComments">
  236. <p class="comment-meta">
  237. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  238. </p>
  239. <div class="comment-content" property="schema:commentText">
  240. <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>
  241. <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>
  242. <p>Ou alors tu prônes le kikoulôlisme et je n&#39;ai rien compris.</p>
  243. <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>
  244. </div>
  245. </div>
  246. <div class="comment" typeof="schema:UserComments">
  247. <p class="comment-meta">
  248. <span class="comment-author" property="schema:creator">Sleeper</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
  249. </p>
  250. <div class="comment-content" property="schema:commentText">
  251. <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>
  252. <p>L&#39;ancien logo était magnifique, celui-ci est fade comme les couleurs choisie en général.</p>
  253. <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>
  254. <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>
  255. <p>Et oui les goûts et les couleurs...</p>
  256. <p>Bonne journée</p>
  257. </div>
  258. </div>
  259. <div class="comment" typeof="schema:UserComments">
  260. <p class="comment-meta">
  261. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
  262. </p>
  263. <div class="comment-content" property="schema:commentText">
  264. <p>@bruno bichet : merci et tu as raison de le souligner pour la pub, je trouve ça tellement reposant...</p>
  265. <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>
  266. <p>Et même des citations :</p>
  267. <p>&gt; Par ailleurs, sur IE6, tout la mise en page est cassé chez moi.</p>
  268. <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>
  269. <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>
  270. </div>
  271. </div>
  272. <div class="comment" typeof="schema:UserComments">
  273. <p class="comment-meta">
  274. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
  275. </p>
  276. <div class="comment-content" property="schema:commentText">
  277. <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>
  278. <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>
  279. </div>
  280. </div>
  281. <div class="comment" typeof="schema:UserComments">
  282. <p class="comment-meta">
  283. <span class="comment-author" property="schema:creator">Jean-Philippe Monette</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
  284. </p>
  285. <div class="comment-content" property="schema:commentText">
  286. <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>
  287. </div>
  288. </div>
  289. <div class="comment" typeof="schema:UserComments">
  290. <p class="comment-meta">
  291. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">02/09/2008</span> :
  292. </p>
  293. <div class="comment-content" property="schema:commentText">
  294. <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>
  295. </div>
  296. </div>
  297. <div class="comment" typeof="schema:UserComments">
  298. <p class="comment-meta">
  299. <span class="comment-author" property="schema:creator">Benjamin</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
  300. </p>
  301. <div class="comment-content" property="schema:commentText">
  302. <p>Je ne venais pas avant la refonte.<br />Je trouve ca réussi.</p>
  303. <p>Au vue des commentaires,<br />Biologeek c&#39;est le blog des utilisateurs !</p>
  304. <p>Bonne continuation</p>
  305. <p></p>
  306. </div>
  307. </div>
  308. <div class="comment" typeof="schema:UserComments">
  309. <p class="comment-meta">
  310. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
  311. </p>
  312. <div class="comment-content" property="schema:commentText">
  313. <p>@Louis : elle me suffit.</p>
  314. <p>@Jean-Philippe Monette : ça demande trop de boulot.</p>
  315. <p>@NiCoS : j&#39;ai essayé les deux mais ça ne marche pas :(</p>
  316. <p>@Benjamin : soit le bienvenu ici !</p>
  317. </div>
  318. </div>
  319. <div class="comment" typeof="schema:UserComments">
  320. <p class="comment-meta">
  321. <span class="comment-author" property="schema:creator">Yoolight</span> le <span class="comment-date" property="schema:commentTime">30/09/2008</span> :
  322. </p>
  323. <div class="comment-content" property="schema:commentText">
  324. <p>Joli graphisme, j&#39;aime beaucoup le logo.</p>
  325. </div>
  326. </div>
  327. <div class="comment" typeof="schema:UserComments">
  328. <p class="comment-meta">
  329. <span class="comment-author" property="schema:creator">Armetiz</span> le <span class="comment-date" property="schema:commentTime">01/10/2008</span> :
  330. </p>
  331. <div class="comment-content" property="schema:commentText">
  332. <p>Joli design, belle réussite,<br />Bravo au designer.</p>
  333. </div>
  334. </div>
  335. <div class="comment" typeof="schema:UserComments">
  336. <p class="comment-meta">
  337. <span class="comment-author" property="schema:creator">Razelgoul</span> le <span class="comment-date" property="schema:commentTime">08/12/2010</span> :
  338. </p>
  339. <div class="comment-content" property="schema:commentText">
  340. <p>Très sympa en tout cas. Bonne cohérence image/charte. Bravo à vous ;)</p>
  341. </div>
  342. </div>
  343. </div>
  344. </section>
  345. <footer>
  346. <nav>
  347. <p>
  348. <small>
  349. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  350. </small>
  351. </p>
  352. </nav>
  353. </footer>
  354. </div>
  355. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  356. <script data-no-instant>InstantClick.init()</script>
  357. </body>
  358. </html>