davidbgk
/
larlet-fr-david


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
							<!doctype html>
<html lang=fr>
<head>
  <!-- Always define the charset before the title -->
  <meta charset=utf-8>
  <title>Revue de web — Biologeek — David Larlet</title>
  <!-- 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) -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <!-- Fake favicon, to avoid extra request to the server -->
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  <link rel="manifest" href="/manifest.json">
  
  <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  
  <noscript>
    <style type="text/css">
      /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
      body {
        font-family: 'EquityTextB', serif;
      }
      h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
        font-family: 'EquityCapsB', sans-serif;
        font-variant: normal;
      }
    </style>
  </noscript>
  
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20080812-revue-de-web">

</head>
<body>
  <div>
    
    <header>
      <nav>
        <p>
          <small>
            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>.
          </small>
        </p>
      </nav>
    </header>
    
    
  <section>
    <h1 property="schema:name">Revue de web</h1>
    <article typeof="schema:BlogPosting">
      <div property="schema:articleBody">
        
        <p>Trop d'onglets, trop de boulot mais ça serait dommage de passer à côté alors vous en faites les frais :)</p>
<ul>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</ul>
<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>
      </div>
    </article>
    <footer>
      <h6 property="schema:datePublished">— 12/08/2008</h6>
    </footer>
  </section>
  <section>
    <div>
      <h3>Articles peut-être en rapport</h3>
      <ul>
        <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>
        <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>
        <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>
      </ul>
    </div>
  </section>
  <section>
    <div id="comments">
      <h3>Commentaires</h3>
      
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Anonymus</span> le <span class="comment-date" property="schema:commentTime">12/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>[quote]j&#39;arrive difficilement à en cerner tous les inconvénients.[/quote]<br />Bonjour,</p>

<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>

<p>Nico.</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">12/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>&quot;je suis resté scotché par l&#39;utilisation d&#39;HTML 5&quot;</p>

<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>
    </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">12/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@Nico : tu parles bien d&#39;HYDROliennes là ?</p>

<p>@Damien B. : disons plutôt l&#39;interprétation par les navigateurs alors ?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">atmaniak</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Un troll est caché dans ton billet... voir même deux.</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">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@David</p>

<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>
    </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">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J&#39;oubliais : :-P</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Anonymus</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Du site, en général : <a href="http://hydro.bio.li/">http://hydro.bio.li/</a></p>

<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>

<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>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Jean-Sébastien</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Merci David pour le lien!<br />Content de voir que t&#39;as trouvé intéressant ce billet-fleuve ;-)</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">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <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>

<p>:p</p>

<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>

<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>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Manuel Vila</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Merci d&#39;avoir mentionné ma vidéo ! Ça m&#39;aide à me motiver pour la réalisation du deuxième épisode. :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">labadie</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <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>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Nath</span> le <span class="comment-date" property="schema:commentTime">13/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <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>

<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>

<p>See U!</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Sunny</span> le <span class="comment-date" property="schema:commentTime">15/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <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>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Labadie</span> le <span class="comment-date" property="schema:commentTime">20/08/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <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>

<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>
    </div>
</div>

    </div>
  </section>

    
    <footer>
      <nav>
        <p>
          <small>
            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>
          </small>
        </p>
      </nav>
    </footer>
    
  </div>
  
  <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  
  <script data-no-instant>InstantClick.init()</script>
  
</body>
</html>