Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

comments.html 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. <div class="comment" typeof="schema:UserComments">
  2. <p class="comment-meta">
  3. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  4. </p>
  5. <div class="comment-content" property="schema:commentText">
  6. <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>
  7. <p>Vas-y prends ton temps, on a encore quelques années avant d&#39;avoir un navigateur HTML5 :-)</p>
  8. </div>
  9. </div>
  10. <div class="comment" typeof="schema:UserComments">
  11. <p class="comment-meta">
  12. <span class="comment-author" property="schema:creator">loïc m.</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  13. </p>
  14. <div class="comment-content" property="schema:commentText">
  15. <p>c&#39;est moi où j&#39;ai l&#39;impression que les titres / liens des billets sont sans css ?</p>
  16. <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>
  17. <p>Sinon j&#39;aime beaucoup les design sobre, simple et élégant.<br />Beau travail à l&#39;artiste !</p>
  18. </div>
  19. </div>
  20. <div class="comment" typeof="schema:UserComments">
  21. <p class="comment-meta">
  22. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  23. </p>
  24. <div class="comment-content" property="schema:commentText">
  25. <p>Je suis fan !!</p>
  26. <p>Juste ce qu&#39;il faut en terme d&#39;habillage et de couleurs, et toujours très lisible.</p>
  27. </div>
  28. </div>
  29. <div class="comment" typeof="schema:UserComments">
  30. <p class="comment-meta">
  31. <span class="comment-author" property="schema:creator">Thomasc</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  32. </p>
  33. <div class="comment-content" property="schema:commentText">
  34. <p>Très joli!!beau travail!</p>
  35. <p></p>
  36. </div>
  37. </div>
  38. <div class="comment" typeof="schema:UserComments">
  39. <p class="comment-meta">
  40. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  41. </p>
  42. <div class="comment-content" property="schema:commentText">
  43. <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>
  44. <p>@loïc m.: ces titres ne sont pas en lettres capitales chez toi ? Quel navigateur ?</p>
  45. <p>@giz404 et Thomasc : merci, je transmet ;-)</p>
  46. </div>
  47. </div>
  48. <div class="comment" typeof="schema:UserComments">
  49. <p class="comment-meta">
  50. <span class="comment-author" property="schema:creator">Yoan</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  51. </p>
  52. <div class="comment-content" property="schema:commentText">
  53. <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>
  54. <p>Et en bonus une petite erreur ridicule soulevée par Opera :</p>
  55. <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>
  56. </div>
  57. </div>
  58. <div class="comment" typeof="schema:UserComments">
  59. <p class="comment-meta">
  60. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  61. </p>
  62. <div class="comment-content" property="schema:commentText">
  63. <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>
  64. </div>
  65. </div>
  66. <div class="comment" typeof="schema:UserComments">
  67. <p class="comment-meta">
  68. <span class="comment-author" property="schema:creator">didier</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  69. </p>
  70. <div class="comment-content" property="schema:commentText">
  71. <p>Oui, c&#39;est assez réussi, je trouve. Bravo !</p>
  72. </div>
  73. </div>
  74. <div class="comment" typeof="schema:UserComments">
  75. <p class="comment-meta">
  76. <span class="comment-author" property="schema:creator">Oum</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  77. </p>
  78. <div class="comment-content" property="schema:commentText">
  79. <p>Très très très très beau (o:</p>
  80. </div>
  81. </div>
  82. <div class="comment" typeof="schema:UserComments">
  83. <p class="comment-meta">
  84. <span class="comment-author" property="schema:creator">NiKo</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  85. </p>
  86. <div class="comment-content" property="schema:commentText">
  87. <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>
  88. </div>
  89. </div>
  90. <div class="comment" typeof="schema:UserComments">
  91. <p class="comment-meta">
  92. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  93. </p>
  94. <div class="comment-content" property="schema:commentText">
  95. <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>
  96. </div>
  97. </div>
  98. <div class="comment" typeof="schema:UserComments">
  99. <p class="comment-meta">
  100. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  101. </p>
  102. <div class="comment-content" property="schema:commentText">
  103. <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>
  104. <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>
  105. </div>
  106. </div>
  107. <div class="comment" typeof="schema:UserComments">
  108. <p class="comment-meta">
  109. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  110. </p>
  111. <div class="comment-content" property="schema:commentText">
  112. <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>
  113. <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>
  114. <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>
  115. <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>
  116. <p>J&#39;espère t&#39;avoir aidé :)</p>
  117. <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>
  118. </div>
  119. </div>
  120. <div class="comment" typeof="schema:UserComments">
  121. <p class="comment-meta">
  122. <span class="comment-author" property="schema:creator">Mihai</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  123. </p>
  124. <div class="comment-content" property="schema:commentText">
  125. <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>
  126. </div>
  127. </div>
  128. <div class="comment" typeof="schema:UserComments">
  129. <p class="comment-meta">
  130. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  131. </p>
  132. <div class="comment-content" property="schema:commentText">
  133. <p>Bon le visiteur est roi, devant le nombre de retours sur cette coupure, je vais déplacer ce bloc.</p>
  134. <p>@Yoan : c&#39;est corrigé, merci.</p>
  135. <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>
  136. <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>
  137. <p>@Damien B : détails que tout cela :p</p>
  138. <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>
  139. <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>
  140. <p>@all : merci pour vos compliments, je les partage de ce pas.</p>
  141. </div>
  142. </div>
  143. <div class="comment" typeof="schema:UserComments">
  144. <p class="comment-meta">
  145. <span class="comment-author" property="schema:creator">bruno bichet</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  146. </p>
  147. <div class="comment-content" property="schema:commentText">
  148. <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>
  149. <p>Par contre, qu&#39;est-ce que ça manque de pubs ! :D</p>
  150. </div>
  151. </div>
  152. <div class="comment" typeof="schema:UserComments">
  153. <p class="comment-meta">
  154. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">29/08/2008</span> :
  155. </p>
  156. <div class="comment-content" property="schema:commentText">
  157. <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>
  158. <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>
  159. <p>Ou alors tu prônes le kikoulôlisme et je n&#39;ai rien compris.</p>
  160. <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>
  161. </div>
  162. </div>
  163. <div class="comment" typeof="schema:UserComments">
  164. <p class="comment-meta">
  165. <span class="comment-author" property="schema:creator">Sleeper</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
  166. </p>
  167. <div class="comment-content" property="schema:commentText">
  168. <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>
  169. <p>L&#39;ancien logo était magnifique, celui-ci est fade comme les couleurs choisie en général.</p>
  170. <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>
  171. <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>
  172. <p>Et oui les goûts et les couleurs...</p>
  173. <p>Bonne journée</p>
  174. </div>
  175. </div>
  176. <div class="comment" typeof="schema:UserComments">
  177. <p class="comment-meta">
  178. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">30/08/2008</span> :
  179. </p>
  180. <div class="comment-content" property="schema:commentText">
  181. <p>@bruno bichet : merci et tu as raison de le souligner pour la pub, je trouve ça tellement reposant...</p>
  182. <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>
  183. <p>Et même des citations :</p>
  184. <p>&gt; Par ailleurs, sur IE6, tout la mise en page est cassé chez moi.</p>
  185. <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>
  186. <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>
  187. </div>
  188. </div>
  189. <div class="comment" typeof="schema:UserComments">
  190. <p class="comment-meta">
  191. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
  192. </p>
  193. <div class="comment-content" property="schema:commentText">
  194. <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>
  195. <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>
  196. </div>
  197. </div>
  198. <div class="comment" typeof="schema:UserComments">
  199. <p class="comment-meta">
  200. <span class="comment-author" property="schema:creator">Jean-Philippe Monette</span> le <span class="comment-date" property="schema:commentTime">31/08/2008</span> :
  201. </p>
  202. <div class="comment-content" property="schema:commentText">
  203. <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>
  204. </div>
  205. </div>
  206. <div class="comment" typeof="schema:UserComments">
  207. <p class="comment-meta">
  208. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">02/09/2008</span> :
  209. </p>
  210. <div class="comment-content" property="schema:commentText">
  211. <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>
  212. </div>
  213. </div>
  214. <div class="comment" typeof="schema:UserComments">
  215. <p class="comment-meta">
  216. <span class="comment-author" property="schema:creator">Benjamin</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
  217. </p>
  218. <div class="comment-content" property="schema:commentText">
  219. <p>Je ne venais pas avant la refonte.<br />Je trouve ca réussi.</p>
  220. <p>Au vue des commentaires,<br />Biologeek c&#39;est le blog des utilisateurs !</p>
  221. <p>Bonne continuation</p>
  222. <p></p>
  223. </div>
  224. </div>
  225. <div class="comment" typeof="schema:UserComments">
  226. <p class="comment-meta">
  227. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/09/2008</span> :
  228. </p>
  229. <div class="comment-content" property="schema:commentText">
  230. <p>@Louis : elle me suffit.</p>
  231. <p>@Jean-Philippe Monette : ça demande trop de boulot.</p>
  232. <p>@NiCoS : j&#39;ai essayé les deux mais ça ne marche pas :(</p>
  233. <p>@Benjamin : soit le bienvenu ici !</p>
  234. </div>
  235. </div>
  236. <div class="comment" typeof="schema:UserComments">
  237. <p class="comment-meta">
  238. <span class="comment-author" property="schema:creator">Yoolight</span> le <span class="comment-date" property="schema:commentTime">30/09/2008</span> :
  239. </p>
  240. <div class="comment-content" property="schema:commentText">
  241. <p>Joli graphisme, j&#39;aime beaucoup le logo.</p>
  242. </div>
  243. </div>
  244. <div class="comment" typeof="schema:UserComments">
  245. <p class="comment-meta">
  246. <span class="comment-author" property="schema:creator">Armetiz</span> le <span class="comment-date" property="schema:commentTime">01/10/2008</span> :
  247. </p>
  248. <div class="comment-content" property="schema:commentText">
  249. <p>Joli design, belle réussite,<br />Bravo au designer.</p>
  250. </div>
  251. </div>
  252. <div class="comment" typeof="schema:UserComments">
  253. <p class="comment-meta">
  254. <span class="comment-author" property="schema:creator">Razelgoul</span> le <span class="comment-date" property="schema:commentTime">08/12/2010</span> :
  255. </p>
  256. <div class="comment-content" property="schema:commentText">
  257. <p>Très sympa en tout cas. Bonne cohérence image/charte. Bravo à vous ;)</p>
  258. </div>
  259. </div>