davidbgk
/
larlet-fr-david
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 Commits
1 Branch
Tree: 420a49ad68
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '420a49ad68'
${ noResults }
larlet-fr-david/david/correspondances/2017/index.html

index.html 36KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618 
  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>Correspondances hebdomadaires — 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. 

  28.   <!-- Canonical URL for SEO purposes -->

  29.   <link rel="canonical" href="https://larlet.fr/david/correspondances/2017/">

  30. 

  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. 

  67. /* http://practicaltypography.com/equity.html */

  68. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  69. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  70. @font-face {

  71.   font-family: 'EquityTextB';

  72.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  73.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  74.   font-weight: 300;

  75.   font-style: normal;

  76.   font-display: swap;

  77. }

  78. @font-face {

  79.   font-family: 'EquityTextB';

  80.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  81.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  82.   font-weight: 300;

  83.   font-style: italic;

  84.   font-display: swap;

  85. }

  86. @font-face {

  87.   font-family: 'EquityTextB';

  88.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  89.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  90.   font-weight: 700;

  91.   font-style: normal;

  92.   font-display: swap;

  93. }

  94. @font-face {

  95.   font-family: 'TriplicateT4c';

  96.   src: url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff2') format('woff2'),

  97.        url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff') format('woff');

  98.   font-weight: 300;

  99.   font-style: normal;

  100.   font-display: swap;

  101. }

  102. 

  103. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  104. body {

  105.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  106.   font-family: "EquityTextB", Palatino, serif;

  107.   background-color: #f0f0ea;

  108.   color: #07486c;

  109.   font-kerning: normal;

  110.   -moz-osx-font-smoothing: grayscale;

  111.   -webkit-font-smoothing: subpixel-antialiased;

  112.   text-rendering: optimizeLegibility;

  113.   font-variant-ligatures: common-ligatures contextual;

  114.   font-feature-settings: "kern", "liga", "clig", "calt";

  115. }

  116. pre, code, kbd, samp, var, tt {

  117.   font-family: 'TriplicateT4c', monospace;

  118. }

  119. em {

  120.   font-style: italic;

  121.   color: #323a45;

  122. }

  123. strong {

  124.   font-weight: bold;

  125.   color: black;

  126. }

  127. nav {

  128.   background-color: #323a45;

  129.   color: #f0f0ea;

  130.   display: flex;

  131.   justify-content: space-around;

  132.   padding: 1rem .5rem;

  133. }

  134.   nav:first-child {

  135.     border-top: 1vh solid #2d7474;

  136.   }

  137.   nav:last-child {

  138.     border-bottom: 1vh solid #2d7474;

  139.   }

  140.   nav a {

  141.     color: #f0f0ea;

  142.   }

  143.   nav abbr {

  144.     border-bottom: 1px dotted white;

  145.   }

  146. 

  147. h1 {

  148.   border-bottom: .2vh solid #2d7474;

  149.   background-color: #e3e1e1;

  150.   color: #323a45;

  151.   text-align: center;

  152.   padding: 2rem 0 1rem;

  153.   width: 100%;

  154. }

  155. h2 {

  156.   margin: 4rem 0 1rem;

  157.   border-top: .2vh solid #2d7474;

  158. }

  159. h3 {

  160.   text-align: center;

  161.   margin: 3rem 0 .75em;

  162. }

  163. hr {

  164.   height: .4rem;

  165.   width: .4rem;

  166.   border-radius: .4rem;

  167.   background: #07486c;

  168.   margin: 2.5rem auto;

  169. }

  170. time {

  171.   display: bloc;

  172.   background-color: #2d7474;

  173.   color: #e3e1e1;

  174.   padding: .29rem 1rem;

  175.   float: right;

  176. }

  177. ul, ol {

  178.   margin: 2rem;

  179. }

  180. ul {

  181.   list-style-type: square;

  182. }

  183. a {

  184.   text-decoration-skip-ink: auto;

  185. }

  186. article {

  187.   max-width: 50rem;

  188.   display: flex;

  189.   flex-direction: column;

  190.   margin: 3rem auto 1rem auto;

  191. }

  192.   article p:last-child {

  193.     margin-bottom: 1rem;

  194.   }

  195. p {

  196.   padding: 0 .5rem;

  197. }

  198.   p + p {

  199.     margin-top: 2rem;

  200.   }

  201. 

  202. blockquote {

  203.   background-color: #e3e1e1;

  204.   border-left: .5vw solid #2d7474;

  205.   display: flex;

  206.   flex-direction: column;

  207.   align-items: center;

  208.   padding: 1rem;

  209.   margin: 1.5rem;

  210. }

  211.   blockquote cite {

  212.     font-style: italic;

  213.   }

  214. 

  215. figure {

  216.   border-top: .2vh solid #2d7474;

  217.   background-color: #e3e1e1;

  218.   text-align: center;

  219.   padding: 1.5rem 0;

  220.   margin: 1rem 0 0;

  221.   font-size: 1.5rem;

  222.   width: 100%;

  223. }

  224.   figure img {

  225.     width: 250px;

  226.     height: 250px;

  227.     border: .5vw solid #323a45;

  228.     padding: 1px;

  229.   }

  230. figcaption {

  231.   padding: 1rem;

  232.   line-height: 1.4;

  233. }

  234. aside {

  235.   display: flex;

  236.   flex-direction: column;

  237.   background-color: #e3e1e1;

  238.   padding: 1rem 0;

  239.   border-bottom: .2vh solid #07486c;

  240. }

  241.   aside p {

  242.     max-width: 50rem;

  243.     margin: 0 auto;

  244.   }

  245. 

  246. /* https://fvsch.com/code/css-locks/ */

  247. p, li, pre, code, kbd, samp, var, tt, time {

  248.   font-size: .95rem;

  249.   line-height: calc( 1.5em + 0.2 * 1rem );

  250. }

  251. h1 {

  252.   font-size: 1.7rem;

  253.   line-height: calc( 1.2em + 0.2 * 1rem );

  254. }

  255. h2 {

  256.   font-size: 1.6rem;

  257.   line-height: calc( 1.3em + 0.2 * 1rem );

  258. }

  259. h3 {

  260.   font-size: 1.35rem;

  261.   line-height: calc( 1.4em + 0.2 * 1rem );

  262. }

  263. @media (min-width: 20em) {

  264.   /* The (100vw - 20rem) / (50 - 20) part

  265.      resolves to 0-1rem, depending on the

  266.      viewport width (between 20em and 50em). */

  267.   p, li, pre, code, kbd, samp, var, tt, time {

  268.     font-size: calc( .95rem + .6 * (100vw - 20rem) / (50 - 20) );

  269.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  270.   }

  271.   h1 {

  272.     font-size: calc( 1.7rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  273.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  274.   }

  275.   h2 {

  276.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  277.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  278.   }

  279.   h3 {

  280.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  281.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  282.   }

  283. }

  284. @media (min-width: 50em) {

  285.   /* The right part of the addition *must* be a

  286.      rem value. In this example we *could* change

  287.      the whole declaration to font-size:2.5rem,

  288.      but if our baseline value was not expressed

  289.      in rem we would have to use calc. */

  290.   p, li, pre, code, kbd, samp, var, tt, time {

  291.     font-size: calc( .95rem + .6 * 1rem );

  292.     line-height: 1.5em;

  293.   }

  294.   h1 {

  295.     font-size: calc( 1.7rem + 1.5 * 1rem );

  296.     line-height: 1.2em;

  297.   }

  298.   h2 {

  299.     font-size: calc( 1.5rem + 1.5 * 1rem );

  300.     line-height: 1.3em;

  301.   }

  302.   h3 {

  303.     font-size: calc( 1.35rem + 1.5 * 1rem );

  304.     line-height: 1.4em;

  305.   }

  306.   figure img {

  307.     width: 500px;

  308.     height: 500px;

  309.   }

  310.   blockquote {

  311.     margin-left: -1.5rem;

  312.   }

  313. }

  314. 

  315. figure.unsquared {

  316.   margin-bottom: 1.5rem;

  317. }

  318.   figure.unsquared img {

  319.     height: inherit;

  320.   }

  321. 

  322. /* https://github.com/richleland/pygments-css */

  323. .codehilite{

  324.     background-color: #fdf6e3;

  325.     margin: 1rem auto;

  326.     padding: 1rem;

  327.     overflow-x:auto;

  328.     box-shadow:inset 0 0 2px rgba(0,0,0,0.2)

  329. }

  330. .codehilite .t{color:#586e75}

  331. .codehilite .w{color:#073642}

  332. .codehilite .err{color:#cb4b16}

  333. .codehilite .k{color:#859900}

  334. .codehilite .kc{color:#2aa198}

  335. .codehilite .kd{color:#268bd2}

  336. .codehilite .kn{color:#b58900}

  337. .codehilite .kp{color:#859900}

  338. .codehilite .kr{color:#073642}

  339. .codehilite .kt{color:#b58900}

  340. .codehilite .n{color:#586e75}

  341. .codehilite .na{color:#2aa198}

  342. .codehilite .nb{color:#268bd2}

  343. .codehilite .nc{color:#268bd2}

  344. .codehilite .ne{color:#cb4b16}

  345. .codehilite .no{color:#2aa198}

  346. .codehilite .nd{color:#2aa198}

  347. .codehilite .ni{color:#2aa198;font-weight:bold}

  348. .codehilite .nf{color:#268bd2}

  349. .codehilite .nn{color:#586e75}

  350. .codehilite .nt{color:#2aa198;font-weight:bold}

  351. .codehilite .nv{color:#cb4b16}

  352. .codehilite .b{color:#859900}

  353. .codehilite .bp{color:#586e75}

  354. .codehilite .v{color:#586e75}

  355. .codehilite .vc{color:#586e75}

  356. .codehilite .vg{color:#268bd2}

  357. .codehilite .vi{color:#268bd2}

  358. .codehilite .m{color:#268bd2}

  359. .codehilite .mf{color:#268bd2}

  360. .codehilite .mh{color:#268bd2}

  361. .codehilite .mi{color:#268bd2}

  362. .codehilite .mo{color:#268bd2}

  363. .codehilite .s{color:#2aa198}

  364. .codehilite .sb{color:#2aa198}

  365. .codehilite .sc{color:#2aa198}

  366. .codehilite .sd{color:#2aa198}

  367. .codehilite .s2{color:#2aa198}

  368. .codehilite .se{color:#cb4b16}

  369. .codehilite .sh{color:#2aa198}

  370. .codehilite .si{color:#cb4b16}

  371. .codehilite .sx{color:#2aa198}

  372. .codehilite .sr{color:#cb4b16}

  373. .codehilite .s1{color:#2aa198}

  374. .codehilite .ss{color:#cb4b16}

  375. .codehilite .il{color:#268bd2}

  376. .codehilite .o{color:#586e75}

  377. .codehilite .ow{color:#859900}

  378. .codehilite .p{color:#586e75}

  379. .codehilite .c{color:#93a1a1;font-style:italic}

  380. .codehilite .cm{color:#93a1a1}

  381. .codehilite .cp{color:#93a1a1}

  382. .codehilite .c1{color:#93a1a1}

  383. .codehilite .cs{color:#93a1a1}

  384. .codehilite .hll{background-color:#dc322f}

  385. .codehilite .g{color:#586e75}

  386. .codehilite .gd{color:#586e75}

  387. .codehilite .ge{font-style:italic}

  388. .codehilite .gr{color:#586e75}

  389. .codehilite .gh{color:#586e75;font-weight:bold}

  390. .codehilite .gi{color:#586e75}

  391. .codehilite .go{color:#586e75}

  392. .codehilite .gp{color:#586e75}

  393. .codehilite .gs{font-weight:bold}

  394. .codehilite .gu{color:#586e75;font-weight:bold}

  395. .codehilite .gt{color:#586e75}

  396. 

  397. @media print {

  398.   body { font-size: 100%; }

  399.   a:after { content: " (" attr(href) ")"; }

  400.   a, a:link, a:visited, a:after {

  401.     text-decoration: underline;

  402.     text-shadow: none !important;

  403.     background-image: none !important;

  404.     background: white;

  405.     color: black;

  406.   }

  407.   abbr[title] { border-bottom: 0; }

  408.   abbr[title]:after { content: " (" attr(title) ")"; }

  409.   img { page-break-inside: avoid; }

  410.   @page { margin: 2cm .5cm; }

  411.   h1, h2, h3 { page-break-after: avoid; }

  412.   p3 { orphans: 3; widows: 3; }

  413.   img {

  414.     max-width: 250px !important;

  415.     max-height: 250px !important;

  416.   }

  417.   nav, aside { display: none; }

  418. }

  419. 

  420. /* Dark theme */

  421. [lang=en] body {

  422.   background: #323a45;

  423. }

  424.   [lang=en] article,

  425.   [lang=en] article em,

  426.   [lang=en] article strong {

  427.     color: #f0f0ea;

  428.   }

  429.     [lang=en] article a {

  430.       color: #ffbd2b;

  431.     }

  432.     [lang=en] article a:visited {

  433.       color: #ff6b03;

  434.     }

  435.   [lang=en] blockquote,

  436.   [lang=en] figure {

  437.     background: #111930;

  438.     color: #ccc;

  439.   }

  440. </style>

  441. <nav>

  442.   <p>

  443.     <a href="/david/" title="Profil public">David&nbsp;Larlet</a> partage ses <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et sa <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a>.

  444.   </p>

  445. </nav>

  446. 

  447. <h1>Correspondances hebdomadaires</h1>

  448. <aside>

  449.   <p><em>

  450.     Ces <a href="/david/blog/2017/echanger-supprimer-rebondir/" title="Comprendre leur origine">correspondances</a> sont publiées avec une régularité que j’espère hebdomadaire. <a href="/david/log/" title="Accès au flux RSS">Abonnez-vous</a> si vous souhaitez être tenu informé des mises à jour.

  451.   </em></p>

  452. </aside>

  453. 

  454.   <article>

  455.     <h2>2017-12-22 · <a href="/david/correspondances/2017/12/22/">Lettre à Thomas</a></h2>

  456.     <p>Thomas,</p>

  457. <p>Suite d’une discussion récente inachevée faute de temps, au sujet de l’expatriation. Ou plutôt du sentiment que les choses bougent davantage en France au point de vouloir y revenir. Il s’agit d’un ressenti que j’ai eu en étant au Japon et qui m’a en partie motivé pour revenir. J’avais alors oublié les raisons du mouvement, ce mal-être latent qui devient le terreau fertile de nouvelles idées. Il y a une beauté et une énergie dans ce foisonnement mais les conditions pour y arriver me sont de plus en plus insupportables. Je n’ai plus envie d’un état d’urgence mais d’un état de bienveillance, quitte à devoir m’éloigner pour cela de l’innovation et la disruption.</p>

  458. <p>Bien sûr, le prix à payer est élevé : les <a href="http://enmi-conf.org/">réflexions philosophiques</a> me manquent, les <a href="http://encommuns.org/">mises en communs</a> me manquent, de nombreuses rencontres me sont maintenant beaucoup moins accessibles. J’apprends à vivre avec et je sais que je pourrais être moteur de nouvelles initiatives dans d’autres lieux une fois acclimaté. Les réflexions y seront peut-être moins poussées compte tenu de la plus faible pression du milieu et les actions en découlant seront probablement différentes, à l’origine de l’évolution d’une culture locale.</p>

  459. <p>David</p>

  460.   </article>

  461. 

  462.   <article>

  463.     <h2>2017-12-02 · <a href="/david/correspondances/2017/12/02/">Lettre à Yohan</a></h2>

  464.     <p>Yohan,</p>

  465. <p>C’est un plaisir de travailler avec toi depuis tant d’années, d’abord sur Libé, puis chez Mozilla et actuellement avec Etalab. J’ai l’impression de sortir grandi de nos interactions et tu as indirectement contribué à mes réflexions sur la <a href="/david/blog/2016/simplicite-defaut/">simplicité dans le développement</a> et au statut de <a href="/david/blog/2016/senior-developer/">dévelopeur expérimenté</a>.</p>

  466. <p>J’admire ton intégrité lorsqu’il est question d’outils avilissants (coucou Slack). J’apprécie ton humilité et ta soif de toujours explorer plus loin les possibilités que nous offre notre domaine. Il est tellement facile de se considérer comme <a href="http://www.brendangregg.com/blog/2017-11-13/brilliant-jerks.html">étant brilliant</a> (<a href="/david/cache/fdaf911c76e0bf3c6ed5b39950093437/">cache</a>) dans cette profession qu’une approche <a href="https://www.kitchensoap.com/2012/10/25/on-being-a-senior-engineer/">impliquant peu d’égo</a> (<a href="/david/cache/a847ef74e3a4cc46ef9a303d23ee57cd/">cache</a>) est exceptionnellement rare. Il y a un enjeu politique dans la ré-acquisition de ses <a href="/david/blog/2017/async-python-frameworks/">outils</a> mais aussi social dans la (re)prise de contrôle que cela procure. On ne se fatigue plus à courir après les dernières nouveautés lorsqu’on est en train de les réinventer en se les réappropriant.</p>

  467. <p>Je me demande de plus en plus si proposer les <a href="https://medium.com/complex-systems-channel/hiring-teams-dfbb139fa91a">services d’une équipe</a> (<a href="/david/cache/c52cc7e0fdec389a0dcbb1f97650face/">cache</a>) qui a l’habitude de travailler ensemble ne serait pas plus pertinent qu’une somme d’égos afin de faire émerger un produit.</p>

  468. <p>Nous avons encore de belles années devant nous :-).</p>

  469. <p>David</p>

  470.   </article>

  471. 

  472.   <article>

  473.     <h2>2017-12-01 · <a href="/david/correspondances/2017/12/01/">Lettre à Simone</a></h2>

  474.     <p>Simone,</p>

  475. <p>Ou Peggy, je ne sais plus. Merci pour ces <a href="http://simoneetlesphilosophes.fr/">voyages philosophiques</a> et notamment ces <a href="http://simoneetlesphilosophes.fr/articles/therapie-anti-sexismes/">thérapies</a>. C’est un angle auquel je suis sensible pour avoir l’impression d’évoluer à mon échelle. Prendre soin en ayant davantage conscience de ce qui blesse au quotidien.</p>

  476. <p>Ce qu’il me manque en tant qu’expatrié c’est de pouvoir participer <a href="http://simoneetlesphilosophes.fr/ateliers-paris/">aux après-midi</a> et échanger avec d’autres sur ces thématiques. En espérant que cela t’encourage à continuer, et pourquoi pas… à essaimer.</p>

  477. <p>David</p>

  478.   </article>

  479. 

  480.   <article>

  481.     <h2>2017-07-19 · <a href="/david/correspondances/2017/07/19/">Lettre à Hubert</a></h2>

  482.     <p>Hubert,</p>

  483. <p>Merci pour ces <a href="http://www.internetactu.net/author/hubert/">5548 articles</a> qui nourrissent mes réflexions de manière asynchrone et dense. Tu es le seul journaliste que je suis avec assiduité. En fait c’est à la fois pire et mieux que ça : tu es ma définition d’un journalisme qui sait s’adapter à un contexte changeant. C’est lourd à porter, c’est quelque peu déprimant de te voir aussi esseulé mais c’est aussi enthousiasmant et inspirant de constater que c’est possible !</p>

  484. <p>Alors se pose la question de l’essaimage. Comment faciliter un cadre apprenant qui permette à ces réflexions de produire des interactions transverses ? Comment répertorier les externalités positives qui suscitent l’envie de prendre part à un tel travail ? Comment diffuser sans dénaturer ?</p>

  485. <p>Autant de questions qui dans un autre domaine sont irrésolues de mon côté.</p>

  486. <p>David</p>

  487.   </article>

  488. 

  489.   <article>

  490.     <h2>2017-04-05 · <a href="/david/correspondances/2017/04/05/">Lettre à Éric</a></h2>

  491.     <p>Éric,</p>

  492. <p>Je comprends <a href="https://n.survol.fr/n/mon-probleme-avec-mastodon">tes réticences</a> (<a href="/david/cache/e54584031347ef59945ae95f677bd1f3/">cache</a>) vis-à-vis de <a href="https://github.com/tootsuite/mastodon">Mastodon</a>, j’ai eu les mêmes <a href="https://mastodon.social/@dav/1494896">assez rapidement</a> mais je continue de creuser en me posant des questions sur la <a href="https://mastodon.social/@dav/1517584">fédération d’identités</a> ou <a href="https://mastodon.social/@dav/1503853">l’expérience utilisateur</a>. C’est la beauté d’un réseau naissant avec les tâtonnements de chacun. Proposer une <a href="https://mastodon.social/@dav/1506951">solution compliquée</a> et découvrir qu’il en existe une <a href="https://mastodon.social/@five/1602035">plus simple</a>. La communauté itère dans un voyage initiatique qui est nécessaire pour atteindre les limites de la décentralisation. Celui-ci doit se faire ensemble sans brûler les étapes au risque d’en perdre en chemin et de créer un réseau plus élitiste que ce qu’il n’est déjà.</p>

  493. <p>Je suis ravi que l’instance la plus populaire n’arrive pas à tenir la charge, ne surtout pas l’optimiser et laisser d’autres prendre le relais pour atteindre un réseau réellement décentralisé. Je ne pense pas que tu aies eu tout de suite ton nom de domaine et ton hébergeur de confiance pour tes courriels, il en est de même pour ton identifiant Mastodon. Il évoluera au cours du temps, des données seront perdues mais tu auras probablement sauvegardé ton graphe de relations en attendant mieux (le CSV d’export est une liste des différents identifiants).</p>

  494. <p>Quelle chance de pouvoir faire une expérience de cette échelle qui implique de la décentralisation et de la liberté. Il n’y a pas de stratégie, de gros acteurs ou quoi que ce soit, juste un joyeux bordel qui apporte du fun. Et ça fait du bien.</p>

  495. <p>David</p>

  496.   </article>

  497. 

  498.   <article>

  499.     <h2>2017-03-09 · <a href="/david/correspondances/2017/03/09/">Lettre à Brice</a></h2>

  500.     <p>Brice,</p>

  501. <p>Je profite d’être à Confoo pour te <a href="http://blog.pelmel.org/2017/03/07/le-temps-passe-ne-se-rattrape-plus/">répondre</a> (<a href="/david/cache/97cf66c695fc84c5b4cc0c16e7de8320/">cache</a>) sur ma façon d’articuler une intervention tant que c’est encore chaud. En général, ça commence par un truc qui me trotte en tête depuis un petit moment et j’essaye de formuler un titre et son résumé qui s’en approchent. Parfois j’ai déjà rédigé un billet sur le sujet et je l’ajoute pour les personnes qui doivent sélectionner. D’autres fois j’ai un brouillon que je mets en ligne sans qu’il soit pour autant lié (en public). Dans ce dernier cas, le billet sera de toute façon publié.</p>

  502. <p>Lorsque le sujet est accepté, je creuse davantage en commençant par retenir les cinq choses que les personnes présentes devront idéalement retenir de l’intervention. J’itère beaucoup à cette étape ce qui change parfois complètement l’orientation et il arrive que ça ne soit même plus cohérent avec le titre initialement proposé. Je me suis longtemps résolu à coller au sujet retenu mais depuis quelques temps j’assume et je l’annonce en début d’intervention. Je préfère égoïstement être au plus proche de ce que j’ai envie de présenter plutôt que de me forcer et que ça se voit.</p>

  503. <p>Une fois le fil conducteur trouvé, j’enlève deux des points précédemment choisis. C’est l’étape la plus difficile. Il faut trouver le compromis entre pertinence et bourrage de crâne. Ensuite je commence à rédiger/continuer le billet et le support pour mettre à plat les idées. Je ne sais jamais au final si ça va être trop long ou trop court, pour cette dernière intervention je suis tombé pile mais une horloge au fond de la salle m’aidait beaucoup.</p>

  504. <p>David</p>

  505.   </article>

  506. 

  507.   <article>

  508.     <h2>2017-02-21 · <a href="/david/correspondances/2017/02/21/">Lettre à Jean-Pierre</a></h2>

  509.     <p>Jean-Pierre,</p>

  510. <p>Tu fais partie des anonymes qui m’écrivent pour réagir sur un ancien article — en l’occurence 2009 — car cet espace a le (mal|bon)heur de n’être pas trop mal indexé parfois. Je ne sais pas comment gérer ces échanges sur des positions qui ne sont plus forcément les miennes. Le contexte a évolué, j’ai évolué.</p>

  511. <p>Internet oublie toujours tout mais cet endroit constitue une part de ma mémoire et de mon histoire que j’essaye toutes deux de préserver. Petit plaisir narcissique, expérience personnelle et génératrice d’échanges que j’encourage lorsqu’ils sont bienveillants. Je me demande souvent ce qui motive l’envoi d’un courriel à un inconnu pour lui prouver qu’il a tort. Une question d’égo ou de paternalisme inconscient peut-être.</p>

  512. <p>Qui sait, peut-être un jour irons-nous discuter de tout cela… à Arles ?</p>

  513. <p>David</p>

  514.   </article>

  515. 

  516.   <article>

  517.     <h2>2017-02-09 · <a href="/david/correspondances/2017/02/09/">Lettre à Marion</a></h2>

  518.     <p>Marion,</p>

  519. <p>Merci pour ta réaction au <a href="/david/blog/2017/code-vitesse/">sujet de la vitesse</a> et de l’écriture qui est ton domaine. Je voulais à mon tour rebondir sur la différence entre un ouvrage et un blog. Dans le premier cas, on est dans <em>l’expression</em> d’une thèse qui demande un temps long. Dans le second, je pense que l’on est dans la <em>construction</em> d’une thèse qui demande également un temps long. Dans les deux cas, cela requiert des itérations empreintes d’humilité pour revoir sa copie et continuer à partager tout de même avec son éditeur ou avec son lectorat. Lorsqu’on tente de transformer son lectorat en éditeur, cela peut avoir des <a href="http://tcrouzet.com/2016/04/26/linteractivite-cest-pas-automatique/">effets de bord non négligeables</a> (<a href="/david/cache/38968a4f3a35079208bd2c78113613f8/">cache</a>) par contre, voir aussi mes <a href="/david/blog/2016/ecriture-collaborative/">propres déboires</a> <a href="/david/blog/2014/running-lean/">avec LEAN</a>.</p>

  520. <p>Néanmoins, le blog est le fruit d’une évolution personnelle grâce à l’intelligence du collectif qui a pris la peine d’échanger, de proposer d’autres voies. Un journal qui n’est plus un <em>curriculum vitae</em> mais un chemin de pensée montrant une progression au fil des années. J’y vois une sorte d’impressionnisme qui donne l’image de l’auteur lorsqu’on prend suffisamment de recul. Une vidéo peut-être plus qu’une image pour sa nature évolutive et vivante. Si l’on file la métaphore, un manuscrit ressemble davantage au tableau académique d’une nature qui est morte lors de sa mise sous presse.</p>

  521. <p>La différence fondamentale entre les deux approches réside peut-être dans la nature publique ou privée du processus d’amélioration continue. Le blog se rapproche de l’<em>open-source</em> sur ce plan là qui consiste à exposer son code à la critique collective en vue de le rendre plus pertinent. La gouvernance change alors et réduit les intermédiaires, on se rapproche également des AMAP et des circuits courts. Chaque lecteur pouvant à son tour devenir auteur le temps d’un échange.</p>

  522. <p>Et tisser les liens qui font la toile.</p>

  523. <p>David</p>

  524.   </article>

  525. 

  526.   <article>

  527.     <h2>2017-02-05 · <a href="/david/correspondances/2017/02/05/">Lettre à Pep</a></h2>

  528.     <p>Pep,</p>

  529. <p>J’ai suivi avec intérêt <a href="https://nrkn.fr/blog/2017/01/28/noir-sur-blanc/">tes réflexions</a> (<a href="/david/cache/9334f31dc2330cad7b7fba411819f661/">cache</a>) relatives aux modes de publications. Elles s’orientent déjà trop pour moi dans la technique et dans la complexité pour avoir envie de rejoindre un tel mouvement. J’ai le sentiment d’avoir <a href="/david/blog/2013/graphes-discussions/">fait ce chemin</a> et d’en être revenu en raison de l’entre-soi qu’il accentue sous couvert d’adoption précoce. Je suis aujourd’hui davantage dans l’aide à la simplicité de publication qui me semble être la première étape libératrice, laissant les interactions et les <a href="/david/blog/2017/algorithmes-public-relations/">algorithmes</a> aux plateformes filtrantes. Au moins pour un temps.</p>

  530. <p>Je réinvente des <a href="https://gist.github.com/davidbgk/b666c5b85ab3d3fd94baef04367ff379">générateurs statiques</a>, je m’inspire du <a href="http://www.multibao.org/">travail de collègues</a> et j’essaye au moins de répondre à mes propres besoins. Je me suis longtemps retenu de publier quoi que ce soit en <a href="/david/stream/2015/01/25/">laissant</a> des <a href="/david/stream/2015/02/03/">briques</a> à <a href="/david/stream/2015/02/12/">assembler</a> soi-même. De la publication naissant la responsabilité, la culpabilité et la naissance d’un nouveau silo. Aussi petit soit-il. Et d’un autre côté l’envie de créer un <a href="/david/blog/2013/open-source-conviviale/">outil convivial</a> dont puisse s’emparer l’auteur en touchant à trois variables qui donnent goût à la programmation. Telle que je l’ai découverte en tout cas.</p>

  531. <p>Tout cela étant dit, je ne voudrais freiner aucune initiative qui amène des alternatives à la situation actuelle. J’espère me tromper complètement et il y a de toute façon un public pour toutes ces expérimentations. Une question de <a href="/david/blog/2017/web-genetique/">variabilité locale</a> pour une évolution globale.</p>

  532. <p>David</p>

  533. <p>2017-02-09 : <a href="https://nrkn.fr/blog/2017/02/09/reponse-a-david/">réponse de Pep</a> (<a href="/david/cache/c3ca3615e006874f4683074cc1947653/">cache</a>).</p>

  534.   </article>

  535. 

  536.   <article>

  537.     <h2>2017-01-25 · <a href="/david/correspondances/2017/01/25/">Lettre à E.</a></h2>

  538.     <p>E.,</p>

  539. <p>Je me demande souvent si la douleur se réduit lorsqu’on la partage. Je l’espère lorsque je la reçois et j’hésite lorsque je la transmets. Accepter d’un côté, renoncer de l’autre.</p>

  540. <p>Un mal à délivrer, des mots à délier. Expliquer l’inexplicable et faire expérimenter des situations pleines de vie afin qu’elles deviennent majoritaires. Le pouvoir de l’exemple, le devoir de l’humain. Essayer d’un côté, espérer de l’autre.</p>

  541. <p>Lorsque le vélo ne suffit plus, il reste l’avion… une façon de ne plus questionner ce qui est acceptable mais <a href="https://www.cairn.info/revue-de-metaphysique-et-de-morale-2008-2-page-191.htm">avec qui</a> (<a href="/david/cache/20075d939adbab58588b6e1e067afa2f/">cache</a>).</p>

  542. <p>David</p>

  543. <p>2017-02-12 : <a href="http://nota-bene.org/Lettre-a-une-lettre">réponse de Stéphane</a> (<a href="/david/cache/9f74d19cb41076c90df17657c8da5c2e/">cache</a>).</p>

  544.   </article>

  545. 

  546.   <article>

  547.     <h2>2017-01-19 · <a href="/david/correspondances/2017/01/19/">Lettre à Cascador</a></h2>

  548.     <p><a href="https://www.blog-libre.org/">Cascador</a>,</p>

  549. <p>J’ai apprécié que tu pointes les contradictions dans <a href="/david/blog/2016/accompagner-enfant/">un texte</a> qui est justement là pour en garder la trace. Le témoignage d’un tiraillement que connais j’imagine chaque accompagnant qui se plonge dans les notions de risque et de vitesse. Encourager l’expérimentation lorsqu’elle n’est pas invalidante. Prendre le temps de pratiquer avant d’acquérir les concepts. Ces curseurs sont propres à chaque relation et évoluent dans le temps. Je pense aujourd’hui qu’un apprentissage itératif et bienveillant est davantage approprié. Je me trompe probablement et mon moi-dans-six-jours/mois/ans sera peut-être là pour lire ces lignes et sourire.</p>

  550. <p>Le choix délibéré de le laisser trouver une place dans ce monde en limitant les (dés)orientations vient de la croyance qu’il pourrait trouver ainsi des chemins auxquels je n’avais pas pu songer. Pas forcément meilleurs mais qui lui sont propres avec un sentiment d’accomplissement personnel et/ou collectif.</p>

  551. <p>Pour autant, je ne considère pas cela comme un espoir. Lorsque l’on prend le temps d’apprécier l’instant présent, je ne pense pas que l’on ait besoin de formuler des espérances. Mon seul espoir c’est que l’on soit bien ensemble là et maintenant. Se projeter au-delà n’apporte que de l’anxiété inutile vu le peu de contrôle que l’on a dessus. Ce monde est malade de ses propres projections erronées qu’il s’épuise à rattraper.</p>

  552. <p>David</p>

  553.   </article>

  554. 

  555.   <article>

  556.     <h2>2017-01-12 · <a href="/david/correspondances/2017/01/12/">Lettre à Stéphane et Vincent</a></h2>

  557.     <p>Stéphane et Vincent,</p>

  558. <p>Voici quatre ans que nous avons créé <a href="http://scopyleft.fr/">scopyleft</a>, l’occasion d’évoluer à bien des niveaux. De tisser des liens avec des humains et de challenger des valeurs communes. Lorsque je regarde autour de moi, je ne peux que constater le rapport privilégié que nous avons au travail grâce à ce cadre.</p>

  559. <p>Et pourtant, même si nous avons longtemps cherché à travailler ensemble, je ne pense plus que ce soit un cap aujourd’hui. Ces années ont eu pour externalité de construire de la confiance. C’est elle qui a participé à ma paternité et à ma récente expatriation. La confiance est la base qui nous permet d’expérimenter de nouvelles formes de vies avec la solidarité et l’empathie suffisantes pour prendre des risques de manière apaisée.</p>

  560. <p>Vos <a href="https://medium.com/@vinyll/3-years-as-a-digital-nomad-54b54fe288ce">envols</a> (<a href="/david/cache/77a61e36e1b57a272e8db50e26eb0301/">cache</a>) respectifs me permettent d’alimenter mes réflexions depuis ma branche, dans mon petit nid. Peut-être un intermédiaire entre l’arbre et l’oiseau ?</p>

  561. <p>Merci pour votre bienveillance.</p>

  562. <p>David</p>

  563.   </article>

  564. 

  565.   <article>

  566.     <h2>2017-01-07 · <a href="/david/correspondances/2017/01/07/">Lettre à Karl</a></h2>

  567.     <p>Karl,</p>

  568. <p>Ton silence numérique est difficile à accepter. Il a rythmé mes lectures ces dernières années, c’est un vide poétique qui ne peut être remplacé. Et pourtant je le comprends. J’ai l’espoir qu’il ne soit que passager et que nous puissions échanger sur nos <a href="http://www.la-grange.net/2013/12/05/culture">expériences</a> (<a href="/david/cache/c100bd1427e1e0c13634faaf2f2e149a/">cache</a>) respectives.</p>

  569. <p>Ton dernier billet publié parle d’<a href="http://www.la-grange.net/2016/01/07/oree">équilibre</a> (<a href="/david/cache/0d100384ea29e3ac9850549779815899/">cache</a>) et je voudrais y adjoindre mon propre murmure. Je me pose beaucoup de questions sur la temporalité ces jours-ci. Dans cet équilibre, je ressens une immobilité nécessaire à l’appréciation de l’instant présent. Or, j’ai parfois du mal à m’en contenter, happé par la dynamique qui nous donne l’illusion d’avancer. Ce déséquilibre synonyme de mouvement dans un perpétuel risque de chute en avant exhibitionniste. Se tenir enfin debout, mais pour aller où ?</p>

  570. <p>Peut-être accepter de se perdre en forêt pour prendre le temps d’écouter les brindilles craquer sous nos pieds et le sous-bois nous enivrer de ses senteurs. Regarder filer le ruisseau et imaginer son parcours, les méandres qui l’attendent et les affluents qu’il va rencontrer. Y déposer une feuille, la suivre un moment et l’observer s’éloigner. S’allonger et sourire, au bruit des cigales stridulantes.</p>

  571. <p>Dissocier tout en restant intime, là pourrait être l’équilibre.</p>

  572. <p>David</p>

  573. <p>PS : hasard heureux d’une publication décalée, <a href="http://www.la-grange.net/">La Grange</a> s’est réveillée depuis.</p>

  574. <p>2017-01-24 : <a href="http://www.la-grange.net/2017/01/24/david">réponse de Karl</a> (<a href="/david/cache/21cd49281eeef6a3e3034d510e982098/">cache</a>).</p>

  575.   </article>

  576. 

  577. 

  578. 

  579. <nav>

  580.   <p>

  581.     <a href="/david/stream/2015/">Réflexions quotidiennes 2015</a> | <a href="/david/lexique/">Lexique 2016</a>

  582.   </p>

  583. </nav>

  584. 

  585. 

  586. <aside>

  587.   <p>

  588.     Articles choisis :

  589.     <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  590.     <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  591.     <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  592.     <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  593.     <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  594.     <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  595.     <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  596.     <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  597.     <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  598.     <a href="/david/blog/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</a>,

  599.     <a href="/david/blog/2015/pairmutation-travail/" title="Accéder à l’article complet">La pairmutation du travail</a>,

  600.     <a href="/david/blog/2015/principes-web/" title="Accéder à l’article complet">Principes Web</a>,

  601.     <a href="/david/blog/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</a>,

  602.     <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  603.     <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  604.     <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  605.     <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  606.     et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  607.   </p>

  608. </aside>

  609. 

  610. <nav>

  611.   <p>

  612.     <abbr title="Lieu de vie et de potentielles rencontres actuel">Montréal</abbr> ·

  613.     <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Contact</a> ·

  614.     <a href="http://larlet.com" title="Identité professionnelle">[Travailler ensemble ?]</a> ·

  615.     <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">Hébergeur</abbr> ·

  616.     <a href="/david/log/" title="S’abonner aux publications via RSS">Flux</a>

  617.   </p>

  618. </nav>