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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  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>Alain Damasio : "Internet est tellement vaste et polymorphe que l’anarchie y reste possible" (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="http://www.lesinrocks.com/2015/06/22/actualite/alain-damasio-internet-est-tellement-vaste-et-polymorphe-que-lanarchie-y-reste-possible-11755498/">
  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. Alain Damasio : "Internet est tellement vaste et polymorphe que l’anarchie y reste possible" (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="http://www.lesinrocks.com/2015/06/22/actualite/alain-damasio-internet-est-tellement-vaste-et-polymorphe-que-lanarchie-y-reste-possible-11755498/">Source originale du contenu</a></h3>
  445. <p>Pour l’écrivain Alain Damasio, 46 ans, la science-fiction reste un outil critique indispensable pour décrypter le présent et son obsession pour la technologie. Il est l’auteur de <em>La Zone du dehors</em> (2001) – roman d’anticipation inspiré par Michel Foucault – et de<em> La Horde du Contrevent</em> (Prix de l’imaginaire 2006). Il écrit depuis quatre ans <em>Les Furtifs</em>, dont la société de contrôle reste un thème clé. Entretien.</p>
  446. <p><strong>Avez-vous le souvenir des premières fois où vous avez navigué sur internet ? Que faisiez-vous ? Comment avez-vous appréhendé cet outil ?</strong></p>
  447. <p><strong>Alain Damasio –</strong>Très franchement, je suis sec. Je ne me souviens même pas du navigateur que j’utilisais ! Les avancées technologiques sont tellement rapides que ma mémoire s’efface et se réinscrit à la même vitesse,. Sauf que je suis plus près du floppy disk de 5 pouces ¼ que d’un disque dur à 10 000 tours/minute ! Alors ça rame ! Une des rares fascinations originelles qui me revienne, c’était d’avoir accès directement, par magie, aux cours de Deleuze à l’université de Vincennes. Textes et sons ! Deleuze arrivant directement dans mon iMac à bulle et me tendant sa voix, dans ma main ! J’avais conscience que le web était gigantesque mais j’étais comme un môme planté devant le tableau d’affichage à l’aéroport et incapable de savoir où aller. Tout était aussi infiniment lent ! Il me reste plus le bruit erratique, presque animal, plein de suspense, de la connexion du modem 56 baups que tout autre chose !</p>
  448. <div id="attachment_755528" class="wp-caption aligncenter"><a href="http://www.lesinrocks.com/wp-content/uploads/2015/06/gilles-deleuze_fa_wiki.png"><img class="wp-image-755528 size-medium" src="http://www.lesinrocks.com/wp-content/thumbnails/uploads/2015/06/gilles-deleuze_fa_wiki-tt-width-470-height-573-lazyload-1-crop-1-bgcolor-000000-except_gif-1.png" alt="Gilles-deleuze_fa_wiki" width="470" height="573"/></a><p class="wp-caption-text">Gilles Deleuze, Wiki.decoder via Wikimedia (licence CC)</p></div>
  449. <p><strong>Avec internet, de plus en plus de personnes sont devenues émettrices d’informations : elles s’expriment sur des blogs, des réseaux sociaux, des sites… L’avez-vous perçu comme une possibilité de démocratisation ?</strong></p>
  450. <p>Oui, indéniablement. Tout à coup, des voix qui ne pouvaient émerger à travers les filtres et les sas médiatiques, toujours très pyramidaux, quoiqu’on prétende, toujours soumis à des systèmes de cooptation et de sélection très normés, ces voix pouvaient parler, gueuler, s’imposer, s’offrir ! Et s’offrir dans leur singularité, dans leur nouveauté, dans leurs spécialités hallucinantes aussi : des formes d’expertise insoupçonnables, par exemple dans le son ou dans la philo, des sujets qui me touchent. Au début du web, il y avait cette sensation qu’enfin, tout individu pouvait être un libre pôle de parole. La confiscation redevenait impossible. Ça jaillissait de partout !</p>
  451. <p>Bien sûr, très vite, la prolifération des émetteurs a rendu cet accès à l’info “précieuse” très chaotique, complexe et brouillé. Chercher et trouver des sources fortes et intelligentes exige beaucoup de temps. Et la facilité nous rabat, mécaniquement, sur les grands sites d’infos — ceux-là même qu’on avait d’abord fui ! J’adore à ce titre “l’affiche” du site <em>Article XI</em> :</p>
  452. <blockquote><p>“La libre communication des produits et de la pensée unique est un des droits les plus précieux de l’homme riche. Tout larbin peut donc parler, écrire, imprimer, gémir librement, sauf à répondre de l’abus de cette liberté dans les cas déterminés par la loi du…marché !”.</p></blockquote>
  453. <p>L’audience est cette loi : elle n’empêche pas la parole libre et singulière. Juste : elle s’en fout ! La démultiplication des émetteurs tue les émetteurs en les noyant. Elle a fait de l’attention une ressource rare, à savamment octroyer. Donc chère.</p>
  454. <div id="attachment_755502" class="wp-caption aligncenter"><a href="http://www.lesinrocks.com/wp-content/uploads/2015/06/article11_n19_couv-150dpi-effd3.jpg"><img class="wp-image-755502 " src="http://www.lesinrocks.com/wp-content/thumbnails/uploads/2015/06/article11_n19_couv-150dpi-effd3-tt-width-470-height-784-lazyload-1-crop-1-bgcolor-000000-except_gif-1.jpg" alt="Article11_n19_couv-150dpi-effd3" width="470" height="784"/></a><p class="wp-caption-text">“Article 11”, avril-mai-juin 2015</p></div>
  455. <p>Obtenir un temps d’attention, quelques minutes de lecture, de vision ou d’écoute – tiens, sur cet entretien même – relève de l’exploit. Et nécessite donc un furieux harcèlement publicitaire, qui lui-même fatigue et dissipe l’attention et accroît encore davantage son coût d’obtention. Il faut lire <a href="http://www.lesinrocks.com/2014/09/25/actualite/yves-citton-il-ny-pas-dattention-en-dun-environnement-relationnel-11526240/" target="_blank">Yves Citton</a> là-dessus (<em>Pour une écologie de l’attention</em>). La démocratie sur le net, comme partout, c’est <em>“cause toujours !”</em>. C’est presque un problème mathématique : un cerveau ne peut pas écouter 25 684 cerveaux qui s’expriment. Il doit choisir. Alors il choisit ce qu’on lui a présenté comme le plus crédible. L’illusion a été de croire que l’offre infinie d’infos pourrait bénéficier d’une écoute infinie.</p>
  456. <p><strong>Quels sites d’information consultez-vous ?</strong></p>
  457. <p>Je suis longtemps resté sur <em>Le Monde</em> en tête de pont, comme garant d’une forme de solidité, de style aussi. Les blogs y sont très bons et les commentaires des lecteurs restent dans le haut du pavé, souvent plus subtils et riches que l’article lui-même, une vraie forme d’intelligence polyphonique et collective. Mais l’irruption publicitaire plein texte et la hiérarchisation par partage Facebook m’a dégoûté à la longue d’y retourner trop souvent. J’aime assez <em>Rue 89</em>, <em>Article XI</em>, <em>Vacarme</em>, <em>Multitudes</em>, je lis beaucoup <em>SoFoot</em> par passion (et pour le ton) – mais globalement l’info événementielle est devenu tellement épidermique, saturée de mèmes et de clicks pulsionnels (auxquels je n’échappe pas du tout !) que j’évite au maximum d’y plonger. Je reviens ces temps-ci aux magazines et journaux papiers (<em>Usbek et Ricca</em>, <em>Multitudes</em>, <em>le 1</em>, <em>Courrier International</em>, <em>le Monde Diplo</em>), si possible mensuels ou trimestriels, où la longue durée donne de la profondeur et du sens aux articles.</p>
  458. <p><strong>Internet vous a-t-il déjà inspiré dans vos écrits ?</strong></p>
  459. <p><a href="http://www.lesinrocks.com/wp-content/uploads/2015/06/so-fare.jpg"><img class=" size-medium wp-image-755505 alignleft" src="http://www.lesinrocks.com/wp-content/thumbnails/uploads/2015/06/so-fare-tt-width-194-height-320-lazyload-1-crop-1-bgcolor-000000-except_gif-1.jpg" alt="so fare"/></a>Oui, carrément ! Par exemple dans ma nouvelle fantastique, <em><a href="http://www.gallimard.fr/Catalogue/GALLIMARD/Folio/Folio-2/So-phare-away-et-autres-nouvelles">So phare away</a></em>, où je traite sous une forme métaphorique de l’infobésité. De cette incapacité à boire avec une lance à incendie dans la bouche ! C’est une ville de phares où chacun émet sa propre lumière, avec son spectre et ses codes — sauf que la démultiplication des phares sature la nappe lumineuse et rend quasi-impossible l’échange et la compréhension. Un phartiste un peu désabusé (Phare Niente) dit dans la nouvelle: <em>“Dans un monde où tout le monde croit devoir s’exprimer, il n’y a plus d’illumination possible. Rien ne peut être éclairé dans la luminance totale. Il faut beaucoup de silence pour entendre une note. Il faut beaucoup de nuit pour qu’un éclair puisse jaillir, pour qu’une couleur neuve soit perçue, soit reçue. Si j’en avais le pouvoir, j’émettrais aujourd’hui un trou noir. Quelque chose comme un cône d’extinction forant au ventre l’épaisseur du jour. Pour rouvrir l’espace. Ce qui me terrifie, ce n’est pas ce chaos de clartés qui brouille la ville comme une avalanche de soleils. C’est qu’il n’y ait plus nulle part une seule ombre. Tout est férocement surexposé. Mais rien n’est posé. Ni tranché.” </em>Ça décrit assez bien ma désillusion internet.</p>
  460. <p><strong>Utilisez-vous Twitter ? Que pensez-vous de ce mode de communication en 140 signes ?</strong></p>
  461. <p>Tu n’as utilisé que 84 signes pour poser ta question, ce qui prouve ta supériorité postmoderne sur moi ! Twitter, c’est exactement comme les sms : ça n’a d’intérêt que pour les échanges les plus triviaux, pour purger les pulsions communicantes (surtout autopublicitaire) — ou pour les génies poétiques. Le projet <a href="http://microspores.tumblr.com/start">Microspores</a> de Jeff Noon — des histoires fantastiques en 140 caractères — est un chef d’œuvre à ce titre. Mais essayez d’en faire autant… Ça demande un sens exceptionnel de l’ellipse et de l’évocation !<br/>
  462. Personnellement, Twitter m’emmerde. Là où Jeff Noon produit des spores poétiques qui essaiment et ouvrent l’imaginaire, nous subissons 99,9% de pollution spamique, très proche du degré zéro de l’auto-expression. <em>“Papa, j’ai fait pipi !”</em>.</p>
  463. <p>Au lieu d’être concentrée, l’information devient au contraire hyper-segmentée, particulaire, pulvérulente. Ce n’est plus un flux, c’est un gaz. Un gaz moutarde, qui pique la gorge et les neurones. Il y avait quelque chose de prémonitoire dans le nom même. Twitter, c’est très précisément “gazouiller” — c’est-à-dire disperser et dilater des particules dérisoires d’information dans l’air déjà surchargé des réseaux. Moi pas gazouiller ! Moi soutenir Gazaouis, c’est tout ! &lt;) ;o))</p>
  464. <p><strong>Vous n’avez pas de portable, vous n’êtes donc pas connecté en permanence comme de plus en plus d’entre nous avec nos Smartphones. Quel regard portez-vous sur la place qu’ont pris ces objets dans notre quotidien ? Nous aliènent-ils ? </strong></p>
  465. <p>Personnellement, j’ai rebaptisé ça l’onoto : l’o(bjet) no(made) to(talitaire). En matière d’objet, le smartphone est la vraie authentique révolution du XXIe siècle (pour l’instant !). A savoir le pouvoir enfin miniaturisé, enfin à portée de main, sous sa forme la plus radicalement personnalisante et autocentrée. C’est un outil au premier abord. Mais c’est en fait surtout une mémoire : une mémoire de nos échanges, de nos journées, de nos images, de nos vies concrètes… C’est donc une forme de l’identité qui vient doubler et enfler la nôtre. Comme un masque qui devient notre visage.</p>
  466. <p>Le smartphone est un objet qui nous ouvre le monde et qui <em>fait</em> monde parce qu’en l’utilisant, on s’inscrit de facto dans les réseaux, on se remet, grâce à lui, au cœur de ce qui s’émet et s’échange, de ce qui se joue et s’exprime. C’est un objet-monde qui fait qu’en tout lieu, on est, comme le dit Miguel Benasayag, dans le non-lieu de la communication virtuelle. La partouze du Partoutletemps. “Nomade” en novlangue est le mot pour “sédentaire”. On peut être au Cambodge ou en haut du mont Blanc, on est toujours au même endroit, on n’a pas bougé puisqu’on a le smartphone au bout des doigts, au bout des yeux, à portée de voix. Nos applis sont notre vrai territoire. Le corps bouge mais le cadre mental reste intact – et on aime ça, cette familiarité, cette réassurance continue : notre chez-nous voyage avec nous !</p>
  467. <p>Clairement, ça produit des addictions très féroces, mais qui sont naturelles : qui peut échapper à la pulsion enfantine de la matrice, de la couveuse, du technococon ? Qui accepte de défusionner avec sa femme et ses enfants, ses potes, son travail, ses repères cognitifs quand on lui offre un continuum magnifique, le graal du “plus jamais seul” ? Très peu de gens !</p>
  468. <div id="attachment_755537" class="wp-caption aligncenter"><a href="http://www.lesinrocks.com/wp-content/uploads/2015/06/her1.jpg"><img class="wp-image-755537 " src="http://www.lesinrocks.com/wp-content/thumbnails/uploads/2015/06/her1-tt-width-470-height-264-lazyload-1-crop-1-bgcolor-000000-except_gif-1.jpg" alt="her1" width="470" height="264"/></a><p class="wp-caption-text">Joaquin Phoenix dans “Her” (via Allociné)</p></div>
  469. <p>La question à mes yeux se pose donc moins en terme d’aliénation que de pouvoir. L’onoto nous offre énormément de pouvoirs : appeler, agir, s’organiser, se divertir, se cultiver, donner des ordres, acheter, archiver, prendre des images, nous géolocaliser… Il en offre même tellement que je me demande si l’une des causes mal perçues de la désaffection politique, du déclin des engagements, ne vient pas de ce que le pouvoir se vit désormais au creux de la paume, par délégation machinique, à travers l’onoto qui nous télécommande le monde, fait régie ou console, est notre salle de contrôle : on pilote nos existences à partir de lui. On sonne et filtre les gens, on les harcèle ou s’en protège, on leur envoie des ordres ou des mots doux, on drague ou on engueule, alternativement par la voix et par SMS. C’est virtuose et jouissif, déprimant et tuant. Mais c’est là qu’on vit, dans cet espace mental.</p>
  470. <p>Pas étonnant du coup que le besoin d’éprouver un pouvoir citoyen devienne dérisoire (et tellement fatigant, mon dieu !) face aux facilités d’un pouvoir instrumental quotidien, direct et toujours disponible. Ne nous y trompons pas, disait Baudrillard : pour l’écrasante majorité des gens, le pouvoir se vit comme la possibilité de choisir entre le lave-vitre et l’allume-cigare ! Sa référence a vieilli et l’on dirait : “entre un iPhone et un Samsung, entre Androïd et IOS, entre l’appli Run et l’appli Run-Run pour compter ses foulées”.</p>
  471. <p>Désespérant ? Pas tant que ça, car ce pouvoir-ci est concret et visible, accessible d’un effleurement. L’autre, celui de militer ou de voter, d’infléchir une politique ou de repenser une société, reste souvent très lointain et abstrait. C’est juste que ce court-circuit dans la construction du désir, que produit l’onoto, dégrade et coupe toute élaboration plus longue et plus complexe. Le désir a besoin d’être déconnecté de la matrice fusionnelle pour grandir. Si on le satisfait trop vite, il devient pulsion : il entre dans le cycle court besoin-satisfaction. Le cycle idéal du consumérisme, où c’est l’acte d’achat qui vient décharger la pulsion.</p>
  472. <p>A la place de l’onoto, il me semble intéressant de chercher à atteindre, en soi et avec les autres, non pas le pouvoir (qui est volonté de maîtrise, de contrôle) mais la puissance. Une puissance au sens spinoziste : une puissance de vivre, d’habiter ses affects et sa pensée. Une vitalité intime qui s’extériorise, embrasse le monde, fait corps avec lui, se laisse affecter et toucher, et qui transmet aussi son énergie, dans le partage. Une puissance de faire, directement, sans médiation, plutôt qu’un pouvoir de faire faire, par l’onoto, de déléguer ses facultés aux algorithmes.</p>
  473. <p>Regardez une enfant jouer avec une tablette et ensuite regardez-la jouer avec ses poupées. Avec la tablette, 95 % du jeu est dans l’outil. Avec les poupées, tout naît, tout est dans l’enfant : la construction imaginaire, la projection animiste, le jeu de rôle, l’élaboration des histoires et des scènes, la créativité ex nihilo. Et bien sûr le rapport physique à la poupée avec les robes, les gilets qu’on met et qu’on enlève, la mise en espace du jeu dans la chambre, la préhension, le toucher. C’est à mon sens la même chose avec un adulte. Je n’ai pas de portable parce que ça me coupe de mon imaginaire, de mes fantasmes, de ma nostalgie romantique, de ma créativité brute. J’ai besoin d’être coupé de l’infosphère pour que naissent en moi des idées et des mondes. Et aussi pour être absolument là avec ceux que je rencontre et à qui je parle.</p>
  474. <p>Bref, l’enjeu est moins de savoir si les smartphones nous aliènent que de se demander, pour chacun de nous et parfois ensemble, ce que l’objet vient “empuissanter” ou au contraire “impuissanter” ? Internet accroît mon accès direct au savoir, par exemple scientifique et architectural, il empuissante prodigieusement ma faculté à rendre crédible des personnages, des technos et des lieux, dans mes livres. Par contre, mais c’est totalement personnel, je vis tout téléphone sur moi comme une menace, une sorte de collier électronique et d’aspirateur mental qui va piéger mon attention au lieu de la libérer.</p>
  475. <p>Pour prendre un autre exemple, collectif : les imprimantes 3D empuissantent une vraie réappropriation de la fabrication d’objets par les gens : faire soi-même sa lampe, sa chaise, créer sa déco, ses couverts, ses jouets, ne plus dépendre de l’industrie pour ça, ne plus se coucher devant le mikado des meubles Ikea comme si c’était le graal de l’ergonomie et du design chic — wouaouh, ça émancipe, non ?</p>
  476. <p>Pour chaque outil qu’on nous vend “au nom du pouvoir”, posons-nous donc juste la question de savoir ce qu’ils ouvrent à nos forces (mentales, émotionnelles, physiques) et ce qu’ils viennent juste relayer, remplacer, en nous coupant de ce qu’on peut. Je n’ai pas envie d’externaliser ou de déléguer ma puissance aux technologies de paresse. Je suis la première de toutes mes technologies : c’est mon corps et ma tête, et c’est mon émotion vivante.</p>
  477. <p><strong>Étiez-vous dupe de l’utopie libertaire qu’internet représentait à ses origines, ou vous doutiez-vous qu’il allait se transformer en un vaste espace de contrôle ?</strong></p>
  478. <p>J’ai été dupe et je le suis encore. Parce qu’internet est encore, en de nombreux sites, blogs, forums, en de nombreuses niches joyeuses, une utopie magnifique où des partages de toute grandeur, de toute beauté sont possibles – et se font chaque minute. L’outil est tellement vaste et polymorphe, tellement fou et varié, que l’anarchie y reste possible. Et elle demeure en grande partie structurelle, tant que la neutralité du net sera préservée. Le web dessine de fait un immense rhizome (et pas un arbre), une architecture éminemment horizontale et libertaire.</p>
  479. <p>Maintenant, y échapper à la traçabilité est un exploit car c’est aussi un espace où tout acte numérique est surveillable. Et archivable. Et corrélable. On peut certes y vivre libre à la manière de la lettre volée d’Edgar Poe : en ne cachant rien et en priant qu’aucun algorithme ne nous suive ou ne nous “voit” puisqu’on agit au milieu de millions d’autres. N’avoir rien à cacher ne dispense par contre pas de se soucier de ceux qui ont quelque chose à protéger et qu’on met en permanence et pour toujours sous l’œil de Moscou d’Orange, de Facebook, Google, Apple et consœurs !</p>
  480. <p>L’horreur, c’est de se rendre compte que l’humanité n’arrive pas à créer un espace de liberté authentique sans très vite lui imposer un régime arachnéen de contrôle. Comme si la pulsion liberticide, la crispation sécuritaire était plus forte que tout.</p>
  481. <p><strong>Après l’affaire Snowden, vous avez publié en janvier 2014 une <a href="https://www.playlistsociety.fr/2014/01/701-000-heures-de-garde-a-vue/116176/">“playlist des luttes à mener”</a> pour résister au contrôle sur internet. Vous recommandiez des techniques furtives, le hack, le soutien aux lanceurs d’alerte… Est-il possible de subvertir internet ?</strong></p>
  482. <p>Bien sûr. Et heureusement ! Mais, d’après mes potes hackers, ça demande de plus en plus de furtivité, de connaissances fines et d’expertise tortueuse, les mailles se resserrent. La solution est peut-être dans les réseaux parallèles, les darknets, ou la mise en place de réseaux ouverts/protégés construits avec nos propres datacenters et qui seraient hermétiques au flicage. La guérilla du cryptage va continuer à être féroce — mais c’est elle qui pourra nous assurer une certaine liberté.</p>
  483. <div id="attachment_755542" class="wp-caption aligncenter"><a href="http://www.lesinrocks.com/wp-content/uploads/2015/06/snowden1.jpg"><img class="wp-image-755542 " src="http://www.lesinrocks.com/wp-content/thumbnails/uploads/2015/06/snowden1-tt-width-470-height-313-lazyload-1-crop-1-bgcolor-000000-except_gif-1.jpg" alt="snowden" width="470" height="313"/></a><p class="wp-caption-text">Edward Snowden – Reuters</p></div>
  484. <p>Et la subversion passera par des actions directes, de nouvelles formes de hacking. Du hacking à la fois bricoleur, saboteur et pirate, dans toute la plénitude de l’étymologie. Il va falloir très vite pirater et brouiller l’internet des objets, faire comprendre à quel point les smartphones sont des armes dont le canon est retourné vers nos intimités. Il faut s’attaquer, pour les subvertir, aux objets connectés – ces machines à quantifier nos vies – aux capteurs inclus dans nos voitures ou nos vêtements (ça vient), à notre domotique, à l’éclairage urbain, à la gestion du trafic… Une vraie piste concrète sera l’intrusion et l’occupation des fermes de serveurs (les centres de données), la réappropriation de ces serveurs, le retour à la source physique des réseaux (câblage notamment).</p>
  485. <p>Puisque internet est appelé à essaimer dans le réel, dans nos objets, nos architectures, nos mobiliers urbains, c’est là que la guérilla libertaire et le totalitarisme gestionnaire vont maintenant s’affronter ! À nous d’inventer des “sub-versions” de tous ces logiciels de gouvernance algorithmique – qui prétendent déjà régenter nos vies “pour notre confort et notre sécurité”.</p>
  486. <p><strong>Propos recueillis par Mathieu Dejean</strong></p>
  487. </article>
  488. </section>
  489. <nav id="jumpto">
  490. <p>
  491. <a href="/david/blog/">Accueil du blog</a> |
  492. <a href="http://www.lesinrocks.com/2015/06/22/actualite/alain-damasio-internet-est-tellement-vaste-et-polymorphe-que-lanarchie-y-reste-possible-11755498/">Source originale</a> |
  493. <a href="/david/stream/2019/">Accueil du flux</a>
  494. </p>
  495. </nav>
  496. <footer>
  497. <div>
  498. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  499. <p>
  500. Bonjour/Hi!
  501. 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>
  502. 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>).
  503. </p>
  504. <p>
  505. 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>.
  506. </p>
  507. <p>
  508. Voici quelques articles choisis :
  509. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  510. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  511. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  512. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  513. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  514. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  515. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  516. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  517. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  518. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  519. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  520. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  521. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  522. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  523. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  524. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  525. </p>
  526. <p>
  527. 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>.
  528. </p>
  529. <p>
  530. Je ne traque pas ta navigation mais mon
  531. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  532. conserve des logs d’accès.
  533. </p>
  534. </div>
  535. </footer>
  536. <script type="text/javascript">
  537. ;(_ => {
  538. const jumper = document.getElementById('jumper')
  539. jumper.addEventListener('click', e => {
  540. e.preventDefault()
  541. const anchor = e.target.getAttribute('href')
  542. const targetEl = document.getElementById(anchor.substring(1))
  543. targetEl.scrollIntoView({behavior: 'smooth'})
  544. })
  545. })()
  546. </script>