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.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Pimp my 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/20090105-pimp-my-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">Pimp my Web!</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <p>De quoi réduire votre productivité pour la rentrée (et surtout soulager un peu Firefox en fermant quelques onglets) :</p>
  45. <ul>
  46. <li>Parallèle intéressant de Guido (le <abbr title="Benevol Dictator For Life">BDFL</abbr> de Python) entre <a href="http://neopythonic.blogspot.com/2008/12/in-cloud-or-not.html">le contrôle des données et celui de l'immobilier</a>. Je me rends compte que je tiens davantage à ma maison numérique, sale geek.</li>
  47. <li>La <a href="http://virtuoso.openlinksw.com/Whitepapers/html/Virt6FAQ.html">FAQ de Virtuoso</a> (qui permet de stocker du RDF) est assez impressionnante !</li>
  48. <li><a href="http://blogs.sun.com/bblfish/entry/what_does_foaf_ssl_give">FOAF+SSL vs. OpenID</a>, intéressant de voir émerger les deux possibilités, en fait c'est plus vs. <a href="https://larlet.fr/david/biologeek/archives/20081214-differencier-web-semantique-et-open-stack/">l'Open Stack</a> car ça contrôle l'accès aux données (OAuth) et un fichier FOAF permet de stocker beaucoup plus de choses que Portable Contacts...</li>
  49. <li>Chris Messina fait un <a href="http://factoryjoe.com/blog/2008/12/26/responding-to-criticisms-about-openid/">sacré boulot</a> d'<a href="http://factoryjoe.com/blog/2009/01/04/perception-and-reality-in-the-land-of-openid/">évangélisation</a> sur OpenID en ce moment, c'est <a href="http://therealmccrea.com/2008/12/24/my-keynote-address-at-last-weeks-open-stack-meetup/">pas le seul</a> d'ailleurs.</li>
  50. <li>Un exemple de <a href="http://www.infoq.com/articles/subbu-allamaraju-rest">description d'une application RESTful</a> et puisqu'on est là-dedans, un article sur <a href="http://www.digital-web.com/articles/RESTful_CSS/">le découpage de CSS appliqué à REST</a>, l'article n'est pas super bien écrit mais l'idée est intéressante.</li>
  51. <li>Un <a href="http://blog.homo-numericus.net/spip.php?article170">article sur le GWeb</a> dont j'ai eu l'occasion de parler <a href="https://larlet.fr/david/biologeek/archives/20071202-gweb-peut-on-encore-rever-d-un-web-libre/">en long</a>, <a href="https://larlet.fr/david/biologeek/archives/20080907-pourquoi-avoir-peur-de-google/">en large</a> et <a href="https://larlet.fr/david/biologeek/archives/20081223-comprendre-google-native-client/">en travers</a>.</li>
  52. <li>On termine avec <a href="http://www.lesintegristes.net/2008/12/09/introduction-a-wai-aria-traduction/">une introduction à WAI ARIA</a> et un peu de lecture si vous vous demandez s'il y a vraiment encore <a href="http://www.framablog.org/index.php/post/2008/12/06/education-memorisation-et-par-coeur-en-question">un intérêt à apprendre par cœur</a>, personnellement je n'en ai jamais été convaincu.</li>
  53. </ul>
  54. <p>Il faudra que je pense à faire une brève sur mes outils Python qui changent la vie aussi. Tiens <a href="http://twitter.com/davidbgk">j'ai rejoint la conversation twitter</a> aussi, aucune garantie de continuité de service par contre, un peu comme eux :-).</p>
  55. </div>
  56. </article>
  57. <footer>
  58. <h6 property="schema:datePublished">— 05/01/2009</h6>
  59. </footer>
  60. </section>
  61. <section>
  62. <div>
  63. <h3>Articles peut-être en rapport</h3>
  64. <ul>
  65. <li><a href="/david/biologeek/archives/20090104-django-vs-concurrence-php/" title="Accès à Django vs. concurrence PHP">Django vs. concurrence PHP</a></li>
  66. <li><a href="/david/biologeek/archives/20081226-revue-de-bandes-dessinees/" title="Accès à Revue de bandes dessinées">Revue de bandes dessinées</a></li>
  67. <li><a href="/david/biologeek/archives/20081222-adn-web-et-confidentialite/" title="Accès à ADN, web et confidentialité">ADN, web et confidentialité</a></li>
  68. </ul>
  69. </div>
  70. </section>
  71. <section>
  72. <div id="comments">
  73. <h3>Commentaires</h3>
  74. <div class="comment" typeof="schema:UserComments">
  75. <p class="comment-meta">
  76. <span class="comment-author" property="schema:creator">NiCoS</span> le <span class="comment-date" property="schema:commentTime">05/01/2009</span> :
  77. </p>
  78. <div class="comment-content" property="schema:commentText">
  79. <p>Comment ? Tu confies tes données perso à Twitter ? (même pas fait en Django en plus... RIP Pownce) ;-)</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">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">05/01/2009</span> :
  85. </p>
  86. <div class="comment-content" property="schema:commentText">
  87. <p>Comme je l&#39;ai écrit dans ma première &quot;update&quot; c&#39;est du jetable :-)</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">Got</span> le <span class="comment-date" property="schema:commentTime">06/01/2009</span> :
  93. </p>
  94. <div class="comment-content" property="schema:commentText">
  95. <p>Content de voir que tu t&#39;intéresses enfin à un vrai triple store ;-)</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">paolo</span> le <span class="comment-date" property="schema:commentTime">20/01/2009</span> :
  101. </p>
  102. <div class="comment-content" property="schema:commentText">
  103. <p>Des outils python ???? Je prends, je prends!</p>
  104. </div>
  105. </div>
  106. </div>
  107. </section>
  108. <footer>
  109. <nav>
  110. <p>
  111. <small>
  112. 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>
  113. </small>
  114. </p>
  115. </nav>
  116. </footer>
  117. </div>
  118. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  119. <script data-no-instant>InstantClick.init()</script>
  120. </body>
  121. </html>