Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Revue de web — 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/20080812-revue-de-web">
  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">Revue de web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>Trop d'onglets, trop de boulot mais ça serait dommage de passer à côté alors vous en faites les frais :)</p>
  45. <ul>
  46. <li>On commence avec Jean-Sébastien Bouchard dont je suis le parcours depuis quelques années et qui nous en fait <a href="http://www.jsbouchard.com/2008/08/grisvert-naissance-dun-projet/">un magnifique résumé</a>. <em>Bravo</em>, ça fait vraiment plaisir à lire, continue. Au passage, j'ai découvert <a href="http://www.artofhosting.org/thepractice/5breaths/">les 5 respirations/pulsations d'un projet</a>, à méditer.</li>
  47. <li>Dans un tout autre registre, <a href="http://xhtml.net/">Loïc d'Anterroches</a> partage avec nous la naissance du <a href="http://projects.ceondo.com/p/indefero/">bug tracker InDefero</a>.</li>
  48. <li>Puisqu'on parle de code, il semblerait qu'OAuth ne soit pas toujours <a href="http://www.flickr.com/photos/simon/2752665067/">compris</a>, ni <a href="http://www.flickr.com/photos/simon/2755759829/in/photostream/">apprécié</a>. C'est bien dommage... <strong>[Edit]</strong> : la <a href="http://www.lukeredpath.co.uk/2008/8/12/on-iphones-and-user-credentials">discussion se poursuit</a> sur le blog de Luke Redpath.</li>
  49. <li>Côté web 2.0, j'ai testé <a href="http://www.taskii.com/">Taskii</a>, le BaseCamp <del>français</del> européen et c'est prometteur, il y a un réel travail de fait au niveau des interfaces, il faudra que j'utilise un vrai outil un de ces jours car ça devient ingérable là. Il faudrait que je teste <a href="http://www.commonbox.net/">CommonBox</a> aussi car le principe est intéressant, d'ailleurs si vous avez des retours sur ces services n'hésitez pas.</li>
  50. <li>Étant en train de refaire le design de ce blog (enfin !), je suis resté scotché par l'<a href="http://camendesign.com/?200806181021">utilisation d'HTML 5</a> (admirez le code), ce n'est pas envisageable actuellement car je tiens trop à mon RDFa mais ça fait plaisir à voir.</li>
  51. <li>On plonge un petit coup dans le Web Sémantique pour <a href="http://frenchblog.kindalab.com/2008/07/27/refaire-le-web-premier-episode/">une vidéo sur Refaire le web</a> qui est très claire et qui montre les enjeux du web de demain. Ça mériterait une revue plus détaillée, je développerai sur ces communicateurs.</li>
  52. <li>Côté libre, Bernard Opic s'occupe de <a href="http://blogs.media-tips.com/bernard.opic/category/mark-shuttleworth/">traduire le blog de Mark Shuttleworth</a>, c'est un travail de titan, merci !</li>
  53. <li>Un peu de Python maintenant avec le <a href="http://code.google.com/p/soc/wiki/PythonStyleGuide">style guide de Google</a> et un billet sur <a href="http://blog.smile.fr/veille-techno/faut-il-avoir-peur-de-python">la progression de Python</a>, 6ème langage le plus utilisé, croissance deux fois plus importante que celle de Ruby.</li>
  54. <li>Pour les geeks, <a href="http://e-engura.com/">Benoît Chesneau</a> bosse sur <a href="http://code.google.com/p/couchdb-django/">django-couchdb</a> et <a href="http://cyberdelia.tryphon.org/">Timothée Peigner</a> a traduit Starling en Python : <a href="http://code.google.com/p/peafowl/">Peafowl</a>. W00t!</li>
  55. <li>Une belle démonstration de <a href="http://blog.hanfordlemoore.com/2007/04/16/dont-do-what-your-users-say">l'intérêt des tests utilisateurs</a>, toujours essayer de corriger le problème à la source.</li>
  56. <li>On termine par un peu <a href="http://hydro.bio.li/">de culture et d'environnement</a>. Je ne connaissais pas les hydroliennes et j'arrive difficilement à en cerner tous les inconvénients.</li>
  57. </ul>
  58. <p>Et sinon, je viens de lire le dernier Trolls de Troy et il est clairement décevant, ça sent la BD sortie pour les jeux. Ruez vous plutôt sur <a href="http://www.bedetheque.com/serie-12109-BD-Samurai.html">Samouraï</a>, les dessins sont juste exceptionnels et l'histoire tient la route.</p>
  59. </div>
  60. </article>
  61. <footer>
  62. <h6 property="schema:datePublished">— 12/08/2008</h6>
  63. </footer>
  64. </section>
  65. <section>
  66. <div>
  67. <h3>Articles peut-être en rapport</h3>
  68. <ul>
  69. <li><a href="/david/biologeek/archives/20080810-une-solution-elegante-au-select-multiple/" title="Accès à Une solution élégante au select multiple">Une solution élégante au select multiple</a></li>
  70. <li><a href="/david/biologeek/archives/20080808-les-10-meilleurs-geeks-du-web-francais/" title="Accès à Les 10 meilleurs geeks du web français">Les 10 meilleurs geeks du web français</a></li>
  71. <li><a href="/david/biologeek/archives/20080806-qui-peut-changer-votre-vie/" title="Accès à Qui peut changer votre vie ?">Qui peut changer votre vie ?</a></li>
  72. </ul>
  73. </div>
  74. </section>
  75. <section>
  76. <div id="comments">
  77. <h3>Commentaires</h3>
  78. <div class="comment" typeof="schema:UserComments">
  79. <p class="comment-meta">
  80. <span class="comment-author" property="schema:creator">Anonymus</span> le <span class="comment-date" property="schema:commentTime">12/08/2008</span> :
  81. </p>
  82. <div class="comment-content" property="schema:commentText">
  83. <p>[quote]j&#39;arrive difficilement à en cerner tous les inconvénients.[/quote]<br />Bonjour,</p>
  84. <p>Peu d&#39;inconvénients, à ce jour, mais il faut tout de même aller dans le sud de la France pour imaginer ce que pourraient être les verts paturages, lorsqu&#39;il y aura 10 fois plus d&#39;éoliennes.<br />Le pétrole, ca pue. <br />Mais remplacer la pollution par une autre, fut-elle visuelle, n&#39;est pas la meilleure facon.<br />Quitte à remplacer le pétrole, autant chercher quelque chose qui ne déplace pas la pollution.<br />Les énergies nouvelles ont le vent en poupe, mais elles coutent trop cher. Seulement, elles sont financées par l&#39;état, via EDF. Tant que ce financement existe, ca restera des sociétés rentables. Mais de là à penser qu&#39;elles peuvent vivre sans EDF, non pas encore.</p>
  85. <p>Nico.</p>
  86. </div>
  87. </div>
  88. <div class="comment" typeof="schema:UserComments">
  89. <p class="comment-meta">
  90. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">12/08/2008</span> :
  91. </p>
  92. <div class="comment-content" property="schema:commentText">
  93. <p>&quot;je suis resté scotché par l&#39;utilisation d&#39;HTML 5&quot;</p>
  94. <p>Mais tu peux faire exactement pareil, et depuis des années. Ca n&#39;est pas du HTML 5, puisqu&#39;HTML 5 n&#39;est pas un langage à base de balises, mais un processus d&#39;exploitation d&#39;un langage à balises lui-même appelé HTML 5. Il se trouve que sur ce site, il utilise les mêmes noms de balises que ce qui sera normalement utilisé dans HTML 5 (à un caprice d&#39;Hixie près).</p>
  95. </div>
  96. </div>
  97. <div class="comment" typeof="schema:UserComments">
  98. <p class="comment-meta">
  99. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">12/08/2008</span> :
  100. </p>
  101. <div class="comment-content" property="schema:commentText">
  102. <p>@Nico : tu parles bien d&#39;HYDROliennes là ?</p>
  103. <p>@Damien B. : disons plutôt l&#39;interprétation par les navigateurs alors ?</p>
  104. </div>
  105. </div>
  106. <div class="comment" typeof="schema:UserComments">
  107. <p class="comment-meta">
  108. <span class="comment-author" property="schema:creator">atmaniak</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  109. </p>
  110. <div class="comment-content" property="schema:commentText">
  111. <p>Un troll est caché dans ton billet... voir même deux.</p>
  112. </div>
  113. </div>
  114. <div class="comment" typeof="schema:UserComments">
  115. <p class="comment-meta">
  116. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  117. </p>
  118. <div class="comment-content" property="schema:commentText">
  119. <p>@David</p>
  120. <p>Scotché par l&#39;interprétation par les navigateurs d&#39;une CSS avec des sélecteurs sur des éléments au nom arbitraire ? En 97 peut-être, quand on faisait ça avec CSS 1 et Netscape 4.</p>
  121. </div>
  122. </div>
  123. <div class="comment" typeof="schema:UserComments">
  124. <p class="comment-meta">
  125. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  126. </p>
  127. <div class="comment-content" property="schema:commentText">
  128. <p>J&#39;oubliais : :-P</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">Anonymus</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  134. </p>
  135. <div class="comment-content" property="schema:commentText">
  136. <p>Du site, en général : <a href="http://hydro.bio.li/">http://hydro.bio.li/</a></p>
  137. <p><a href="http://vms2linux.free.fr/dotclear/index.php?2008/06/08/4-une-eolienne-vraiment-efficace">http://vms2linux.free.fr/dotclear/index.php?2008/06/08/4-une-eolienne-vraiment-efficace</a><br />( tout en cadres, c&#39;est dommage.. )</p>
  138. <p>Un exemple de ce que l&#39;on peut faire avec l&#39;hydro : <a href="http://fr.wikipedia.org/wiki/Usine_mar%25C3%25A9motrice_de_la_Rance">http://fr.wikipedia.org/wiki/Usine_mar%C3%A9motrice_de_la_Rance</a><br />A noter (je ne sais pas si c&#39;est de l&#39;humour, mais bon :D )&gt; Ca pourrait avoir des effets sur la rotation de la lune autour du soleil :D</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">Jean-Sébastien</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  144. </p>
  145. <div class="comment-content" property="schema:commentText">
  146. <p>Merci David pour le lien!<br />Content de voir que t&#39;as trouvé intéressant ce billet-fleuve ;-)</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">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  152. </p>
  153. <div class="comment-content" property="schema:commentText">
  154. <p>@Damien B : Ne s&#39;émerveiller de rien est beaucoup plus bête que s&#39;émerveiller de tout. -- Fedor Mikhaïlovitch Dostoïevski</p>
  155. <p>:p</p>
  156. <p>@Anonymous : ok, moi j&#39;essayais de voir les inconvénients des hydroliennes spécifiquement (influence sur le climat, la vue aquatique, les particules en suspension, etc).</p>
  157. <p>@Jean-Sébastien : ton aventure est vraiment passionnante, j&#39;espère que tu arriveras à t&#39;épanouir dans ta nouvelle entreprise et son orientation.</p>
  158. </div>
  159. </div>
  160. <div class="comment" typeof="schema:UserComments">
  161. <p class="comment-meta">
  162. <span class="comment-author" property="schema:creator">Manuel Vila</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  163. </p>
  164. <div class="comment-content" property="schema:commentText">
  165. <p>Merci d&#39;avoir mentionné ma vidéo ! Ça m&#39;aide à me motiver pour la réalisation du deuxième épisode. :)</p>
  166. </div>
  167. </div>
  168. <div class="comment" typeof="schema:UserComments">
  169. <p class="comment-meta">
  170. <span class="comment-author" property="schema:creator">labadie</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  171. </p>
  172. <div class="comment-content" property="schema:commentText">
  173. <p>A Anonymus, à propos de l&#39;hélicodyne, une éolienne vraiment efficace<br />&gt;&gt;&gt; tout en cadre, c&#39;est dommage<br />Je le signalerai au webmaster bénévole de 13 ans qui aime et maitrise plus que moi la mise en page de site web, afin qu&#39;il s&#39;améliore :-)</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">Nath</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
  179. </p>
  180. <div class="comment-content" property="schema:commentText">
  181. <p>Eh oui ! Heureux de relire biolo après quelques jours de vacances. <br />Pour les hydroliennes, je sais plus ce que l&#39;on attend pour faire avancer le shmilblik ! Tout le monde y va de sa solution sans la mettre en place !</p>
  182. <p>Pour <a href="http://commonbox.net">http://commonbox.net</a> (l&#39;histoire du pot commun en ligne) : vu avant de partir en vacances. J&#39;adore le concept, je trouve le site bien fait et je teste prochainement pour &quot;l&#39;anniv de pupuce&quot; (et pour un tournois de Poker ! hihihi!</p>
  183. <p>See U!</p>
  184. </div>
  185. </div>
  186. <div class="comment" typeof="schema:UserComments">
  187. <p class="comment-meta">
  188. <span class="comment-author" property="schema:creator">Sunny</span> le <span class="comment-date" property="schema:commentTime">15/08/2008</span> :
  189. </p>
  190. <div class="comment-content" property="schema:commentText">
  191. <p>Côté XHTML5 il y a aussi le code de <a href="http://intertwingly.net/blog/">http://intertwingly.net/blog/</a> avec aucune balise div ou span et ses fabuleux svgs directement dans la soupe. Wouah.</p>
  192. </div>
  193. </div>
  194. <div class="comment" typeof="schema:UserComments">
  195. <p class="comment-meta">
  196. <span class="comment-author" property="schema:creator">Labadie</span> le <span class="comment-date" property="schema:commentTime">20/08/2008</span> :
  197. </p>
  198. <div class="comment-content" property="schema:commentText">
  199. <p>J&#39;ai mis à jour l&#39;article sur les hydroliennes, apparemment ils ont essayé de réfléchir aux conséquences environnementales.</p>
  200. <p>extrait: &quot;Par ailleurs, les essais comportent un volet environnemental complet. Une caméra est chargée de la surveillance du comportement des poissons et des mesures acoustiques, en collaboration avec l&#39;Ifremer, sont effectuées pour mesurer le niveau de bruit généré. De plus, à la conception du rotor ont été intégrées des mesures pour ne pas perturber la faune : pales non tranchantes, conception permettant le rejet vers l&#39;extérieur de tout poisson s&#39;approchant du rotor.&quot;</p>
  201. </div>
  202. </div>
  203. </div>
  204. </section>
  205. <footer>
  206. <nav>
  207. <p>
  208. <small>
  209. 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>
  210. </small>
  211. </p>
  212. </nav>
  213. </footer>
  214. </div>
  215. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  216. <script data-no-instant>InstantClick.init()</script>
  217. </body>
  218. </html>