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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. <!DOCTYPE html>
  2. <html lang=fr>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
  6. <title>Livre et diffusion — David Larlet (@davidbgk)</title>
  7. <link rel="apple-touch-icon" sizes="57x57" href="/static/david/favicons/apple-touch-icon-57x57.png" />
  8. <link rel="apple-touch-icon" sizes="114x114" href="/static/david/favicons/apple-touch-icon-114x114.png" />
  9. <link rel="apple-touch-icon" sizes="72x72" href="/static/david/favicons/apple-touch-icon-72x72.png" />
  10. <link rel="apple-touch-icon" sizes="144x144" href="/static/david/favicons/apple-touch-icon-144x144.png" />
  11. <link rel="apple-touch-icon" sizes="60x60" href="/static/david/favicons/apple-touch-icon-60x60.png" />
  12. <link rel="apple-touch-icon" sizes="120x120" href="/static/david/favicons/apple-touch-icon-120x120.png" />
  13. <link rel="apple-touch-icon" sizes="76x76" href="/static/david/favicons/apple-touch-icon-76x76.png" />
  14. <link rel="apple-touch-icon" sizes="152x152" href="/static/david/favicons/apple-touch-icon-152x152.png" />
  15. <link rel="icon" type="image/png" href="/static/david/favicons/favicon-16x16.png" sizes="16x16" />
  16. <link rel="icon" type="image/png" href="/static/david/favicons/favicon-32x32.png" sizes="32x32" />
  17. <link rel="icon" type="image/png" href="/static/david/favicons/favicon-96x96.png" sizes="96x96" />
  18. <link rel="icon" type="image/png" href="/static/david/favicons/favicon-160x160.png" sizes="160x160" />
  19. <meta name="msapplication-TileColor" content="#ffc40d" />
  20. <meta name="msapplication-TileImage" content="/static/david/favicons/mstile-144x144.png" />
  21. <meta name="msapplication-square70x70logo" content="/static/david/favicons/mstile-70x70.png" />
  22. <meta name="msapplication-square150x150logo" content="/static/david/favicons/mstile-150x150.png" />
  23. <meta name="msapplication-square310x310logo" content="/static/david/favicons/mstile-310x310.png" />
  24. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  25. <link type="text/css" rel="stylesheet" href="/static/david/css/larlet-david-b1_pD.css" data-instant-track />
  26. <style type="text/css" media="screen, print">
  27. </style>
  28. <link href="https://larlet.fr/david/blog/webmention/" rel="webmention" />
  29. <meta name="twitter:card" content="summary">
  30. <meta property="og:type" content="article" />
  31. <meta property="og:url" content="/david/blog/2014/livre-diffusion/" />
  32. <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  33. <meta name="twitter:creator" content="@davidbgk">
  34. <meta name="twitter:title" content="Livre et diffusion">
  35. <meta itemprop="name" content="Livre et diffusion">
  36. <meta property="og:title" content="Livre et diffusion" />
  37. <meta name="description" content="" />
  38. <meta name="twitter:description" content="">
  39. <meta property="og:description" content="" />
  40. <meta itemprop="description" content="">
  41. <meta name="twitter:image" content="https://larlet.fr/static/david/blog/2014/livre-diffusion.jpg">
  42. <meta itemprop="image" content="https://larlet.fr/static/david/blog/2014/livre-diffusion.jpg">
  43. <meta property="og:image" content="https://larlet.fr/static/david/blog/2014/livre-diffusion.jpg" />
  44. </head>
  45. <body>
  46. <div id="site">
  47. <header>
  48. <nav>
  49. <h1>
  50. <a href="/david/" title="Profil public">David&nbsp;Larlet</a> :
  51. <a href="/david/pro/" title="Activité professionnelle">artisan</a>,
  52. <a href="/david/blog/" title="Activité personnelle">contributeur</a> et
  53. <a href="/david/arlesien/" title="Activité citoyenne">citoyen</a>.</h1>
  54. <h3>Article faisant partie <a href="/david/blog/" title="Accès aux archives">des pensées</a>.</h3>
  55. </nav>
  56. </header>
  57. <section id="content">
  58. <article id="livre-diffusion" typeof="schema:BlogPosting">
  59. <h1 property="schema:name">Livre et diffusion</h1>
  60. <div property="schema:articleBody"><blockquote>
  61. <p>Car si l’on y réfléchit un instant, un ebook n’est rien d’autre qu’un mini-site web encapsulé pour être consulté en mode <em>offline</em>, rien de plus. Et c’est notre besoin de jouer à la marchande « en échange de ton argent, je te transmets un fichier tangible et stockable » qui nous a propulsés droit dans le mur, et poussés à inventer des solutions toujours moins pratiques, plus compliquées et plus fermées. Alors que le web était là depuis le début, et qu’il nous tendait les mains. Nous avons réinventé le web, en moins bien. </p>
  62. <p><cite><em><a href="https://medium.com/@studiowalrus/le-livre-numerique-est-mort-vive-le-livre-numerique-6fae02cd829e">Le livre numérique est mort : vive le livre numérique</a></em> (<a href="/david/cache/c5f2c3d53be2a75f118cb94e257056a4/">cache</a>)</cite></p>
  63. </blockquote>
  64. <p>Suite à <a href="/david/blog/2015/publier-enseigner-cultiver/">mes envies de publications</a>, je me renseigne sur des projets comme <a href="https://leanpub.com/">LeanPub</a> ou <a href="https://www.gitbook.com/">GitBook</a> en évitant d’<a href="http://practicaltypography.com/why-racket-why-lisp.html">écrire le mien</a>.</p>
  65. <blockquote>
  66. <p>I should make sure to negotiate permission to make the book available for free on my web site. He told me that compared with the effort that you put into the book, the money you get back is insignificant. So if you write a book it should not be because you want to make a lot of money from it but because you have an idea that you want to present to the world. And as an author, you owe it to yourself to get your idea in front of as many people as possible.</p>
  67. <p><cite><em><a href="http://blog.plover.com/2014/12/01/">Why my book can be downloaded for free</a></em> (<a href="/david/cache/87117b2d6f28af858ab2e5a159f06c5a/">cache</a>)</cite></p>
  68. </blockquote></div>
  69. <figure class="image" property="schema:image">
  70. <img src="/static/david/blog/2014/livre-diffusion.jpg" />
  71. </figure>
  72. <h6 property="schema:datePublished" class="post-date">D&eacutebut janvier 2014</h6>
  73. </article>
  74. <hr />
  75. </section>
  76. <section class="more">
  77. <h3>Interagir avec ce contenu ici ou ailleurs</h3>
  78. <ul id="social">
  79. <li>
  80. <a href="http://twitter.com/share?url=https://larlet.fr/david/blog/2014/livre-diffusion/&amp;text=&gt;%20%20—&amp;via=davidbgk">
  81. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  82. viewBox="0 0 512 512" xml:space="preserve">
  83. <path d="M256,0C114.609,0,0,114.609,0,256c0,141.392,114.609,256,256,256c141.392,0,256-114.608,256-256
  84. C512,114.609,397.392,0,256,0z M256,472c-119.297,0-216-96.702-216-216c0-119.297,96.703-216,216-216c119.298,0,216,96.703,216,216
  85. C472,375.298,375.298,472,256,472z"/>
  86. <path class="twitter" d="M384,170.922c-4.313,2.562-17.248,7.671-29.313,8.953c7.736-4.491,19.188-19.203,22.016-30.89
  87. c-7.435,5.109-24.516,12.562-32.95,12.562c0,0,0,0.023,0.016,0.039C334.141,150.75,320.608,144,305.577,144
  88. c-29.154,0-52.81,25.461-52.81,56.875c0,4.36,0.481,8.595,1.357,12.672h-0.017c-39.562-1.094-85.811-22.446-111.874-59
  89. c-16,29.852-2.156,63.046,16.015,75.141c-6.203,0.516-17.671-0.766-23.061-6.407c-0.375,19.797,8.484,46.048,40.735,55.563
  90. c-6.221,3.61-17.19,2.579-21.984,1.781c1.687,16.75,23.437,38.623,47.202,38.623c-8.47,10.534-37.373,29.706-73.141,23.596
  91. C152.298,358.782,180.625,368,210.608,368c85.205,0,151.376-74.359,147.814-166.093c0-0.11-0.031-0.219-0.031-0.313
  92. c0-0.25,0.031-0.5,0.031-0.719c0-0.281-0.031-0.562-0.031-0.859C366.141,194.328,376.546,184.234,384,170.922z"/>
  93. </svg>
  94. <span>Partager sur Twitter</span>
  95. </a>
  96. </li>
  97. <li>
  98. <a href="https://www.facebook.com/sharer/sharer.php?u=https://larlet.fr/david/blog/2014/livre-diffusion/">
  99. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  100. viewBox="0 0 512 512" xml:space="preserve">
  101. <path d="M256,0C114.609,0,0,114.609,0,256s114.609,256,256,256s256-114.609,256-256S397.391,0,256,0z M256,472
  102. c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z"/>
  103. <path fill-rule="evenodd" clip-rule="evenodd" d="M316.75,216.812h-44.531v-32.5c0-9.969,10.312-12.281,15.125-12.281
  104. c4.781,0,28.766,0,28.766,0v-43.859L283.141,128c-44.984,0-55.25,32.703-55.25,53.672v35.141H195.25V262h32.641
  105. c0,58.016,0,122,0,122h44.328c0,0,0-64.641,0-122h37.656L316.75,216.812z"/>
  106. </svg>
  107. <span>Partager sur Facebook</span>
  108. </a>
  109. </li>
  110. <li>
  111. <a href="mailto:?subject=Partage%20de%20Livre%20et%20diffusion&amp;body=Lien:%20https://larlet.fr/david/blog/2014/livre-diffusion/">
  112. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  113. viewBox="0 0 512 512" xml:space="preserve">
  114. <g>
  115. <path d="M256,0C114.609,0,0,114.609,0,256s114.609,256,256,256s256-114.609,256-256S397.391,0,256,0z M256,472
  116. c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z"/>
  117. <path d="M315.844,198.359c0.172-1.109,0.25-2.141,0.25-3.094c0-8.797-5.5-13.172-16.5-13.172c-5.281,0-8.844,0.906-10.688,2.688
  118. c-1.875,1.812-3.156,5.391-3.906,10.75c-4.219-5.938-8.469-9.938-12.75-12.016c-3.938-1.891-9.578-2.828-16.875-2.828
  119. c-18.797,0-35.109,9.562-48.875,28.672c-12.688,17.578-19.016,36.359-19.016,56.328c0,15.594,4.109,29.281,12.344,41.094
  120. c9.125,13.016,21.062,19.516,35.766,19.516c12.594,0,24.688-4.516,36.266-13.547c5.219,9.031,14.141,13.547,26.734,13.547
  121. c23.844,0,44.266-10.062,61.219-30.203C375.938,276.938,384,254.906,384,230.031c0-29.75-12.516-54.562-37.547-74.422
  122. C323.266,137.219,296.75,128,266.844,128c-38.906,0-71.562,12.297-98.016,36.906C141.609,190.281,128,222.656,128,262.062
  123. c0,40.266,13.953,71.188,41.828,92.781C194.859,374.297,227.688,384,268.344,384c17.312,0,34.188-2.703,50.656-8.141
  124. c18.062-5.922,32.922-14.359,44.594-25.297c3.766-3.609,7.391-8,10.828-13.156c4.297-6.297,6.422-11.375,6.422-15.234
  125. c0-2.922-1.016-5.531-3.078-7.828c-2.047-2.281-4.516-3.422-7.359-3.422c-5.391,0-9.922,1.906-13.625,5.672
  126. c-6.109,6.562-10.656,11.562-13.594,15c-20,17.469-44.844,26.203-74.594,26.203c-31.906,0-57.438-7.828-76.578-23.484
  127. c-20.922-17.109-31.375-41.625-31.375-73.531c0-30.969,9.938-56.844,29.859-77.625C210.406,162.391,235.484,152,265.703,152
  128. c23.781,0,43.547,6.75,59.328,20.281c16.906,14.344,25.328,33.438,25.328,57.25c0,12.469-2.125,24.094-6.422,34.828
  129. c-4.781,12.047-11.719,21.328-20.781,27.859c-6.812,4.891-12.141,7.344-16,7.344c-4.203,0-6.297-1.969-6.297-5.922
  130. c0-1.641,1.078-9.203,3.281-22.719L315.844,198.359z M267.344,269.578c-7.734,21.453-15.969,32.188-24.688,32.188
  131. c-13.031,0-19.547-8.312-19.547-24.953c0-12.922,3.734-27.469,11.234-43.688c8.734-19.141,18.672-28.703,29.844-28.703
  132. c4.625,0,8.062,2.5,10.328,7.484c1.844,3.812,2.766,8.344,2.766,13.594C277.281,236.719,273.984,251.406,267.344,269.578z"/>
  133. </g>
  134. </svg>
  135. <span>Envoyer par email</span>
  136. </a>
  137. </li>
  138. <li>
  139. <a href="m&#x61;ilto:l&#x61;rletfr%40librelist&#46;com?subject=Discussion%20sur%20Livre%20et%20diffusion&amp;body=url=https://larlet.fr/david/blog/2014/livre-diffusion/%0A%0ABonjour,%0A%0A{{%20Présentez-vous%20à%20la%20liste%20ici%20}}%0A%0A★★★★★%0A%0A{{%20Tapez%20votre%20commentaire%20public%20ici%20(ou%20retirez%20les%20étoiles)%20}}%0A%0A★★★★★%0A%0A">
  140. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  141. viewBox="0 0 512 512" xml:space="preserve">
  142. <path d="M256,0C114.609,0,0,114.609,0,256s114.609,256,256,256s256-114.609,256-256S397.391,0,256,0z M256,472
  143. c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z"/>
  144. <g>
  145. <path d="M384,207.828C384,163.75,341.016,128,288,128c-53,0-96,35.75-96,79.828c0,44.094,43,79.828,96,79.828
  146. c17.484,0,38.406-7.766,38.406-7.766l52.812,24.062l-11.234-51.281C367.984,252.672,384,227.344,384,207.828z M327.062,262.594
  147. l-6.219,2.281c-5.094,1.875-20.953,6.766-32.844,6.766c-44.109,0-80-28.625-80-63.812s35.891-63.812,80-63.812
  148. s79.984,28.625,79.984,63.812c0,10.734-8.266,27.953-13.516,36.297l-3.5,5.547l5.781,26.453L327.062,262.594z"/>
  149. <path d="M224,351.688c-11.891,0-27.75-4.891-32.859-6.766l-6.172-2.281l-29.719,13.531l5.781-26.453l-3.5-5.547
  150. C152.297,315.844,144,298.609,144,287.875c0-22.375,14.578-42.016,36.5-53.406c-1.75-5.188-3.062-10.531-3.781-16.016
  151. C147.656,232.156,128,258.094,128,287.875c0,19.5,16,44.844,16,44.844L132.781,384l52.812-24.062c0,0,20.922,7.766,38.406,7.766
  152. c48.422,0,88.375-30.266,94.938-68.734c-5,1.344-10.953,2.641-17.266,3.547C293.312,330.641,261.781,351.688,224,351.688z"/>
  153. </g>
  154. </svg>
  155. <span>Discuter avec les habitués</span>
  156. </a>
  157. </li>
  158. <li>
  159. <a href="#webmention">
  160. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  161. viewBox="0 0 512 512" xml:space="preserve">
  162. <path d="M256,0C114.609,0,0,114.609,0,256s114.609,256,256,256s256-114.609,256-256S397.391,0,256,0z M256,472
  163. c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z"/>
  164. <path d="M352,128c-17.625,0-32,14.344-32,32c0,11.938,6.641,22.25,16.375,27.75L306,288.188c-0.656-0.047-1.312-0.188-2-0.188
  165. c-5.391,0-10.406,1.469-14.875,3.859l-35.781-39.172C255.031,248.781,256,244.5,256,240c0-17.656-14.344-32-32-32s-32,14.344-32,32
  166. c0,8.672,3.5,16.516,9.109,22.281l-33.859,58.609C164.906,320.375,162.5,320,160,320c-17.656,0-32,14.375-32,32s14.344,32,32,32
  167. s32-14.375,32-32c0-9.375-4.125-17.75-10.594-23.625l33.438-57.875c2.906,0.875,5.969,1.5,9.156,1.5
  168. c7.266,0,13.891-2.531,19.266-6.625l33.953,37.203C273.938,307.609,272,313.562,272,320c0,17.625,14.359,32,32,32
  169. c17.625,0,32-14.375,32-32c0-11.312-5.906-21.188-14.781-26.875l30.562-101.156c0.078,0,0.125,0.031,0.219,0.031
  170. c17.625,0,32-14.344,32-32S369.625,128,352,128z M160,368c-8.844,0-16-7.141-16-16s7.156-16,16-16s16,7.141,16,16
  171. S168.844,368,160,368z M224,256c-8.844,0-16-7.156-16-16s7.156-16,16-16s16,7.156,16,16S232.844,256,224,256z M304,336
  172. c-8.859,0-16-7.141-16-16s7.141-16,16-16s16,7.141,16,16S312.859,336,304,336z M352,176c-8.859,0-16-7.156-16-16s7.141-16,16-16
  173. s16,7.156,16,16S360.859,176,352,176z"/>
  174. </svg>
  175. <span>Mentionner un lien externe</span>
  176. </a>
  177. </li>
  178. </ul>
  179. <hr />
  180. </section>
  181. <section class="more">
  182. <h3>Poursuivre votre exploration de ce site</h3>
  183. <ul id="navigation">
  184. <li id="prev">
  185. <a href="/david/blog/2014/gaspillage-numerique/">
  186. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
  187. <path fill-rule="evenodd" clip-rule="evenodd" d="M256,0C114.609,0,0,114.609,0,256s114.609,256,256,256s256-114.609,256-256
  188. S397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z"/>
  189. <polygon fill-rule="evenodd" clip-rule="evenodd" points="286,144 174,256 286,368 318,336 238,256 318,176 "/>
  190. </svg>
  191. <span>Gaspillage numérique</span>
  192. </a>
  193. </li>
  194. <li id="next">
  195. <a href="/david/blog/2014/reseaux-sociaux-hypnose/">
  196. <span>Réseaux sociaux et hypnose</span>
  197. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
  198. <path fill-rule="evenodd" clip-rule="evenodd" d="M256,512c141.391,0,256-114.609,256-256S397.391,0,256,0S0,114.609,0,256
  199. S114.609,512,256,512z M256,40c119.297,0,216,96.703,216,216s-96.703,216-216,216S40,375.297,40,256S136.703,40,256,40z"/>
  200. <polygon fill-rule="evenodd" clip-rule="evenodd" points="226,368 338,256 226,144 194,176 274,256 194,336 "/>
  201. </svg>
  202. </a>
  203. </li>
  204. </ul>
  205. <p>
  206. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l'article complet">Un web omni-présent</a>,
  207. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l'article complet">Manifeste de développeur</a>,
  208. <a href="/david/blog/2013/agilite-efficacite/" title="Accéder à l'article complet">Agilité et efficacité</a>,
  209. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l'article complet">Confort et convivialité</a>,
  210. <a href="/david/blog/2013/web-temps/" title="Accéder à l'article complet">Web et temps</a>,
  211. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l'article complet">Testament numérique</a>,
  212. <a href="/david/blog/2013/conseils-pere/" title="Accéder à l'article complet">Conseils de père</a>
  213. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  214. </p>
  215. <hr />
  216. </section>
  217. <section class="more small" id="webmention">
  218. <h3>Mentionner un lien externe</h3>
  219. <p class="manual">
  220. Ce site implémente <a href="https://en.wikipedia.org/wiki/WebMention">WebMention</a>, vous pouvez soumettre les liens mentionnant cet article afin qu’ils soient répertoriés sur le site. Cela permet aux visiteurs de poursuivre la lecture/discussion chez vous/ailleurs. Soyez patient, les pages ne sont actualisées que manuellement pour l’instant.
  221. </p>
  222. <formset>
  223. <form action="/david/blog/webmention/" method="post">
  224. <p><label for="source">Lien de votre article mentionnant ce billet :</label>
  225. <input type="text" name="source" id="source" />
  226. <input type="hidden" value="https://larlet.fr/david/blog/2014/livre-diffusion/" name="target" />
  227. <input type="submit" class="submit" value="Webmentionner" /></p>
  228. </form>
  229. </formset>
  230. </section>
  231. <footer>
  232. <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">Contact</a> •
  233. <a href="/david/log/" title="Être tenu informé des mises à jour">Abonnement</a> •
  234. <a href="/david/liens/" title="Liens internes et externes">Liens</a>
  235. </footer>
  236. </div>
  237. <script src="/static/david/js/instantclick.3.0.1.20141212.min.js" data-no-instant></script>
  238. <script data-no-instant>InstantClick.init();</script>
  239. </body>
  240. </html>