A place to cache linked articles (think custom and personal wayback machine)
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.

index.html 51KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>The 'Future Book' Is Here, but It's Not What We Expected (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.wired.com/story/future-book-is-here-but-not-what-we-expected/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. The 'Future Book' Is Here, but It's Not What We Expected (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.wired.com/story/future-book-is-here-but-not-what-we-expected/">Source originale du contenu</a></h3>
  445. <p><span class="lede">The Future Book </span>was meant to be interactive, moving, alive. Its pages were supposed to be lush with whirling doodads, responsive, hands-on. The old paperback Zork choose-your-own-adventures were just the start. The Future Book would change depending on where you were, how you were feeling. It would incorporate your very environment into its story—the name of the coffee shop you were sitting at, your best friend’s birthday. It would be sly, maybe a little creepy. Definitely programmable. <em>Ulysses</em> would extend indefinitely in any direction you wanted to explore; just tap and some unique, mega-mind-blowing sui generis path of Joycean machine-learned words would wend itself out before your very eyes.</p>
  446. <p>Prognostications about how technology would affect the form of paper books have been with us for centuries. Each new medium was poised to deform or murder the book: newspapers, photography, radio, movies, television, videogames, the internet.</p>
  447. <p class="paywall">Some viewed the intersection of books and technology more positively: In 1945, Vannevar Bush wrote in <em>The Atlantic</em>: “Wholly new forms of encyclopedias will appear, ready made with a mesh of associative trails running through them, ready to be dropped into the memex and there amplified.”</p>
  448. <p class="paywall">Researcher Alan Kay created a cardboard prototype of a tablet-like device in 1968. He called it the "Dynabook," saying, “We created a new kind of medium for boosting human thought, for amplifying human intellectual endeavor. We thought it could be as significant as Gutenberg’s invention of the printing press 500 years ago.”</p>
  449. <p class="paywall">In the 1990s, Future Bookism hit a kind of beautiful fever pitch. We were so close. Brown University professor Robert Coover, in a 1992 <em>New York Times</em> op-ed titled “<a href="https://archive.nytimes.com/www.nytimes.com/books/98/09/27/specials/coover-end.html?pagewanted=all" target="_blank">The End of Books</a>,” wrote of the future of writing: “Fluidity, contingency, indeterminacy, plurality, discontinuity are the hypertext buzzwords of the day, and they seem to be fast becoming principles, in the same way that relativity not so long ago displaced the falling apple.” And then, more broadly: “The print medium is a doomed and outdated technology, a mere curiosity of bygone days destined soon to be consigned forever to those dusty unattended museums we now call libraries.”</p>
  450. <p class="paywall">Normal books? Bo-ring. Future Books? Awesome—indeterminate—and we were almost there! The Voyager Company built its "expanded books" platform on Hypercard, launching with three titles at MacWorld 1992. Microsoft launched Encarta on CD-ROM.</p>
  451. <p class="paywall">But … by the mid-2000s, there still were no real digital books. The Rocket eBook was too little, too early. Sony launched the eink-based Librie platform in 2004 to little uptake. Interactive CD-ROMs had dropped off the map. We had Wikipedia, blogs, and the internet, but the mythological Future Book—some electric slab that would somehow both be <em>like</em> and <em>not like</em> the quartos of yore—had yet to materialize. Peter Meirs, head of technology at <em>Time</em>, <a href="https://observer.com/2008/04/where-will-magazines-be-ten-years-from-now/" target="_blank">hedged his bets</a> perfectly, proclaiming: “Ultimately, there will be some sort of device!”</p>
  452. <p class="paywall">And then there was. Several devices, actually. The iPhone launched in June 2007, the Kindle that November. Then, in 2010, the iPad arrived. High-resolution screens were suddenly in everyone’s hands and bags. And for a brief moment during the early 2010s, it seemed like it might finally be here: the glorious Future Book.</p>
  453. <h3 class="paywall">A Cry in the Wilderness</h3>
  454. <p class="paywall">Fast forward to 2018. At the end of Denis Johnson’s short story “Triumph Over the Grave,” he writes: “It doesn’t matter. The world keeps turning. It’s plain to you that at the time I write this, I’m not dead. But maybe by the time you read it.”</p>
  455. <p class="paywall">It’s a kick in the gut, not just because of his tone, rhythm, grammar but because he <em>is</em> dead. Passed away in 2017. I was reading this story—part of his collection <em>The Largesse of the Maiden</em>—on my Kindle, during a many-day hike. Hiking with a Kindle definitely feels futuristic—an entire library in a device that weighs less than a small book, and rarely needs charging. And my first impulse on reading Johnson’s final line, sitting on a dirt path in the mountains of Japan flanked by <em>Cryptomeria japonica</em>, was to eulogize him right there, smack dab in the text while a nightingale whistled overhead. The Kindle indicated with a subtle dotted underline and small inline text that those final sentences had been highlighted by “56 highlighters.” Other humans! Reading this same text, feeling the same impulse. Some need to mark those lines.</p>
  456. <div class="inset-left-component paywall inset-left-component--pullquote"><blockquote name="inset-left" class="inset-left-component__el"><p>My first impulse on reading Johnson’s final line, sitting on a dirt path in the mountains of Japan, was to eulogize him right there, smack dab in the text while a nightingale whistled overhead.</p></blockquote></div>
  457. <p class="paywall">I wanted to write, “Fuck. Sad to think this is the last new work we’re going to get from this guy. Most definitely dead as I’m reading it.” You know, something in the vulgarity of Johnson himself. I wanted to stick my 10-cent eulogy between those lines for others to read, and to read what those others had thought. Purchasing a book is one of the strongest self-selections of community, and damn it, I wanted to engage.</p>
  458. <p class="paywall">But I couldn’t. For my Kindle Oasis—one of the most svelte, elegant, and expensive digital book containers you can buy in 2018—is about as interactive as a potato. Instead, I left a note for myself: “Write something about how this isn’t the digital book we thought we’d have.”</p>
  459. <p class="paywall">Physical books today look like physical books of last century. And digital books of today look, feel, and function almost identically to digital books of 10 years ago, when the Kindle launched. The biggest change is that many of Amazon’s competitors have gone belly up or shrunken to irrelevancy. The digital reading and digital book startup ecosystem that briefly emerged in the early 2010s has shriveled to a nubbin.</p>
  460. <p class="paywall">Amazon won. Trounced, really. As of the end of 2017, about <a href="http://authorearnings.com/report/january-2018-report-us-online-book-sales-q2-q4-2017/" target="_blank">45 percent</a> (up from 37 percent in 2015) of all print sales and 83 percent of all ebook sales happen through Amazon channels. There are few alternatives with meaningful mind- or market share, especially among digital books.</p>
  461. <figure class="image-embed-component"><p class="component-lazy pending" data-component="Lazy"/><figcaption class="caption-component">
  462. <div class="caption-component__caption"><p>Kindle Oasis displaying the last page of Denis Johnson's <em>Triumph Over the Grave</em>.</p>
  463. </div>
  464. <p class="caption-component__credit-container"><i aria-label="Photo attribution" class=" ui-camera icon icon--16"/><cite class="caption-component__credit">Craig Mod</cite></p></figcaption></figure>
  465. <p class="paywall">Yet here’s the surprise: We were looking for the Future Book in the wrong place. It’s not the form, necessarily, that needed to evolve—I think we can agree that, in an age of infinite distraction, one of the strongest assets of a “book” as a book is its singular, sustained, distraction-free, blissfully immutable voice. Instead, technology changed everything that <em>enables</em> a book, fomenting a quiet revolution. Funding, printing, fulfillment, community-building—everything leading up to and supporting a book has shifted meaningfully, even if the containers haven’t. Perhaps the form and interactivity of what we consider a “standard book” will change in the future, as screens become as cheap and durable as paper. But the books made today, held in our hands, digital or print, <em>are</em> Future Books, unfuturistic and inert may they seem.</p>
  466. <h3 class="paywall">A Publishing Revolution</h3>
  467. <p class="paywall">Twenty years ago, what did you need to make a book on your own? You needed a pile of words, sure. But you also needed a mountain of cash. And even if you had the cash—say, $20,000 to get the thing edited, designed, proofed, and printed—you still needed a printer. Assuming you could get your books printed, you needed a place to store them. You needed someone to ship them. You needed a relationship with a distributor to get them into Barnes and Noble. And you needed a marketing budget to get them on that front table.</p>
  468. <p class="paywall">To publish a digital book today, you still need the words, but you can skip many of the other steps. From a Pages or Microsoft Word document you can export an .epub file—the open standard for digital books. Open an Amazon and iBooks account, upload the file, and suddenly you’re accessing <a href="https://www.bloomberg.com/news/articles/2018-01-25/apple-is-said-to-ready-revamped-e-books-push-against-amazon" target="_blank">92 percent</a> of the digital book market.</p>
  469. <p class="paywall">For printed books, a slew of new funding, production, and distribution tools make creating and selling a physical artifact much easier. <a href="http://www.blurb.com/" target="_blank">Blurb</a>, <a href="https://kdp.amazon.com/en_US/l/print-on-demand" target="_blank">Amazon</a>, <a href="https://www.lulu.com/" target="_blank">Lulu</a>, <a href="https://www.ingramcontent.com/publishers/print" target="_blank">Lightning Source</a>, and <a href="https://www.ingramspark.com/" target="_blank">Ingram Spark</a> are just a few of the print-on-demand companies we all have access to. Many will handle sales—providing you with a web page to send potential readers to, managing the burdensome tasks of payments and shipping. The improvement in print-on-demand quality in recent decades is astounding. The books look fabulous—with decent paper options, cover types, finishes. Professional photographers are even offering up <a href="http://www.blurb.com/b/9125874-sri-lanka" target="_blank">monographs</a> in collaboration with companies like Blurb. And Amazon will have the finished books on your doorstep the next day.</p>
  470. <div class="inset-left-component paywall inset-left-component--pullquote"><blockquote name="inset-left" class="inset-left-component__el"><p>Almost half of author earnings now come from independently published books.</p></blockquote></div>
  471. <p class="paywall">It’s easy to take these offerings for granted. Today, anyone with a bit of technological know-how and an internet connection can publish—offering digital or physical editions, on the same online retail shelves—alongside Alexander Chee, Rebecca Makkai, or Tom Clancy.</p>
  472. <p class="paywall">This proliferation of new technology and services has altered author economics. Almost <a href="http://authorearnings.com/report/the-report/" target="_blank">half of author <em>earnings</em></a> now come from independently published books. Independent books don’t outsell big-five books, but they offer higher royalty rates—roughly 70 percent versus 25 percent. For the first time—perhaps since the invention of the printing press—authors and small presses have viable independent options beyond the “traditional” publishing path with its gatekeepers.</p>
  473. <h3 class="paywall">How Crowdfunding Changed the Game</h3>
  474. <p class="paywall">For six years in the 2000s I was an art director and producer of printed books with a small indie press and, let me tell you, there were no great models for pre-sales or raising capital. Then crowdfunding arrived.</p>
  475. <p class="paywall">Kickstarter launched in 2009. Although it wasn’t the first crowdfunding platform, it quickly became the largest and most influential. Since launch, Kickstarter has helped fund <a href="https://www.kickstarter.com/help/stats?ref=footer" target="_blank">more than 14,000 “publishing”</a>-related projects, collecting some $134 million. The 10 best-funded publishing projects on Kickstarter alone generated more than $6 million in funding—and then reaped much more in post-publication sales.</p>
  476. <p class="paywall">Best-selling authors like Jack Cheng (<em>See You in the Cosmos</em>) and Robin Sloan (<em>Mr. Penumbra’s 24-Hour Bookstore</em>) got their start funding <a href="https://www.kickstarter.com/projects/robinsloan/robin-writes-a-book-and-you-get-a-copy" target="_blank">novellas</a> or <a href="https://www.kickstarter.com/projects/jackcheng/these-days-a-novel" target="_blank">first novels</a> on Kickstarter. Sloan launched his project “Robin Writes a Book” in August 2009, when few had heard the phrase “crowdfunding” and the idea of giving money for a thing not yet made seemed slightly bonkers.</p>
  477. <p class="paywall">Kickstarter is not explicit patronage in the classical sense. At its worst, the platform produces products that feel chintzy and a bit scammy, an unholy union between QVC and SkyMall. But at its best there’s a sense of, as Tim Carmody puts it, “<a href="https://kottke.org/17/12/unlocking-the-commons-or-the-psychoeconomics-of-patronage" target="_blank">unlocking the commons</a>”—of helping something get into the world that otherwise wouldn’t exist, and <em>you</em> are part of that.</p>
  478. <p class="paywall">I’ve published two books (with both physical and digital components) that wouldn’t have been made without crowdfunding. In 2010 I republished a guide I coauthored to the <a href="https://www.kickstarter.com/projects/craigmod/art-space-tokyo-ipad-edition-hardcover-reprint" target="_blank">Tokyo art world</a>, and in 2016 I published a <a href="https://www.kickstarter.com/projects/craigmod/koya-bound-a-book-of-photography-from-japans-kuman" target="_blank">photo collection</a> and comprehensive <a href="https://walkkumano.com/" target="_blank">online guide</a> to Japan’s Kumano Kodo UNESCO World Heritage pilgrimage path.</p>
  479. <figure class="image-embed-component"><p class="component-lazy pending" data-component="Lazy"/><figcaption class="caption-component"><p class="caption-component__caption">Two books that the author self-published with the help of a Kickstarter campaign.</p><p class="caption-component__credit-container"><i aria-label="Photo attribution" class=" ui-camera icon icon--16"/><cite class="caption-component__credit">Craig Mod</cite></p></figcaption></figure>
  480. <p class="paywall">I compiled everything I learned in that first campaign into a breakdown called "<a href="https://craigmod.com/journal/kickstartup/" target="_blank">Kickstartup</a>." That essay described cash raised through Kickstarter as “… micro seed capital. This—capital without relinquishment of ownership—is where the latent potential of Kickstarter funding lies.”</p>
  481. <p class="paywall">I wrote that essay in 2010 just as crowdfunding was entering the mainstream. Soon after, it seemed everyone was launching books.</p>
  482. <p class="paywall">The emblematic story of a Kickstarted book is <em><a href="https://www.kickstarter.com/projects/timbuktu/good-night-stories-for-rebel-girls-100-tales-to-dr" target="_blank">Goodnight Stories for Rebel Girls</a></em>. Launched in 2016, it quickly shattered all book-funding records, raising $1.2 million combined during its initial Kickstarter and IndieGogo campaigns. The book went on to sell over 1 million copies around the world. <em>Rebel Girls</em> has become a brand unto itself. Publisher Timbuktu Labs launched <em><a href="https://www.kickstarter.com/projects/timbuktu/kickstarter-gold-good-night-stories-for-rebel-girl" target="_blank">Goodnight Stories for Rebel Girls 2</a></em> in 2018, raising another $866,000 in pre-sales. Earlier this year, <a href="https://craigmod.com/onmargins/004/" target="_blank">I asked Elena Favilli</a>, co-founder of Timbuktu Labs, how she would describe the company: “When I think about <em>Goodnight Stories for Rebel Girls</em>, and the whole movement, and the whole community that has formed around it … I would say that today we are a digital native brand, and that we have done this starting from a physical object, and a very traditional one such as a children’s book.”</p>
  483. <p class="paywall">The Timbuktu success story often omits one important detail: The company began in 2011 as a breathlessly future-of-publishing app developer, making a digital children’s magazine for the newly launched iPad. Timbuktu was part of a wide-eyed first wave of tablet-focused digital-publishing upstarts that tumbled forth, frothy with venture capital. This was when WIRED was publishing gigabyte-sized app updates for the digital version of the magazine, and venture capital firm Kleiner Perkins was pushing for publishing innovation via its $100 million-plus iFund. When Flipboard (where I worked from 2010 to 2011)—which reimagined the beauty of print magazines in digital-first form—went live on the App Store, it proved so popular it had to turn off signups and create a waiting list, one of the first iPad apps to constrain access.</p>
  484. <p class="paywall">Amid this rush, Timbuktu Labs began winning awards for its magazine app, which was updated daily with new content. Despite the positive press, it never gained the necessary traction to become a sustainable business or justify taking on more capital. I invested a small amount in their angel round in 2012. And as an investor, I had a front-row seat: They tried. They really tried. The market simply wasn’t there. And so as a last-ditch effort, cofounders Favilli and Francesca Cavallo retreated to LA to rethink their business and life plans. It was there the idea for <em>Rebel Girls</em> was born, and a sustainable business was built around the opposite of an app: a physical book. <em>Goodnight Stories</em> didn’t emerge spontaneously, though; they began to test it, six months before launching their now famed Kickstarter campaign, using the simplest of internet technologies: email.</p>
  485. <h3 class="paywall">Crucial Tech for an Author: Email</h3>
  486. <p class="paywall">In 2014, <em>The New York Times</em> had 6.5 million subscribers to its email newsletters. By 2017, that number had doubled. Companies like Mailchimp have been offering newsletter services for nearly two decades, but they were never as popular as they are now. In 2018, users sent about 1 billion emails per day through Mailchimp, a 5,000-fold increase from 2013, when the service handled only 200,000 emails a day.</p>
  487. <p class="paywall">In response to this email explosion, the startup <a href="https://www.substack.com/" target="_blank">Substack</a> launched in 2017 as a newsletter publishing and monetization platform. Most newsletter platforms and payment systems aren’t integrated in any smooth or meaningful way. Charging for access can be an onerous task. Through the Substack system, though, a publisher can easily set up metered access to a newsletter for a subscription fee. As of October, Substack boasts over <a href="https://techcrunch.com/2018/10/16/substack-one-year/" target="_blank">25,000 subscribers</a> across various newsletters, paying on average $80 a year. <em>Rolling Stone</em> reporter Matt Taibbi recently launched his novel, <em><a href="https://taibbi.substack.com" target="_blank">The Business Secrets of Drug Dealing</a></em>, in serial on Substack. Judd Legum’s <em><a href="https://popular.info/subscribe" target="_blank">Popular Information</a></em> is also published via Substack.</p>
  488. <p class="paywall">Almost every writer or artist I know has a newsletter. One way to understand this boom is that as social media has siloed off chunks of the open web, sucking up attention, the energy that was once put into blogging has now shifted to email. Robin Sloan, in a recent—of course—<a href="https://www.robinsloan.com/" target="_blank">email newsletter</a>, lays it out thusly:</p>
  489. <blockquote class="paywall"><p>In addition to sending several email newsletters, I subscribe to many, and I talk about them a lot; you might have heard me say this at some point (or seen me type it) but I think any artist or scholar or person-in-the-world today, if they don't have one already, needs to start an email list immediately.</p></blockquote>
  490. <blockquote class="paywall"><p>Why? Because we simply cannot trust the social networks, or any centralized commercial platform, with these cliques and crews most vital to our lives, these bands of fellow-travelers who are—who must be—the first to hear about all good things. Email is definitely not ideal, but it is: decentralized, reliable, and not going anywhere—and more and more, those feel like quasi-magical properties.</p></blockquote>
  491. <p class="paywall">Ownership. We recognize we (largely) own the mailing lists; they are portable, can be printed out, stored in a safe; they are not governed by unknowable algorithmic tomfoolery. I maintain an <a href="https://craigmod.com/explorers/" target="_blank">email newsletter</a> with more than 10,000 recipients, and I treat it as the most direct, most intimate, most valuable connection to my audience. In hard economic terms, when I was promoting my Kickstarter campaign for <em>Koya Bound</em>, each time I sent out a newsletter, I had roughly 10,000 more backer-dollars within an hour. That’s a pretty damn strong, tangible community signal. Far more immediate and predictable than I’ve found Twitter or Facebook or Instagram to be.</p>
  492. <p class="paywall">That first <em>Rebel Girls</em> test email went to 25 recipients; the list snowballed in size and excitement over the six months leading up to the Kickstarter campaign. Timbuktu’s goal was—what seemed ambitious and implausible in the moment—$40,000. This exemplifies the amplification voodoo of a platform like Kickstarter: When someone backs a project, it broadcasts the news to their friends, creating a network effect. The bigger the network, the more powerful the effect. Kickstarter, with more than 15 million patrons, has the biggest network effect game in town. That also makes it a powerful online marketing force for independent authors and publishers.</p>
  493. <h3 class="paywall">Newsletters as Books</h3>
  494. <p class="paywall">The trouble with rigid definitions of what is or isn’t a “book” is that sometimes something that’s not <em>shaped</em> like a book, is actually very book-like.</p>
  495. <p class="paywall">Taiwan-based Ben Thompson publishes a newsletter called <a href="https://stratechery.com/" target="_blank">Stratechery</a>. For $100 a year you get Thompson’s thoughts on technology and startups four times a week. Yes, he’s sharp and diligent, but most importantly he has a <em>voice</em>. And if you’re paying attention, his analysis will probably make you money. So it’s an easy sell. According to <a href="https://www.recode.net/2017/2/14/14612178/ben-thompson-stratechery-publishing-news" target="_blank">public statements</a>, in 2014 he had over 1,000 subscribers paying $100 a year. He later said his subscriptions generate 100 times what he made in 2014. Could it be? Could Ben Thompson be making $10 million a year on a newsletter? I asked him to confirm and he wrote back, “I am very successful but not near $10m unfortunately!” Still, it’s hard to imagine him with fewer than 10,000 subscribers.</p>
  496. <p class="paywall">In 2008, <em>WIRED</em> co-founder and technologist Kevin Kelly predicted how the internet and email would allow creators to be independent. He called it the <a href="https://kk.org/thetechnium/1000-true-fans/" target="_blank">1,000 True Fans</a> theory of market building. Now the payments and funding and production pieces are in place to allow someone—given 1,000 fervent and supportive fans—to reliably publish for fun and profit. Stratechery is just an archetypical example of Kelly’s 1000 True Fans theory in practice.</p>
  497. <p class="paywall">Folks like Ben Thompson <em>are</em> effectively writing books. Take a year of his essays, edit them for brevity and clarity, and you’d have a brilliant edition of <em>This Year in Tech</em>. And so in a strange way, Stratechery in paid newsletter form is as much a Future Book as a bounded Kindle edition.</p>
  498. <div class="inset-left-component paywall inset-left-component--pullquote"><blockquote name="inset-left" class="inset-left-component__el"><p>Email is a boring, simple, old technology. Unlike followers or social media subscribers, email has yet to be usurped by algorithms.</p></blockquote></div>
  499. <p class="paywall">It’s also worth noting that Thompson’s position is protected: No outsider can take away his subscribers or prevent him from communicating with them. Email is a boring, simple, old technology. The first email was sent in 1971 by Ray Tomlinson. Unlike followers or social media subscribers, email has yet to be usurped by algorithms (for the most part; Gmail does a little bit of sorting now). It’s a predictable marketing channel.</p>
  500. <p class="paywall">Social media, however, is not predictable. Algorithms and product functionality have all the stability of rolling magma as companies refine how they engage, and extract value from, users. This means an investment in social media can go belly up in a few years. Take author Teju Cole, for example. His <a href="https://twitter.com/tejucole?lang=en" target="_blank">use of Twitter</a> was both <a href="https://6thfloor.blogs.nytimes.com/2014/01/09/teju-cole-puts-story-telling-to-the-twitter-test?smid=tw-nytimes" target="_blank">delicate and brilliant</a>. He amassed a quarter of a million followers before unceremoniously dropping the service in 2014, perhaps feeling the growing invective so characteristic of the platform today. He then consolidated his promotional social media activity around Facebook. Today, he says, “My main experience of Facebook is that I have no idea who sees what. I allegedly have 29,000 people following the page. I doubt that more than a few hundred of them are ever shown what I post.” Of course, Facebook gently suggests that page owners can reach their full audience by paying for promotion. Considering the <a href="https://www.theguardian.com/technology/2018/jun/01/facebook-teens-leaving-instagram-snapchat-study-user-numbers" target="_blank">shift in demographics</a> of Facebook usage, who knows if his audience is even checking their timelines, and would see the posts if he paid.</p>
  501. <p class="paywall">By contrast, there’s something almost ahistorical about email, existing outside the normal flow of technological progress. It works and has worked, reliably, for decades. There’s no central email authority. Most bookish people use it. Today I’m convinced you could skip a website, Facebook page, or Twitter account, and launch a publishing company on email alone. <a href="https://coffeehousepress.org/" target="_blank">Coffee House Press</a> is a good example: I don’t ever peek at the website, or see any of the social media updates, but I love its semiregular, well-considered emails, and almost always buy something when they arrive. Similarly, publisher MCD Books’ newsletter, <a href="https://mcdbooks.us18.list-manage.com/subscribe?u=a51fdf73467e2176b71972da6&amp;id=2497c5a088" target="_blank">Electric Eel</a>, is my main vector for keeping up with their work. <a href="https://www.instagram.com/mcdbooks/?hl=en" target="_blank">MCD Books</a> has also discovered what covers in the digital age were missing: a little bit of animation. Just enough movement to catch the eye of someone scrolling through their feed.</p>
  502. <p class="paywall">If a publisher <em>is</em> going to augment emails with social media, Instagram feels like the best fit. Books are inherently visual, and cover design is in something of a golden age at the moment with designers like <a href="https://www.instagram.com/aforner1/" target="_blank">Alison Forner</a>, <a href="https://www.instagram.com/gray.318/?hl=en" target="_blank">Gray318</a>, <a href="https://www.instagram.com/rodrigocorral_/?hl=en" target="_blank">Rodrigo Corral</a>, <a href="https://www.instagram.com/suzanneldean/" target="_blank">Suzanne Dean</a>, and many others producing consistently outstanding work.</p>
  503. <h3 class="paywall">Bring Up the Audio</h3>
  504. <p class="paywall">The Library of Congress began distributing books on cassette tape in 1969, but audiobooks only gained significant publishing market share in recent years. Once physical, now almost entirely digital and ephemeral, audiobooks have gone from a rounding error to generating <a href="https://www.publishersweekly.com/pw/by-topic/industry-news/audio-books/article/77303-audiobook-revenue-jumped-22-7-in-2018.html" target="_blank">$2.5 billion in revenue</a> in 2017, up 22 percent from the prior year.</p>
  505. <p class="paywall">It turns out smartphones aren’t the best digital book <em>reading</em> devices (too many seductions, real-time travesties, notifications just behind the words), but they make excellent audiobook players, stowed away in pockets while commuting. Top-tier podcasts like Serial, S-Town, and Homecoming have normalized listening to audio or (nonfiction) booklike productions on smartphones.</p>
  506. <p class="paywall">The technical improvements that made audiobooks a great experience arrived suddenly in the past few years: Higher quality, better battery life, and less expensive Bluetooth headphones have flooded the market. Connectivity and multi-device cloud syncing are ubiquitous. By August, 25 million smart home speakers had shipped, with sales rising <a href="https://venturebeat.com/2018/08/16/canalys-smart-speaker-market-grew-187-percent-in-q2-2018/" target="_blank">187 percent</a> in the second quarter. That’s useful because over <a href="https://goodereader.com/blog/audiobooks/global-audiobook-trends-and-statistics-for-2018" target="_blank">half of all audio book listening</a> takes places at home.</p>
  507. <p class="paywall">From the production side of things: A serviceable home voice-over studio can be cobbled together for less than $1,000 (even less if you’re willing to cut corners and work in a closet) thanks in part to the boom in podcasting. And the distribution channels for audiobooks are accessible to anyone who has an ACX (Audiobook Creation eXchange) file to upload.</p>
  508. <p class="paywall">This <a href="https://www.vulture.com/2018/09/audiobooks-are-booming-but-how-long-will-that-last.html" target="_blank">escalation</a> of audiobook mindshare has been quietly simmering on the fringes for decades. In 2005, <em>The New York Times</em> <a href="https://www.nytimes.com/2005/05/26/style/loud-proud-unabridged-it-is-too-reading.html" target="_blank">argued</a> that listening to books was roughly the same as reading them. Back then, an audiobook required intention—buying physical media (<em>Lord of the Rings</em> required juggling 12 cassettes), a trip to the library, charging the batteries on your Discman. Now our always-connected, always-charged, always-networked devices make listening to an audiobook as effortless as “Alexa, read me Moby Dick.” And so it is. So much so that <em>The New York Times</em> launched an <a href="https://www.nytimes.com/books/best-sellers/audio-fiction/" target="_blank">audiobooks best seller</a> list in March.</p>
  509. <h3 class="paywall">The Complete Package</h3>
  510. <p class="paywall">Last August, a box arrived on my doorstep that seemed to embody the apotheosis of contemporary publishing. The <em><a href="https://www.kickstarter.com/projects/ozmarecords/voyager-golden-record-40th-anniversary-edition" target="_blank">Voyager Golden Record: 40th Anniversary Edition</a></em> was published via a crowdfunding campaign. The edition includes a book of images, three records, and a small poster packaged in an exquisite box set with supplementary online material. When I held it, I didn’t think about how futuristic it felt, nor did I lament the lack of digital paper or interactivity. I thought: What a strange miracle to be able to publish an object like this today. Something independently produced, complex and beautiful, with foil stamping and thick pages, full-color, in multiple volumes, made into a box set, with an accompanying record and other shimmering artifacts, for a weirdly niche audience, funded by geeks like me who are turned on by the romance of space.</p>
  511. <figure class="image-embed-component"><p class="component-lazy pending" data-component="Lazy"/><figcaption class="caption-component"><p class="caption-component__caption"><em>Voyager Golden Record: 40th Anniversary Edition</em>, which was published with the help of a crowdfunding campaign. The edition includes a book of images, three records and a small poster.</p><p class="caption-component__credit-container"><i aria-label="Photo attribution" class=" ui-camera icon icon--16"/><cite class="caption-component__credit">Craig Mod</cite></p></figcaption></figure>
  512. <p class="paywall">We have arrived to the once imagined Future Book in piecemeal truths.</p>
  513. <p class="paywall">Moving images were often espoused to be a core part of our Future Book. While rarely found inside of an iBooks or Kindle book, they are here. If you want to learn the ukulele, you don’t search Amazon for a Kindle how-to book, you go to YouTube and binge on hours of lessons, stopping when you need to, rewinding as necessary, learning at your own pace.</p>
  514. <p class="paywall">Vannevar Bush's “Memex” essentially described Wikipedia built into a desk.</p>
  515. <p class="paywall">The "Hitchhiker’s Guide to the Galaxy" in <em>The Hitchhiker's Guide to the Galaxy</em> is an iPhone.</p>
  516. <p class="paywall">In <em>The Book of Sand</em>, Borges wrote of an infinite book: "It was then that the stranger told me: 'Study the page well. You will never see it again.'" Describing in many ways what it feels like to browse the internet or peek at Twitter.</p>
  517. <p class="paywall">Our Future Book is composed of email, tweets, YouTube videos, mailing lists, crowdfunding campaigns, PDF to .mobi converters, Amazon warehouses, and a surge of hyper-affordable offset printers in places like Hong Kong.</p>
  518. <p class="paywall">For a “book” is just the endpoint of a latticework of complex infrastructure, made increasingly accessible. Even if the endpoint stays stubbornly the same—either as an unchanging Kindle edition or simple paperback—the universe that produces, breathes life into, and supports books is changing in positive, inclusive ways, year by year. The Future Book is here and continues to evolve. You’re holding it. It’s exciting. It’s boring. It’s more important than it has ever been.</p>
  519. <p class="paywall">But temper some of those flight-of-fancy expectations. In many ways, it’s still a potato.</p>
  520. </article>
  521. </section>
  522. <nav id="jumpto">
  523. <p>
  524. <a href="/david/blog/">Accueil du blog</a> |
  525. <a href="https://www.wired.com/story/future-book-is-here-but-not-what-we-expected/">Source originale</a> |
  526. <a href="/david/stream/2019/">Accueil du flux</a>
  527. </p>
  528. </nav>
  529. <footer>
  530. <div>
  531. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  532. <p>
  533. Bonjour/Hi!
  534. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  535. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  536. </p>
  537. <p>
  538. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  539. </p>
  540. <p>
  541. Voici quelques articles choisis :
  542. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  543. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  544. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  545. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  546. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  547. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  548. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  549. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  550. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  551. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  552. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  553. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  554. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  555. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  556. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  557. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  558. </p>
  559. <p>
  560. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  561. </p>
  562. <p>
  563. Je ne traque pas ta navigation mais mon
  564. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  565. conserve des logs d’accès.
  566. </p>
  567. </div>
  568. </footer>
  569. <script type="text/javascript">
  570. ;(_ => {
  571. const jumper = document.getElementById('jumper')
  572. jumper.addEventListener('click', e => {
  573. e.preventDefault()
  574. const anchor = e.target.getAttribute('href')
  575. const targetEl = document.getElementById(anchor.substring(1))
  576. targetEl.scrollIntoView({behavior: 'smooth'})
  577. })
  578. })()
  579. </script>