Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 117KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584
  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>Pensées quotidiennes — 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. <!-- Canonical URL for SEO purposes -->
  28. <link rel="canonical" href="https://larlet.fr/david/stream/2018/">
  29. <style>
  30. /* http://meyerweb.com/eric/tools/css/reset/ */
  31. html, body, div, span,
  32. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  33. a, abbr, address, big, cite, code,
  34. del, dfn, em, img, ins,
  35. small, strike, strong, tt, var,
  36. dl, dt, dd, ol, ul, li,
  37. fieldset, form, label, legend,
  38. table, caption, tbody, tfoot, thead, tr, th, td,
  39. article, aside, canvas, details, embed,
  40. figure, figcaption, footer, header, hgroup,
  41. menu, nav, output, ruby, section, summary,
  42. time, mark, audio, video {
  43. margin: 0;
  44. padding: 0;
  45. border: 0;
  46. font-size: 100%;
  47. font: inherit;
  48. vertical-align: baseline;
  49. }
  50. /* HTML5 display-role reset for older browsers */
  51. article, aside, details, figcaption, figure,
  52. footer, header, hgroup, menu, nav, section { display: block; }
  53. body { line-height: 1; }
  54. blockquote, q { quotes: none; }
  55. blockquote:before, blockquote:after,
  56. q:before, q:after {
  57. content: '';
  58. content: none;
  59. }
  60. table {
  61. border-collapse: collapse;
  62. border-spacing: 0;
  63. }
  64. /* http://practicaltypography.com/equity.html */
  65. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  66. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  67. @font-face {
  68. font-family: 'EquityTextB';
  69. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  70. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  71. font-weight: 300;
  72. font-style: normal;
  73. font-display: swap;
  74. }
  75. @font-face {
  76. font-family: 'EquityTextB';
  77. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  78. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  79. font-weight: 300;
  80. font-style: italic;
  81. font-display: swap;
  82. }
  83. @font-face {
  84. font-family: 'EquityTextB';
  85. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  86. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  87. font-weight: 700;
  88. font-style: normal;
  89. font-display: swap;
  90. }
  91. @font-face {
  92. font-family: 'TriplicateT4c';
  93. src: url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff2') format('woff2'),
  94. url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff') format('woff');
  95. font-weight: 300;
  96. font-style: normal;
  97. font-display: swap;
  98. }
  99. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  100. body {
  101. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  102. font-family: "EquityTextB", Palatino, serif;
  103. background-color: #f0f0ea;
  104. color: #07486c;
  105. font-kerning: normal;
  106. -moz-osx-font-smoothing: grayscale;
  107. -webkit-font-smoothing: subpixel-antialiased;
  108. text-rendering: optimizeLegibility;
  109. font-variant-ligatures: common-ligatures contextual;
  110. font-feature-settings: "kern", "liga", "clig", "calt";
  111. }
  112. pre, code, kbd, samp, var, tt {
  113. font-family: 'TriplicateT4c', monospace;
  114. }
  115. em {
  116. font-style: italic;
  117. color: #323a45;
  118. }
  119. strong {
  120. font-weight: bold;
  121. color: black;
  122. }
  123. nav {
  124. background-color: #323a45;
  125. color: #f0f0ea;
  126. display: flex;
  127. justify-content: space-around;
  128. padding: 1rem .5rem;
  129. }
  130. nav:first-child {
  131. border-top: 1vh solid #2d7474;
  132. }
  133. nav:last-child {
  134. border-bottom: 1vh solid #2d7474;
  135. }
  136. nav a {
  137. color: #f0f0ea;
  138. }
  139. nav abbr {
  140. border-bottom: 1px dotted white;
  141. }
  142. h1 {
  143. border-bottom: .2vh solid #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 2rem 0 1rem;
  148. width: 100%;
  149. }
  150. h2 {
  151. margin: 4rem 0 1rem;
  152. border-top: .2vh solid #2d7474;
  153. }
  154. h3 {
  155. text-align: center;
  156. margin: 3rem 0 .75em;
  157. }
  158. hr {
  159. height: .4rem;
  160. width: .4rem;
  161. border-radius: .4rem;
  162. background: #07486c;
  163. margin: 2.5rem auto;
  164. }
  165. time {
  166. display: bloc;
  167. background-color: #2d7474;
  168. color: #e3e1e1;
  169. padding: .29rem 1rem;
  170. float: right;
  171. }
  172. ul, ol {
  173. margin: 2rem;
  174. }
  175. ul {
  176. list-style-type: square;
  177. }
  178. a {
  179. text-decoration-skip-ink: auto;
  180. }
  181. article {
  182. max-width: 50rem;
  183. display: flex;
  184. flex-direction: column;
  185. margin: 3rem auto 1rem auto;
  186. }
  187. article p:last-child {
  188. margin-bottom: 1rem;
  189. }
  190. p {
  191. padding: 0 .5rem;
  192. }
  193. p + p {
  194. margin-top: 2rem;
  195. }
  196. blockquote {
  197. background-color: #e3e1e1;
  198. border-left: .5vw solid #2d7474;
  199. display: flex;
  200. flex-direction: column;
  201. align-items: center;
  202. padding: 1rem;
  203. margin: 1.5rem;
  204. }
  205. blockquote cite {
  206. font-style: italic;
  207. }
  208. figure {
  209. border-top: .2vh solid #2d7474;
  210. background-color: #e3e1e1;
  211. text-align: center;
  212. padding: 1.5rem 0;
  213. margin: 1rem 0 0;
  214. font-size: 1.5rem;
  215. width: 100%;
  216. }
  217. figure img {
  218. width: 250px;
  219. height: 250px;
  220. border: .5vw solid #323a45;
  221. padding: 1px;
  222. }
  223. figcaption {
  224. padding: 1rem;
  225. line-height: 1.4;
  226. }
  227. aside {
  228. display: flex;
  229. flex-direction: column;
  230. background-color: #e3e1e1;
  231. padding: 1rem 0;
  232. border-bottom: .2vh solid #07486c;
  233. }
  234. aside p {
  235. max-width: 50rem;
  236. margin: 0 auto;
  237. }
  238. /* https://fvsch.com/code/css-locks/ */
  239. p, li, pre, code, kbd, samp, var, tt, time {
  240. font-size: .95rem;
  241. line-height: calc( 1.5em + 0.2 * 1rem );
  242. }
  243. h1 {
  244. font-size: 1.7rem;
  245. line-height: calc( 1.2em + 0.2 * 1rem );
  246. }
  247. h2 {
  248. font-size: 1.6rem;
  249. line-height: calc( 1.3em + 0.2 * 1rem );
  250. }
  251. h3 {
  252. font-size: 1.35rem;
  253. line-height: calc( 1.4em + 0.2 * 1rem );
  254. }
  255. @media (min-width: 20em) {
  256. /* The (100vw - 20rem) / (50 - 20) part
  257. resolves to 0-1rem, depending on the
  258. viewport width (between 20em and 50em). */
  259. p, li, pre, code, kbd, samp, var, tt, time {
  260. font-size: calc( .95rem + .6 * (100vw - 20rem) / (50 - 20) );
  261. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  262. }
  263. h1 {
  264. font-size: calc( 1.7rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  265. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  266. }
  267. h2 {
  268. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  269. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  270. }
  271. h3 {
  272. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  273. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  274. }
  275. }
  276. @media (min-width: 50em) {
  277. /* The right part of the addition *must* be a
  278. rem value. In this example we *could* change
  279. the whole declaration to font-size:2.5rem,
  280. but if our baseline value was not expressed
  281. in rem we would have to use calc. */
  282. p, li, pre, code, kbd, samp, var, tt, time {
  283. font-size: calc( .95rem + .6 * 1rem );
  284. line-height: 1.5em;
  285. }
  286. h1 {
  287. font-size: calc( 1.7rem + 1.5 * 1rem );
  288. line-height: 1.2em;
  289. }
  290. h2 {
  291. font-size: calc( 1.5rem + 1.5 * 1rem );
  292. line-height: 1.3em;
  293. }
  294. h3 {
  295. font-size: calc( 1.35rem + 1.5 * 1rem );
  296. line-height: 1.4em;
  297. }
  298. figure img {
  299. width: 500px;
  300. height: 500px;
  301. }
  302. blockquote {
  303. margin-left: -1.5rem;
  304. }
  305. }
  306. figure.unsquared {
  307. margin-bottom: 1.5rem;
  308. }
  309. figure.unsquared img {
  310. height: inherit;
  311. }
  312. /* https://github.com/richleland/pygments-css */
  313. .codehilite{
  314. background-color: #fdf6e3;
  315. margin: 1rem auto;
  316. padding: 1rem;
  317. overflow-x:auto;
  318. box-shadow:inset 0 0 2px rgba(0,0,0,0.2)
  319. }
  320. .codehilite .t{color:#586e75}
  321. .codehilite .w{color:#073642}
  322. .codehilite .err{color:#cb4b16}
  323. .codehilite .k{color:#859900}
  324. .codehilite .kc{color:#2aa198}
  325. .codehilite .kd{color:#268bd2}
  326. .codehilite .kn{color:#b58900}
  327. .codehilite .kp{color:#859900}
  328. .codehilite .kr{color:#073642}
  329. .codehilite .kt{color:#b58900}
  330. .codehilite .n{color:#586e75}
  331. .codehilite .na{color:#2aa198}
  332. .codehilite .nb{color:#268bd2}
  333. .codehilite .nc{color:#268bd2}
  334. .codehilite .ne{color:#cb4b16}
  335. .codehilite .no{color:#2aa198}
  336. .codehilite .nd{color:#2aa198}
  337. .codehilite .ni{color:#2aa198;font-weight:bold}
  338. .codehilite .nf{color:#268bd2}
  339. .codehilite .nn{color:#586e75}
  340. .codehilite .nt{color:#2aa198;font-weight:bold}
  341. .codehilite .nv{color:#cb4b16}
  342. .codehilite .b{color:#859900}
  343. .codehilite .bp{color:#586e75}
  344. .codehilite .v{color:#586e75}
  345. .codehilite .vc{color:#586e75}
  346. .codehilite .vg{color:#268bd2}
  347. .codehilite .vi{color:#268bd2}
  348. .codehilite .m{color:#268bd2}
  349. .codehilite .mf{color:#268bd2}
  350. .codehilite .mh{color:#268bd2}
  351. .codehilite .mi{color:#268bd2}
  352. .codehilite .mo{color:#268bd2}
  353. .codehilite .s{color:#2aa198}
  354. .codehilite .sb{color:#2aa198}
  355. .codehilite .sc{color:#2aa198}
  356. .codehilite .sd{color:#2aa198}
  357. .codehilite .s2{color:#2aa198}
  358. .codehilite .se{color:#cb4b16}
  359. .codehilite .sh{color:#2aa198}
  360. .codehilite .si{color:#cb4b16}
  361. .codehilite .sx{color:#2aa198}
  362. .codehilite .sr{color:#cb4b16}
  363. .codehilite .s1{color:#2aa198}
  364. .codehilite .ss{color:#cb4b16}
  365. .codehilite .il{color:#268bd2}
  366. .codehilite .o{color:#586e75}
  367. .codehilite .ow{color:#859900}
  368. .codehilite .p{color:#586e75}
  369. .codehilite .c{color:#93a1a1;font-style:italic}
  370. .codehilite .cm{color:#93a1a1}
  371. .codehilite .cp{color:#93a1a1}
  372. .codehilite .c1{color:#93a1a1}
  373. .codehilite .cs{color:#93a1a1}
  374. .codehilite .hll{background-color:#dc322f}
  375. .codehilite .g{color:#586e75}
  376. .codehilite .gd{color:#586e75}
  377. .codehilite .ge{font-style:italic}
  378. .codehilite .gr{color:#586e75}
  379. .codehilite .gh{color:#586e75;font-weight:bold}
  380. .codehilite .gi{color:#586e75}
  381. .codehilite .go{color:#586e75}
  382. .codehilite .gp{color:#586e75}
  383. .codehilite .gs{font-weight:bold}
  384. .codehilite .gu{color:#586e75;font-weight:bold}
  385. .codehilite .gt{color:#586e75}
  386. @media print {
  387. body { font-size: 100%; }
  388. a:after { content: " (" attr(href) ")"; }
  389. a, a:link, a:visited, a:after {
  390. text-decoration: underline;
  391. text-shadow: none !important;
  392. background-image: none !important;
  393. background: white;
  394. color: black;
  395. }
  396. abbr[title] { border-bottom: 0; }
  397. abbr[title]:after { content: " (" attr(title) ")"; }
  398. img { page-break-inside: avoid; }
  399. @page { margin: 2cm .5cm; }
  400. h1, h2, h3 { page-break-after: avoid; }
  401. p3 { orphans: 3; widows: 3; }
  402. img {
  403. max-width: 250px !important;
  404. max-height: 250px !important;
  405. }
  406. nav, aside { display: none; }
  407. }
  408. /* Dark theme */
  409. [lang=en] body {
  410. background: #323a45;
  411. }
  412. [lang=en] article,
  413. [lang=en] article em,
  414. [lang=en] article strong {
  415. color: #f0f0ea;
  416. }
  417. [lang=en] article a {
  418. color: #ffbd2b;
  419. }
  420. [lang=en] article a:visited {
  421. color: #ff6b03;
  422. }
  423. [lang=en] blockquote,
  424. [lang=en] figure {
  425. background: #111930;
  426. color: #ccc;
  427. }
  428. </style>
  429. <nav>
  430. <p>
  431. <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>.
  432. </p>
  433. </nav>
  434. <h1>Pensées de 2015</h1>
  435. <article>
  436. <h2><a href="/david/stream/2015/12/31/">Archive annuelle</a> <time>2015-12-31</time></h2>
  437. <p>Je voulais vous faire un ebook avec <a href="http://sigil-ebook.com/">Sigil</a> mais l’interface m’a rapidement découragé et je manque de temps pour faire quelque chose de propre. J’ai quand même fait <a href="/david/stream/2015/">une page chronologique avec l’intégralité du contenu</a> ce qui fait un peu plus de 500Ko que vous pouvez transformer en pdf/epub par vous-même. L’avantage d’avoir une seule page est de pouvoir faire une recherche directement dans le navigateur plus facilement vu que mes titres ne sont pas tous descriptifs ou explicites.</p>
  438. <p>Je vous épargne les X billets les plus populaires car je n’en ai aucune idée. La seule statistique intéressante que j’ai sur cette année à <a href="/david/stream/2015/01/01/">publier quotidiennement</a> : 485 liens <a href="/david/stream/2015/01/05/">archivés</a> sans aucune demande de retrait. Pour être honnête, c’est fastidieux à automatiser — même avec <a href="https://pypi.python.org/pypi/readability-lxml">readability-xml</a> — car il y a toujours des problèmes d’<em>encoding</em>, de <em>parsing</em>, de détection, etc (le pire étant le code HTML généré par Medium…) mais je suis bien content de l’avoir fait pour avoir des contenus compréhensibles dans la durée.</p>
  439. <p><strong>Je ne sais pas encore de quoi demain sera fait.</strong> J’ai toujours une grosse envie d’écrire, reste à voir sur quels sujets et sous quels formats. Merci de vos nombreux retours par email ou lors d’événements cette année, même si je suis timide dans mes réponses cela me fait extrêmement plaisir de pouvoir continuer certaines réflexions suite à nos échanges.</p>
  440. </article>
  441. <article>
  442. <h2><a href="/david/stream/2015/12/30/">Performances et ressenti</a> <time>2015-12-30</time></h2>
  443. <blockquote>
  444. <p>Être obligé de donner une illusion de ralentissement pour que les gens comprennent que la page est chargée, ça me donne un petit tic nerveux, je ne sais pas pourquoi.</p>
  445. <p><cite><em><a href="http://nota-bene.org/Performances-trop-bonnes">Performances trop bonnes</a></em> (<a href="/david/cache/2fb68f706bcdec58db26f5510c30209d/">cache</a>)</cite></p>
  446. </blockquote>
  447. <p>J’ai mis en place cette animation suite à deux emails et trois observations de personnes <em>non techniques</em>. C’est peu mais je n’ai malheureusement pas le luxe de pouvoir avoir plus de retours. L’avantage des observations est d’avoir pu voir la désorientation sans même que les personnes en aient vraiment eues conscience, un instant de réflexion et de balayage d’écran avant de comprendre que la page avait bien changée.</p>
  448. <p>Le choix de l’animation a été difficile car <a href="/david/blog/2015/cours-iut-animations-web/">je déteste les animations inutiles</a> et j’ai fini par trouver l’affichage progressif plutôt léger et adapté. Je suis bien sûr ouvert à d’autres propositions pour pallier ce problème, surtout si vous l’avez constaté par vous-même.</p>
  449. <p>Si vous lisez ce site via son flux RSS, vous n’êtes probablement pas concerné ;-).</p>
  450. <p>Réaction <a href="https://n.survol.fr/n/performances-et-ressenti">par Éric le lendemain</a> (<a href="/david/cache/c8c3f9a0a328a21db8c91c7a288a8b4f/">cache</a>).</p>
  451. </article>
  452. <article>
  453. <h2><a href="/david/stream/2015/12/29/">Principe d’Aurélien</a> <time>2015-12-29</time></h2>
  454. <blockquote>
  455. <p>« dans une hiérarchie, tout employé a tendance à s’élever à son niveau d’incompétence »</p>
  456. <p>avec pour corollaire que :</p>
  457. <p>« Avec le temps, tout poste sera occupé par un employé incapable d’en assumer la responsabilité. »</p>
  458. <p><cite><em><a href="https://fr.wikipedia.org/wiki/Principe_de_Peter">Principe de Peter</a></em></cite></p>
  459. </blockquote>
  460. <p>Ce qui donne après une discussion avec Aurélien :</p>
  461. <blockquote>
  462. <p>« dans une méritocratie, tout code a tendance à s’élever à son niveau de complexité ingérable »</p>
  463. <p>avec pour corollaire que :</p>
  464. <p>« Avec le temps, toute fonction sera occupée par un service incapable de réduire sa complexité. »</p>
  465. </blockquote>
  466. <p>La méritocratie fondée sur la technique ne peut que produire de la complexité inutile pour grimper dans la pyramide en asseyant son pouvoir. Les dissonants en sont alors réduits à <em>forker</em> ou se taire, les simplificateurs à rester dans l’ombre. <strong>Sans autre mérite que celui d’avoir permis aux suivants de pouvoir complexifier davantage.</strong></p>
  467. <p>Et <a href="http://www.la-grange.net/2015/12/30/note#id7813e49072">Karl de réagir</a> :</p>
  468. <blockquote>
  469. <p>La méritocratie est un système de valeurs élitiste. Le pouvoir de modifier est tenu par ceux qui possèdent le capital. Dans le cas de l’informatique, ce pouvoir est aux mains de ceux qui ont le capital connaissance, l’expertise du code. Ce système n’a rien d’égalitaire. C’est le bon vieux système de dominance de certains groupes sur les autres, tout en faisant croire à l’illusion que tout le monde peut participer.</p>
  470. </blockquote>
  471. </article>
  472. <article>
  473. <h2><a href="/david/stream/2015/12/28/">Anti-bio</a> <time>2015-12-28</time></h2>
  474. <blockquote>
  475. <p>Triathlète, <em>serial</em> entrepreneur, David enchaîne les victoires comme il enchaîne les épreuves. Au service de votre succès, il sait mettre en pratique des technologies éprouvées et des recettes de gagnant. Illustre conférencier, David totalise plus de 10000 vues cumulées sur Youtube grâce à ses techniques de <em>growth hacking</em> et de <em>self branding</em>. Son expérience maximisera votre <em>ROI</em>, votre <em>SEO</em> et rendra vos équipes plus performantes. Écrivain moderne — philosophe du numérique diront certains — David prodigue gracieusement ses conseils sur son site internet au sein d’une communauté de plus de 1500 membres.</p>
  476. <p>Devenez acteur de votre réussite dès aujourd’hui : suivez-le sur Facebook, Twitter et Medium. </p>
  477. </blockquote>
  478. <p>La rédaction de son anti-description aide parfois à se clarifier les idées sur ce que l’on est ou du moins veut paraitre être. Du faux pour du vrai, du vrai dans du faux, exercice terriblement efficace pour savoir où l’on ne veut pas aller.</p>
  479. </article>
  480. <article>
  481. <h2><a href="/david/stream/2015/12/27/">Civic Tech</a> <time>2015-12-27</time></h2>
  482. <blockquote>
  483. <p>Which leads us to the present. I view civic tech as a new “big tent” movement for democracy that encapsulates many smaller segments, such as gov tech, online campaigning, digital advocacy, and voting tech. I am also a firm believer that “civic” is the operative word, meaning “us” and “we.” That is, people and communities, along with our hopes, dreams and needs, and the decisions that we make together to realize them. <em>With software continually devouring so much of our lives, I see civic tech as an opportunity to embed “we” at the center of our technology.</em> In civic tech, technology is always the means to an end, not the end itself.</p>
  484. <p><cite><em><a href="https://medium.com/@grodeska/civictech-primer-what-is-civic-tech-7ea788e766d3">#CivicTech Primer: What is “civic tech”?</a></em> (<a href="/david/cache/070ea3ee2d8e0320a83576036b8274db/">cache</a>)</cite></p>
  485. </blockquote>
  486. <p><em>Technologie civique</em> sonne moins bien et je ne sais pas comment rendre ce terme traduisible. Techno-civisme ?</p>
  487. <p>Combien d’entre vous ont le sentiment de travailler dans ce domaine ? Êtes-vous rémunéré pour le faire ? Qu’est-ce qui vous retient de le faire ? <strong>Peut-on vivre en démocratie de manière passive ?</strong></p>
  488. </article>
  489. <article>
  490. <h2><a href="/david/stream/2015/12/26/">Gérer la déconnexion</a> <time>2015-12-26</time></h2>
  491. <p>Il y a des situations dans lesquelles on sait que l’on va être déconnecté. Et cela doit être le cas pour une bonne partie de la planète de manière quotidienne. Or peu d’outils permettent de passer intelligemment en mode déconnecté en sauvegardant les lectures ou vidéos en cours. De la même manière, je suis surpris du manque d’applications pour prioriser les actions à effectuer une fois reconnecté ou en étant connecté de manière sporadique et/ou avec une bande passante limitée.</p>
  492. <p>Peut-être qu’une <em>SmartCountryside</em> serait plus utile qu’une <em>SmartCity</em>… mais connecter des pauvres est moins profitable.</p>
  493. </article>
  494. <article>
  495. <h2><a href="/david/stream/2015/12/25/">Références typographiques</a> <time>2015-12-25</time></h2>
  496. <p>Je suis régulièrement frustré par les ouvrages qui jouent avec la typographie sans donner le nom des polices ou de leurs auteurs. Il faudrait un complément <em>wikifonts</em> à <a href="https://www.wikibooks.org/">wikibooks</a>.</p>
  497. </article>
  498. <article>
  499. <h2><a href="/david/stream/2015/12/24/">Rythme vertical fluide</a> <time>2015-12-24</time></h2>
  500. <blockquote>
  501. <p>When starting new projects, a CSS builder’s initial concerns tend to involve typography. Setting a typographic foundation with the right mixture of ingredients can form something solid enough to support many other building blocks of design. It’s an approach that makes structural sense.</p>
  502. <p><em>Proportions</em> are a key ingredient to the mixture. Calibrating your type proportions for a balance of aesthetics and order can be an obsessive undertaking. It’s a challenge getting proportions right for a given screen size, let alone <em>any possible</em> screen size. This process can be less challenging — even for responsive designs — if you use a <em>modular scale</em> and let math do the work for you.</p>
  503. <p><cite><em><a href="http://blog.cloudfour.com/responsive-guide-to-type-sizing/">A Responsive Guide to Type Sizing</a></em> (<a href="/david/cache/9ff37a890e93f6f4d5a1bbb30657ff0d/">cache</a>)</cite></p>
  504. </blockquote>
  505. <p>J’ai passé quelques heures hier à essayer de combiner <a href="http://madebymike.com.au/writing/fluid-type-calc-examples/">une typographie fluide</a> (<a href="/david/cache/7bd69d61367ba820906d99e127802e57/">cache</a>) avec un rythme vertical et une proportion générale qui soient fluides également. Je m’intéresse à ces notions <a href="/david/biologeek/archives/20070819-l-importance-du-rythme-vertical-en-design-css/">depuis un moment</a> et je ne pensais pas me casser les dents dessus, la prochaine fois je m’en tiendrai <a href="http://codepen.io/Tigt/post/when-responsive-images-get-ugly">aux images responsives</a> (<a href="/david/cache/16d800a1faadde1445d0c2332f5b6f3c/">cache</a>) <em>#OhWait</em>.</p>
  506. <p>Le principal écueil vient du <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=594933">non support par Firefox</a> de <code>calc</code> pour <code>line-height</code> (coucou Karl), ce qui réduit considérablement les possibilités… toutes mes tentatives ont été vaines et c’est pourtant un <a href="http://nicewebtype.com/notes/2012/02/03/molten-leading-or-fluid-line-height/">vieux problème</a> (<a href="/david/cache/2f355b7b880ea4227d76112849b58eb2/">cache</a>) <a href="https://stuffandnonsense.co.uk/blog/about/proportional_leading_with_css3_media_queries/">imparfaitement résolu</a> (<a href="/david/cache/4ac7753495665742f9e59432538fb920/">cache</a>) via les <em>media queries</em>. Avoir recours à des <em>breakpoints</em> me semblait <a href="http://www.heydonworks.com/article/flexbox-grid-finesse">aujourd’hui</a> (<a href="/david/cache/47b2c38919f07b29e902dc35979384ce/">cache</a>) <a href="https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/">désuet</a> (<a href="/david/cache/2d0636e4f9e67a22d202ed25577c7a05/">cache</a>) ou plutôt une rustine dont on pouvait progressivement se passer. Je force un peu le trait mais je suis de plus en plus intéressé par une approche <a href="/david/stream/2015/12/18/">dépendante de la donnée</a> avant tout, ce que je compte éclaircir <a href="/david/stream/2015/10/19/">d’ici Confoo</a>.</p>
  507. <p>Voici les proportions auxquelles je suis arrivé en utilisant une <a href="http://www.modularscale.com/?1&amp;em&amp;1.25&amp;web&amp;text">échelle modulaire major third</a> :</p>
  508. <div class="codehilite"><pre><span class="nt">body</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">1</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  509. <span class="nt">h6</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">0</span><span class="o">.</span><span class="m">8</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  510. <span class="nt">h5</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">1</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  511. <span class="nt">h4</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">1</span><span class="o">.</span><span class="m">25</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  512. <span class="nt">h3</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">1</span><span class="o">.</span><span class="m">563</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  513. <span class="nt">h2</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">1</span><span class="o">.</span><span class="m">953</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  514. <span class="nt">h1</span> <span class="p">{</span> <span class="k">font-size</span><span class="o">:</span> <span class="n">calc</span><span class="p">(</span><span class="m">2</span><span class="o">.</span><span class="m">441</span><span class="n">rem</span> <span class="o">+</span> <span class="m">0</span><span class="o">.</span><span class="m">4</span> <span class="o">*</span> <span class="p">(</span><span class="m">100</span><span class="n">vw</span> <span class="o">/</span> <span class="m">60</span><span class="p">));</span> <span class="p">}</span>
  515. </pre></div>
  516. <p>Il est tellement frustrant de ne pas pouvoir calculer les <code>line-height</code> correspondants pour arriver à un rythme vertical satisfaisant. À moins de le <a href="https://github.com/Wilto/Molten-Leading">calculer en JavaScript</a> ? Ou d’utiliser un pré/post-processeur et de mimer la fluidité avec de très nombreux points d’arrêts calculés. Ou lâcher prise mais <a href="/david/blog/2015/experimentations-techniques/">documenter</a>.</p>
  517. <blockquote>
  518. <p>Recently, CSS-Tricks <a href="https://css-tricks.com/dear-css-tricks-reader-who-are-you/">ran a survey</a> that asked its community to weigh in on topics that they face daily. I answered the survey, and one of the interesting results was for the question, “You’re stuck. You search the web. You prefer to find answers in these formats:”. The top answer was <em>blog post</em>. Blog post! One of the other leading answers was “Q&amp;A format page” (something like Stack Overflow). That made me think. Why wasn’t Q&amp;A the top answer? Maybe it’s because while web designers want something that works if we simply copy-and-paste, we are also driven by <em>why</em> as much as <em>how</em>.</p>
  519. <p><cite><em><a href="http://alistapart.com/column/write-what-you-know-now">Write What You Know (Now)</a></em> (<a href="/david/cache/bab01f4f3937bf301e8ac32b0ca01810/">cache</a>)</cite></p>
  520. </blockquote>
  521. </article>
  522. <article>
  523. <h2><a href="/david/stream/2015/12/23/">Revue de systèmes</a> <time>2015-12-23</time></h2>
  524. <blockquote>
  525. <p>Which all begs the question: what customs and standards should we define for our code? What makes code <em>good</em>? If our goal is to catch &amp; eliminate bugs during development, we must be able to clearly define what we intend a piece of code to do, and present it in a way that is legible enough for a reader to assess whether it (likely) lives up to the task at hand. And if our goal is to enable collaboration on and reuse of code, we must find a way to build rapport with our collaborators, help them understand the goals of our code, and give them a simple but precise way of communicating back to us what contributions they would like to make to support those goals.</p>
  526. <p><cite><em><a href="http://mozillascience.github.io/codeReview/intro.html">Code Review in the Lab</a></em> (<a href="/david/cache/8e01afc39222230889a79cc8c2334c7b/">cache</a>)</cite></p>
  527. </blockquote>
  528. <p>J’en avais déjà parlé lors de mon billet sur la <a href="/david/blog/2015/collaboration-technique/">collaboration technique</a>, il semblerait que cette pratique se démocratise avec des conseils de Mozilla ou <a href="http://capgemini.github.io/learning/better-learning-code-reviews/">CapGemini</a> (<a href="/david/cache/c8a2558279f3d400151c8881ef778da8/">cache</a>). Etsy va un peu plus loin en proposant des <a href="https://codeascraft.com/2015/12/21/leveling-up-with-system-reviews/">revues de systèmes</a> (<a href="/david/cache/ebfb49281706086aecf734ca50aaced3/">cache</a>) permettant de s’aligner en réduisant les frustrations.</p>
  529. <p><strong>Parfois la co-amélioration est plus pragmatique que la co-construction. Attention toutefois, elle ne mène pas forcément au même endroit.</strong> Soumettre une exécution c’est déjà orienter la discussion, parfois trop pour laisser libre cours aux idées des autres.</p>
  530. </article>
  531. <article>
  532. <h2><a href="/david/stream/2015/12/22/">Refonte de Noël</a> <time>2015-12-22</time></h2>
  533. <p>La fin de l’année semble être propice aux <a href="/david/refonte/">refontes</a>. Peut-être que la <a href="http://www.24joursdeweb.fr/">recrudescence</a> des <a href="https://24ways.org/">calendriers</a> de <a href="http://calendar.perfplanet.com/2015/">l’Avent</a> <a href="http://makina-corpus.com/blog/societe/2015/calendrier-de-lavent-makinien">techniques</a> y est pour quelque chose dans la motivation ou peut-être que c’est pour démarrer l’année avec de bonnes résolutions. Toujours est-il que je n’échappe pas à la règle.</p>
  534. <p><a href="http://scripting.com/">Dave Winer</a> <a href="https://github.com/scripting/1999client">expérimente</a> <a href="http://scripting.com/liveblog/users/davewiner/2015/11/30/0510.html">avec les WebSockets</a> (<a href="/david/cache/8ed0a0bf4fc4d4051e4c075fc3a3921c/">cache</a>), ce qui donne un code impossible à <em>parser</em> (et sans <code>doctype</code>…), <a href="http://lucumr.pocoo.org/">Armin Ronacher</a> <a href="https://github.com/lektor/lektor">propose</a> une <a href="http://lucumr.pocoo.org/2015/12/21/introducing-lektor/">interface d’admin aux générateurs de sites statiques</a> (<a href="/david/cache/b83377f25e572457d7ab9ed5411034c9/">cache</a>) utilisant React (malheureusement c’est <a href="https://github.com/lektor/lektor/issues/4">réduit</a> à <a href="https://www.getlektor.com/">son propre framework/format de fichiers</a>).</p>
  535. <p>Pour ma part, je compte continuer <a href="/david/stream/2015/11/24/">d’explorer les Service Workers</a> mais j’ai aussi bien envie de proposer une évolution graphique à ce site. Je vois très bien ce que je veux comme rendu final mais le choix technique est cornélien, j’hésite encore à introduire davantage de complexité et pourtant pour faire de l’ES6 et des <a href="http://cssnext.io/">CSSNext</a> il faut bien utiliser <a href="http://babeljs.io/">Babel</a> et <a href="https://webpack.github.io/">Webpack</a>… ou se résoudre à <a href="/david/stream/2015/12/13/">couper la moutarde</a> sans état d’âme.</p>
  536. <p><strong>Qui laisser sur le tapis, et avec que lot de consolation ?</strong></p>
  537. <p>PS : Notez qu’en attendant j’ai mis une courte animation à l’affichage des pages car on m’a <em>plusieurs fois</em> fait la remarque que « les performances sont trop bonnes » pour identifier le changement de page (la première fois j’ai pris ça pour une blague mais il faut bien constater qu’il s’agit d’une expérience aux antipodes des pratiques sur le web…), j’ai aussi mis en relief les phrases en gras.</p>
  538. <p>Réaction de <a href="http://nota-bene.org/Performances-trop-bonnes">Stéphane le lendemain</a> (<a href="/david/cache/2fb68f706bcdec58db26f5510c30209d/">cache</a>).</p>
  539. </article>
  540. <article>
  541. <h2><a href="/david/stream/2015/12/21/">Divertissement et Entertainment</a> <time>2015-12-21</time></h2>
  542. <blockquote>
  543. <p>Comment a-t-on pu en arriver à définir ce qui nous re-crée, ce qui nous fait naître à nouveau, comme une diversion, comme un oubli de soi ? Je trouve ça dramatique.</p>
  544. <p>En comparaison, s’amuser, c’est ne pas muser, c’est-à-dire ne pas flâner, ne pas perdre son temps… En bref, être actif. Vivre. Et en anglais, l’<em>entertainment</em> consiste à… s’entretenir. Là où les Anglo-saxons voient une activité bénéfique et nécessaire au bien-être humain, nous avons réussi à déceler une diversion, quelque chose qui nous éloigne de notre nature qui consiste à… À quoi, au vrai ? À se morfondre dans un métro-boulot-dodo mortifère ?</p>
  545. <p><cite><em><a href="http://aljes.me/index.php?article=2015-1218-Exception%20fran%C3%A7aise">Exception française</a></em> (<a href="/david/cache/53ab7cbafc2e26bdb9e75a90d2cf77b0/">cache</a>)</cite></p>
  546. </blockquote>
  547. <p>Je n’avais jamais remarqué cette différence dont on pourrait s’amuser. J’ai une relation complexe avec le divertissement étant à la fois dans le rejet et dans l’acceptation. Il faudrait que je creuse cela.</p>
  548. </article>
  549. <article>
  550. <h2><a href="/david/stream/2015/12/20/">L’Homme et le Réseau</a> <time>2015-12-20</time></h2>
  551. <blockquote>
  552. <p>World Brain traite de l’architecture des data centers, de l’intelligence collective des chatons, du trading à haute fréquence, de la survie dans la forêt à l’ère de Wikipédia, du bricolage de rats transhumanistes…</p>
  553. <p>On entre dans le projet par un film long métrage qui dérive entre document, fiction et manuel. Pour le voir dans son intégralité, il suffit de se laisser porter par la vidéo, qui nous emmène d’une question à une autre.</p>
  554. <p>Si l’on quitte le film, on se retrouve au milieu de vidéos, textes, photos, couvertures de livres, liens vers d’autres sites et concepts éclatés comme autant de fragments sur un tapis cartographique.</p>
  555. <p><cite><em><a href="http://worldbrain.arte.tv/">World Brain</a></em> sur Arte</cite></p>
  556. </blockquote>
  557. <p>Je découvre ce travail <a href="http://www.quaternum.net/2015/12/17/world-brain-un-documentaire/">grâce à Antoine</a> (<a href="/david/cache/2b75ac1ffef85c2124393cef0b6425b6/">cache</a>) et le parallèle avec les <a href="/david/blog/2015/enmi/">Entretiens du Nouveau Monde Industriel</a> est intéressant. Dans les deux cas, l’évocation du Réseau comme évolution de l’Homme d’abord de manière symbiotique puis parasitaire donne des allures de science fiction aux propos. Jusqu’à ce que la réalité dépasse la fiction, et si le thème abordé était plutôt « L’Homme que nous voulons », quelle réflexivité nous offre la Toile ? Quelles pistes d’<a href="/david/stream/2015/12/17/">émancipation</a> nous laisse-t-elle encore <a href="/david/stream/2015/11/22/">rêver</a> ?</p>
  558. </article>
  559. <article>
  560. <h2><a href="/david/stream/2015/12/19/">Longues lettres</a> <time>2015-12-19</time></h2>
  561. <blockquote>
  562. <p>Since the spring of 2013, Artangel and the Longplayer Trust have been inviting thinkers and writers from a wide variety of disciplines to engage in a chain of written correspondence on the subject of long-term thinking. The Longplayer Letters are a chain of written correspondence on the subject of long-term thinking. Unfolding slowly over time, the letters form a written conversation in which each correspondent answers the past author in addressing the next – it is a dialogical relay, very much in the spirit of the Long Conversations.</p>
  563. <p><cite><em><a href="http://longplayer.org/letters/">The Longplayer Letters</a></em> (<a href="/david/cache/e929e719bb15b50031407d1c4942d99b/">cache</a>)</cite></p>
  564. </blockquote>
  565. <p><a href="https://oncletom.io/">Thomas</a> m’invite à aller découvrir ce projet, probablement suite à <a href="/david/stream/2015/11/23/">mes interrogations</a>. Je trouve le projet intéressant et motivant, je commence à réfléchir aux personnes qui pourraient s’embarquer dans le projet. Puis je réalise que je n’ai répondu à <em>aucune</em> lettre reçue de sa part au cours de ces dernières années.</p>
  566. <p>Douce ironie… Culpabilité renforcée… Remise en question…</p>
  567. </article>
  568. <article>
  569. <h2><a href="/david/stream/2015/12/18/">Responsive API</a> <time>2015-12-18</time></h2>
  570. <blockquote>
  571. <p>Le mot ” Responsive ” veut aujourd’hui dire beaucoup de choses. Dans son article <a href="http://bradfrost.com/blog/post/responsive-strategy/">Responsive Strategy</a>, Brad Frost nous explique la différence entre un site qu’il appelle ” <strong>Responsive Retrofitting</strong> ” et un site ” <strong>Mobile First Responsive Design</strong> “.</p>
  572. <p><cite><em><a href="http://blog.stephaniewalter.fr/freebies-illustration-strategie-responsive-mobile-first/">Illustration Stratégie Responsive vs Mobile First Responsive</a></em> (<a href="/david/cache/194c013e293e1c08db28b6c59918483e/">cache</a>)</cite></p>
  573. </blockquote>
  574. <p>Je retombe une fois de plus sur l’illustration de Stéphanie Walter et je ne peux m’empêcher d’appliquer cela aux API HTTP. Ce qu’à notamment introduit <a href="http://graphql.org/">GraphQL</a> (et qui peut être <a href="http://flask-restplus.readthedocs.org/en/stable/mask.html">réalisé sans</a>), c’est la faculté à avoir des données à la demande en fonction du besoin. De là à ne récupérer que les données affichées pour la résolution en cours il n’y a qu’un tout petit pas… qui permettrait de réduire le poids des échanges et la réactivité.</p>
  575. </article>
  576. <article>
  577. <h2><a href="/david/stream/2015/12/17/">Imperium et Frédéric Lordon</a> <time>2015-12-17</time></h2>
  578. <blockquote>
  579. <p>L’Humanité s’est fragmentée en ensembles finis distincts.</p>
  580. <p>Qu’est-ce qui fait faire consistence aux ensembles humains ? Qu’est-ce qui fait que des humains regroupés ça fait un corp politique ? Une ensemble humain ne fait corps que s’il est davantage qu’une collection, qu’un éparpillement juxtaposé. Les humains en réunion produisent eux-même le principe de leur propre consistance politique car ceci se produit endogènement. Ce n’est pas l’effet d’un vouloir, ils ne savent pas qu’ils le font ni comment ils le font. C’est ça l’idée du social.</p>
  581. <p>Les humains produisent des choses qui vont s’autonomiser, vivre de leur vie propre et imposer leur logique sociale à leur propres créateurs, c’est à dire nous. Nous sommes dominés par nos créations. Qu’est-ce qu’on fait de la perspective de l’émancipation dans l’ensemble de ces corps donnés.</p>
  582. <p>L’Imperium c’est ce droit que définit la puissance de la multitude. Le collectif est le réservoir ultime de la puissance dans le monde humain, la multitude s’auto-affecte dans la plus grande opacité. Les valeurs sont créées par nous mais s’imposent à nous.</p>
  583. <p>Qu’est-ce qui fait que la monnaie est acceptée ? C’est que la monnaie fait socialement autorité. [Falsifier de la monnaie] c’est une atteinte directe à l’ordre social (d’où les sanctions démesurées). La fragmentation de la monnaie est une signe de dislocation sociale.</p>
  584. <p>Est-ce que l’opposition au néo-libéralisme pourrait constituer la matière d’un affect commun ?</p>
  585. <p>Ces circulations de puissance de la multitude en quoi consistent ces auto-affections sont des tentations irrésistibles pour tous les entrepreneurs politiques qui évidemment n’ont rien d’autre chose à l’idée que de venir capter cette puissance collective pour l’ajouter à leur puissance individuelle. La grandeur du grand homme ne lui appartient pas, il capte la grandeur de la multitude. Le pouvoir des dirigeants n’est pas autre chose que la puissance confisquée de leurs propres sujets.</p>
  586. <p>Le problème c’est que l’État c’est nous.</p>
  587. <p><cite><em><a href="https://www.youtube.com/watch?v=INdZu6DIOR4">Frédéric Lordon présente IMPERIUM</a></em></cite></p>
  588. </blockquote>
  589. <p>La présentation d’<a href="http://www.lafabrique.fr/catalogue.php?idArt=926">Imperium</a> par Frédéric Lordon donne beaucoup de matière à réfléchir. Un bon <a href="/david/blog/2015/enmi/">conseil de lecture</a> de Bernard Stiegler corrigé par <a href="http://www.internetactu.net/author/hubert/">Hubert Guillaud</a>.</p>
  590. </article>
  591. <article>
  592. <h2><a href="/david/stream/2015/12/16/">Enseignement et Typographie</a> <time>2015-12-16</time></h2>
  593. <p>Deux présentations exceptionnelles lors des <a href="http://www.delure.org/Les-mardis-de-Lure.html">mardis de Lure</a>.</p>
  594. <p>La première par Louis Eveillard nous parlant de la <a href="http://boitenoire.io/">boîte noire</a> pour appréhender la programmation de manière visuelle et physique, de Logo au <a href="http://boitenoire.io/blog/piccolo">Piccolo</a>/<a href="http://boitenoire.io/blog/scan-play-08">Zumo</a>. Fascinant. Puis, rejoins par Pauline Gourlet, ils nous ont présenté leur travail avec <a href="http://latelier-des-chercheurs.fr/">l’atelier des chercheurs</a> pris en main par les jeunes élèves pour réfléchir au design de manière itérative et documentée. Avec des réflexions sur les outils, les interfaces et les jeux associés. Mais aussi sur la prise de recul difficile par les enfants et les difficultés à collaborer ou échanger.</p>
  595. <p>La seconde par Jérémy Landes-Nones qui donne des cours de graphisme et lettres à des enfants de 4 à 6 ans. Donner des recettes, les laisser bidouiller, s’en affranchir, du <a href="https://fr.wikipedia.org/wiki/Shuhari">Shuhari</a> dans toute sa splendeur. Avec une recherche de solutions pour les aider à surmonter le confort d’une recette maîtrisée. Je retiendrai le travail sur les textures et la possibilité de découvrir le pixel-art et la typographie à partir d’un matériel simple comme des Duplo sur lesquels on colle de l’éponge ou la confection de livres reliés à partir de travaux ultérieurs.</p>
  596. </article>
  597. <article>
  598. <h2><a href="/david/stream/2015/12/15/">Conférences et ressources</a> <time>2015-12-15</time></h2>
  599. <p>J’ai enchaîné aujourd’hui les <a href="http://enmi-conf.org/wp/enmi15/">ENMI</a> et les <a href="http://www.delure.org/Les-mardis-de-Lure.html">mardis de Lure</a>. Deux conférences que j’affectionne particulièrement.</p>
  600. <p>Les <a href="http://delure.org/">rencontres de Lure</a> se déroulent sur une semaine mais publient également une revue Avant/Après qui résume les interventions précédentes, de l’année en cours ainsi que des enrichissements. Un travail considérable mais qui avec les mardis et différents couriers envoyés au cours de l’année permettent d’avoir une continuité.</p>
  601. <p>Les ENMI proposent des ressources pour préparer la conférence. Ici aussi c’est suffisamment rare pour être signalé et apporte un gros plus à la conférence histoire de ne pas être perdu dans la réflexion, un moyen d’entrer dans l’idéosphère de cette communauté. Les interventions sont ensuite discutées pendant la conférence via <a href="http://polemictweet.com/enmi15/client.php">PolemicTweet</a> à défaut de pauses et de discussions.</p>
  602. <p>Cela me donne des idées pour de futures événements sur la continuité des savoirs échangés avant, pendant et après de telles rencontres.</p>
  603. </article>
  604. <article>
  605. <h2><a href="/david/stream/2015/12/14/">Le 12e principe</a> <time>2015-12-14</time></h2>
  606. <blockquote>
  607. <p>Réalisez les projets avec des personnes motivées.<br />
  608. Fournissez-leur l’environnement et le soutien dont ils ont besoin<br />
  609. et faites-leur confiance pour atteindre les objectifs fixés.</p>
  610. <p><cite><em><a href="http://wiki.ayeba.fr/Red%C3%A9couvrez+le+12%C3%A8me+Principe">Redécouvrez le 12ème Principe</a></em> (<a href="/david/cache/bfec741bda61d9453b70172729beafc7/">cache</a>) (<a href="http://12thprinciple.org/">source</a>)</cite></p>
  611. </blockquote>
  612. <p>Motivation. Environnement. Confiance. Aucune notion d’utilité malheureusement.</p>
  613. </article>
  614. <article>
  615. <h2><a href="/david/stream/2015/12/13/">Couper la moutarde</a> <time>2015-12-13</time></h2>
  616. <blockquote>
  617. <p>Someone once suggested to me that a client’s website should include two states. The first state would be the <em>ideal</em> experience, with low color contrast, light font weights and no differentiation between links and text. It would be the default. The second state would be presented in whatever way was necessary to meet accessibility standards. Users would have to opt out of the default state via a toggle if it wasn’t meeting their needs. A sort of first-class, upper deck cabin equivalent of graceful degradation. That this would divide the user base was irrelevant, as the aesthetics of the brand were absolute.</p>
  618. <p>It may seem like an unusual anecdote, but it isn’t uncommon to see this thinking in our industry. Again and again, we place the burden of responsibility to participate in a usable experience on others. We view accessibility and good design as mutually exclusive. Taking for granted what users will tolerate is usually the forte of monopolistic services, but increasingly we apply the same arrogance to our new products and services.</p>
  619. <p><cite><em><a href="https://24ways.org/2015/designing-with-contrast/">Designing with Contrast</a></em> (<a href="/david/cache/ac703f60904aa9229b5ef1c2d3bb541e/">cache</a>)</cite></p>
  620. </blockquote>
  621. <p>C’est la raison pour laquelle l’approche qui consiste à <a href="http://sixtwothree.org/posts/cutting-the-mustard-revisited">couper la moutarde</a> (<a href="/david/cache/2d8045c2482f4bdee26d3d89557aaccf/">cache</a>) me laisse un goût amer, scinder ainsi la population des visiteurs entre riches et pauvres (ou tout autre euphémisme de type <em>éduqué numériquement</em>) est brutal et ne correspond pas à la réalité du web qui est loin d’être binaire. C’est pourtant un compromis alléchant qui donne bonne conscience aux développeurs mais la frontière est mince entre <em>amélioration progressive</em> et <em>discrimination radicale</em>. Cela me rappelle la vieille dualité entre mobile et desktop, <strong>il serait peut-être temps de définir collectivement quels sont les breakpoints d’amélioration acceptables comme on a pu le faire avec le responsive.</strong> À chacun ensuite d’appliquer ceux qui sont pertinents pour son audience, son équipe et son but lorsqu’il produit des sites web.</p>
  622. <blockquote>
  623. <p>When we present users with a slow website, a loading spinner, laggy webfonts—or tell them outright that they‘re not using a website the right way—we’re breaking the fourth wall. We’ve gone so far as to invent an arbitrary line between “webapp” and “website” so we could justify these decisions to ourselves: “well, but, this is a web <em>app</em>. It… it has… JSON. The people that can’t use the thing I built? They don’t get a say.”</p>
  624. <p>We, as an industry, have nearly decided that we’re doing a great job as long as we don’t count the cases where we’re doing a terrible job. We want the user to think about The Website—to sympathize with <em>us</em>—over their reason for being there. We’re making them sit through a lecture about furniture design every time they try to sit down in a chair.</p>
  625. <p>When we prize our own convenience over craft, we’re building a web for us, the developers. We’re building a web that’s easy to assemble but lousy to use.</p>
  626. <p>That’s not what the web is to me, though—that’s not what this job is, to me. The meaning I take from this gig doesn’t come from getting a div to show up in the right place. It comes from knowing that working just a little harder can mean that entire populations just setting foot on the web for the first time will be able to tap into the collected knowledge of the whole of mankind.</p>
  627. <p><cite><em><a href="https://bocoup.com/weblog/smaller-faster-websites">Smaller, Faster Websites</a></em> (<a href="/david/cache/5d9f9a594bd1e323e38854f42e1e1238/">cache</a>)</cite></p>
  628. </blockquote>
  629. </article>
  630. <article>
  631. <h2><a href="/david/stream/2015/12/12/">Homepage</a> <time>2015-12-12</time></h2>
  632. <blockquote>
  633. <p>With native content consumption on third-party platforms growing, will it still be relevant for media companies to invest significant resources on running and maintaining their websites and mobile apps?</p>
  634. <p><cite><em><a href="https://medium.com/thoughts-on-media/the-rise-of-homeless-media-97e031c8b319">The rise of “homeless” media</a></em> (<a href="/david/cache/ef5fc207792c19197bd40e26a7a50f44/">cache</a>)</cite></p>
  635. </blockquote>
  636. <p>Lecture suite à ma réflexion sur la <a href="/david/stream/2015/10/20/">possession des contenus</a> qui me confirme la dualité instantané vs. durée (<em>Voici</em> n’a peut-être pas besoin de site mais <em>Le Monde Diplomatique</em> si, pour caricaturer) et qui me fait également rebondir sur :</p>
  637. <blockquote>
  638. <p>Homepage.<br />
  639. Even the word sounds old.<br />
  640. Today the news lives where you live.</p>
  641. <p><cite><em><a href="https://nowthisnews.com/">NowThis</a></em></cite></p>
  642. </blockquote>
  643. <p>Cette remise en question de la page d’accueil n’est pas nouvelle et la récente refonte de <a href="http://qz.com/">Quartz</a> en est une belle illustration :</p>
  644. <blockquote>
  645. <p>"The idea of a strictly traditional homepage that people bookmark to find stories is, we think, outdated," says Quartz Executive Editor Zach Seward, explaining the redesign. "But at the same time, we don’t want to be defeatist about it. There’s still a large number of people coming to the homepage each day. So we’ve asked ourselves, ’If you start throwing out the old conventions, what can you do instead?’"</p>
  646. <p><cite><em><a href="http://www.fastcodesign.com/3054334/traditional-homepages-are-obsolete-says-quartz-heres-what-they-built-instead">Traditional Homepages Are Obsolete, Says Quartz. Here’s What They Built Instead.</a></em> (<a href="/david/cache/f2cea093947f13908d8d20a870e9f780/">cache</a>)</cite></p>
  647. </blockquote>
  648. <p>Cela fait un moment que je veux retravailler la page d’accueil de ce site et même avec <a href="https://medium.com/thelist/64-ways-to-think-about-a-news-homepage-223c01952d26">64 sources d’inspiration</a> (<a href="/david/cache/b004d327e5e9f70a5003c91b6ebfb5ba/">cache</a>) pour le faire j’ai encore du mal à trouver la bonne combinaison, surtout avec <a href="/david/stream/2015/11/23/">l’incertitude de continuer à publier quotidiennement</a>. Faute de statistiques et d’<em>interviews</em> (ou <a href="/david/blog/2014/running-lean/">pas</a> ?), j’ai du mal à déterminer qui passe par la page d’accueil et pour quelles raisons. Peut-être que le dernier contenu publié en page d’accueil devient alors le plus pertinent…</p>
  649. </article>
  650. <article>
  651. <h2><a href="/david/stream/2015/12/11/">Transparence et 18F</a> <time>2015-12-11</time></h2>
  652. <blockquote>
  653. <p>There are five major reasons why you should be this transparent too:</p>
  654. <ol>
  655. <li>Working in the open drives higher quality results.</li>
  656. <li>Aggressively over-share, and default to public.</li>
  657. <li>It’s taxpayer money.</li>
  658. <li>If we’re this transparent, we’re probably doing fine.</li>
  659. <li>Keeps future users knowledgeable and aware.</li>
  660. </ol>
  661. <p><cite><em><a href="https://18f.gsa.gov/2015/12/07/what-exactly-do-we-even-do-all-day/">What exactly do we even do all day?</a></em> (<a href="/david/cache/e07e88d7b347998733c59509ea1bcd3a/">cache</a>)</cite></p>
  662. </blockquote>
  663. <p>Je suis vraiment admiratif de ce qu’arrive à produire et à partager <a href="https://18f.gsa.gov/">18F</a>, autant sur <a href="https://18f.gsa.gov/blog/">leur blog</a> que via <a href="https://pages.18f.gov/guides/">leurs guides</a>. Voir aussi le <a href="https://playbook.cio.gov/">U.S. Digital Services Playbook</a> (<a href="/david/cache/453b32d5199b5c977224a58d77efd2cf/">cache</a>) et son pendant anglais <a href="https://www.gov.uk/service-manual/digital-by-default">Digital by Default Service Standard</a> (<a href="/david/cache/b5a2cbb6fa8c7df0b2c6dcb3ee94b08c/">cache</a>). Inspirant.</p>
  664. </article>
  665. <article>
  666. <h2><a href="/david/stream/2015/12/10/">Culture Web</a> <time>2015-12-10</time></h2>
  667. <blockquote>
  668. <p>Et tiens, c’est quoi la « culture web » ? Qu’est-ce qui vous semblerait important de transmettre, de cette culture ?</p>
  669. </blockquote>
  670. <p>Cette question posée par <a href="http://romy.tetue.net/">Romy</a> sur <a href="https://twitter.com/tetue/status/661108129757683712">Twitter</a> me travaille depuis. Si je ne devais retenir que trois éléments de cette <em>culture</em> (encore faudrait-il définir culture…) :</p>
  671. <ul>
  672. <li>l’expérimentation : le web est un terrain d’exploration extraordinaire car il se co-construit chaque jour, le partage n’est qu’une conséquence de ce qui est découvert et transmis grâce à lui ;</li>
  673. <li>l’accélération : le web est un accélérateur de données, dans le temps et dans l’espace, intégrer cette culture c’est prendre conscience et embrasser cette impermanence pour le meilleur et pour le pire ;</li>
  674. <li>la résilience : malgré les censures, les difficultés d’accès et la centralisation du réseau, le web est toujours là dans sa futilité, sa vulgarité et sa beauté.</li>
  675. </ul>
  676. <p><strong>Le Web est un potager que l’on cultive. Tous ensemble.</strong></p>
  677. </article>
  678. <article>
  679. <h2><a href="/david/stream/2015/12/09/">Keyframes</a> <time>2015-12-09</time></h2>
  680. <blockquote>
  681. <p>We can even view a keyframe as a metaphor in life. A keyframe is a point where we have excellent clarity - we feel we know exactly what we need to keep doing, what we need to stop doing, what we need to start doing. But then the moment passes, we chug along, and after a while it’s not all that easy to measure exactly how much progress we’ve made, or whether we’re headed in the right direction. Not until the next moment of clarity. The next keyframe, if you will.</p>
  682. <p><cite><em><a href="http://www.matusiak.eu/numerodix/blog/2015/12/3/djangogirls-keyframe-moment/">djangogirls as a keyframe moment</a></em> (<a href="/david/cache/3b568eeb5295d1fedf117900301274ed/">cache</a>)</cite></p>
  683. </blockquote>
  684. <p>J’aime cette métaphore, elle me transporte dans le film de ma vie, <em>keyframe</em> après <em>keyframe</em>. En oubliant parfois les <code>diff</code>érents intermédiaires, les routines sans rustines et les choix qu’il a fallu faire pour arriver à l’image complète suivante. Nette mais déjà fausse, faute de temps.</p>
  685. </article>
  686. <article>
  687. <h2><a href="/david/stream/2015/12/08/">Apprendre en jouant</a> <time>2015-12-08</time></h2>
  688. <p>Découvrir les <a href="http://learn.shayhowe.com/advanced-html-css/complex-selectors/">sélecteurs complexes</a> avec <a href="http://flukeout.github.io/">des sélections d’aliments</a>. Positionner des éléments <a href="http://jonibologna.com/flexbox-cheatsheet/">Flexbox</a> avec <a href="http://flexboxfroggy.com/">des grenouilles et des nénuphars</a>. Apprendre la <a href="/david/blog/2015/javascript-abstraction/">programmation JavaScript</a> avec <a href="https://code.org/starwars">des animations Starwars</a>. Prendre conscience de la <a href="http://type.method.ac/">notion de kerning</a> avec de la <em>gamification</em>. Autant d’outils pour <a href="/david/stream/2015/11/26/">apprendre dans la joie</a>.</p>
  689. <p>Vous en avez d’autres ?</p>
  690. </article>
  691. <article>
  692. <h2><a href="/david/stream/2015/12/07/">Bien commun et qualité</a> <time>2015-12-07</time></h2>
  693. <blockquote>
  694. <p>Le compromis avec le libre est donc inévitable parce que le libre est une idéologie, un truc placé au-dessus de la réalité, vers lequel on doit tendre sans jamais pouvoir l’atteindre. Je faute en vendant de temps en temps des livres sous copyright, en travaillant sur les logiciels propriétaires, eux-mêmes tournant sur des systèmes propriétaires et des machines propriétaires, tout ça baignant dans une économie prédatrice.</p>
  695. <p>Le commonisme germe dans une société non-libre. Il naît d’elle, il s’en échappe peu à peu, il lui faudra bien longtemps pour qu’il lâche toutes ses amarres. Quelques-unes me retiennent encore. J’espère très minces. Je n’ai pas l’illusion de pouvoir les couper toutes. Je ne connais personne qui y ait réussi.</p>
  696. <p><cite><em><a href="http://tcrouzet.com/2015/12/05/la-coherence-est-une-utopie-lincoherence-un-delit/">La cohérence est une utopie, l’incohérence un délit</a></em> (<a href="/david/cache/eb074d3849d5dca5714c21e2fd10b2a6/">cache</a>)</cite></p>
  697. </blockquote>
  698. <p>Bon jusque là j’étais à peu près d’accord, mais le paragraphe suivant de Thierry Crouzet me fait grincer des dents :</p>
  699. <blockquote>
  700. <p>Ulysses est bon selon moi parce que nous sommes un certain nombre à l’avoir acheté et à financer la petite équipe de développeurs (on n’est pas là dans le capitalisme exacerbé, notez-le bien). Je ne connais aucun logiciel libre d’écriture aussi stimulant. Ça vaut la peine de se demander pourquoi ? Parce que nous ne donnons pas suffisamment pour entretenir le développement du logiciel libre et parce que les GAFAM avalent les meilleurs développeurs. Cette double tendance pénalise le libre, de plus en plus à la traîne derrière le privateur. Ça m’attriste, mais il faudrait peut-être ouvrir les yeux. Le libre n’a pas trouvé à grande échelle son modèle de développement. Je crois que la seule solution viendra du revenu de base.</p>
  701. <p><cite><em>Ibid.</em></cite></p>
  702. </blockquote>
  703. <p>Que les meilleurs développeurs soient à la solde des GAFAM est pour moi un mythe mais soit. Même si c’était le cas, la bonne nouvelle c’est qu’il « suffit » d’être <a href="https://www.youtube.com/watch?v=hIJdFxYlEKE">un développeur moyen</a> pour produire du code de qualité. <strong>Or, ce n’est pas la qualité du code qui fait la qualité d’Ulysses, c’est l’attention portée à l’utilisateur, c’est l’intelligence de l’équipe à savoir s’adapter et à poursuivre une vision commune sur le long terme.</strong> Sans parler du <em>marketing</em>. Alors oui dans ces domaines le libre est mauvais car il se limite à <a href="/david/blog/2013/open-source-solidarite/">de la solidarité</a>, les développeurs sachant à peu près faire des outils pour leurs pairs et encore. Et ce n’est pas une question d’argent mais d’empathie et de collaboration avec d’autres professions.</p>
  704. <p>Pourtant cette problématique d’attention pourrait être résolue en incluant des utilisateurs dans les projets libres mais on atteint ici un problème culturel : les développeurs sont trop en avance dans leur réflexion sur le bien commun et du coup se retrouvent seuls faute de transmission et d’enseignement ces vingt dernières années. C’est dommage car des <a href="http://git-scm.com/">outils</a> <a href="https://www.mercurial-scm.org/">géniaux</a> ont été produits qui pourraient être utiles à d’autres communautés de pratiques.</p>
  705. <blockquote>
  706. <p>Le don n’est pas une solution. Il n’est qu’une ponction à l’économie prédatrice. Il reporte la dépendance à un tiers qui lui reste attaché. Accepter cette logique est une forme d’irresponsabilité. C’est un peu comme le bouddhiste qui se retire du monde, mais a besoin que d’autres y restent pour le nourrir (facile d’être sage dans ces conditions). Voilà pourquoi je n’ai jamais fait campagne pour recevoir des dons sur mon blog diffusé librement (j’essaie de ponctionner en direct l’économie prédatrice, je fais le sale boulot moi-même).</p>
  707. <p><cite><em>Ibid.</em></cite></p>
  708. </blockquote>
  709. <p>Entre le revenu de base et le don, il y a peut-être le fait de travailler sur du <a href="https://github.com/etalab/udata/">bien commun</a> en étant rémunéré par le <a href="http://www.impots.gouv.fr/">pot commun</a> pour financer un <a href="http://scopyleft.fr/">cadre commun</a> local. Ce modèle pourrait passer à l’échelle et même <a href="https://github.com/opendatalu/udata-gouvlu">être décliné</a> dans d’autres pays.</p>
  710. </article>
  711. <article>
  712. <h2><a href="/david/stream/2015/12/06/">Cosmos et aboutissement</a> <time>2015-12-06</time></h2>
  713. <blockquote>
  714. <p>Au même moment, j’ai accepté. C’était, OK, peut-être tu ne rentres pas à la maison mais c’est égal quoi. Maintenant je pense c’est faux mais à ce moment c’était comme ça. Mais après tu sais pendant tu grimpes tu es vraiment concentré de pas tomber. Ça te fait quand même peur. C’est pas facile à expliquer, tu as accepté mais tu veux pas. Tu veux encore rester plus long possible, mais dans la tête tu es sûr, tu es déjà passé la vie. C’est quand même un stress énorme.</p>
  715. <p>[…]</p>
  716. <p>Après ça commence vraiment à faire peur, ça revient à la vie tu vois parce que tu sens maintenant oui mais peut-être maintenant je reste en vie mais c’est encore super dangereux. C’est encore loin mais c’est plus la même difficulté que en haut et tu réfléchis beaucoup plus mais tu as plus peur que en haut, parce qu’en haut c’était clair, tu rentres pas, et là maintenant c’est tu veux rentre, c’est possible et ça fait peur.</p>
  717. <p><cite><em>On ne marche qu’une fois sur la Lune</em>, Ueli Steck</cite></p>
  718. </blockquote>
  719. <p>Témoignage poignant d’<a href="https://fr.wikipedia.org/wiki/Ueli_Steck">Ueli</a> sur son ascension de <a href="https://www.youtube.com/watch?v=a7QRecsbdcM">l’Annapurna en solo</a>. Le rapport qu’il a eu <em>volontairement</em> avec la mort est rare avec cette abnégation suivie d’espoir puis de dépression. Je vous laisse trouver <a href="http://www.camptocamp.org/forums/viewtopic.php?id=279584">la version complète en ligne</a> car la retranscription manque d’émotion. Dans une moindre mesure, cela me fait penser à la <em>Dead Zone</em> de l’Everest, un des seuls endroits au monde où la solidarité n’est pas de rigueur.</p>
  720. <p>Si <a href="/david/stream/2015/01/08/">Kilian dépasse les limites physiques</a>, j’ai l’impression qu’Ueli dépasse les limites mentales, entre transcendance de l’instinct de survie et inconscience de la beauté de la vie.</p>
  721. </article>
  722. <article>
  723. <h2><a href="/david/stream/2015/12/05/">Nostalgie embrumée</a> <time>2015-12-05</time></h2>
  724. <p>Je faisais un peu d’archéologie hier soir et je retombe sur un billet qui a 11 ans :</p>
  725. <blockquote>
  726. <p>Ready ? Go ! Dans XX années, vous allumerez votre machine et là, plus de système d’exploitation, uniquement deux champs à remplir : votre serveur distant et votre password. En effet, votre machine ne servira que de passerelle d’accès à votre serveur distant et sera donc très épurée (souris, clavier, lecteur de support numérique), vous aurez juste besoin d’une connexion très haut débit. Arrivé à votre page d’accueil, vous avez accès à vos mails, vos films stockés sur un disque dur distant aussi, vos mp3, vos photos de vacances... tout ce que vous avez actuellement sur votre disque dur sera accessible sur internet et c’est là où les services vont évoluer : vous pourrez stocker vos photos de vacances directement sur le serveur de la fnac qui vous offrira un espace de stockage si vous développez vos photos chez eux, vous aurez un espace de la même nature pour les films, la musique, vos documents persos, etc... après il suffit juste que l’infrastructure de votre serveur principal soit assez puissante pour vous permettre de réaliser toutes les tâches demandées mais a priori vous pourrez les diviser en fonction de leur but : vous demanderez au serveur d’Adobe de se servir de sa puissance de calcul pour retoucher votre photo et ainsi de suite.</p>
  727. <p><cite><em><a href="/david/biologeek/archives/20041001-le-web-arriverait-il-a-maturite/">Le Web arriverait-il à maturité ?</a></em></cite></p>
  728. </blockquote>
  729. <p>Une jolie définition du <em>cloud</em>, ce à quoi Laura répondait :</p>
  730. <blockquote>
  731. <p>Rassure-moi, ta conclusion, c’est une vision d’horreur, pas un espoir enthousiaste? Parce qu’en ce qui me concerne, perdre la maîtrise de mes propres photos, ou textes, ou n’importe quoi d’autre, en être dépouillée pour qu’elles restent entre les mains d’entreprises privées aux intérêts orthogonaux (voire antagonistes) aux miens, c’est tout sauf un rêve...</p>
  732. <p>Un jour, vous serez heureux d’économiser de la place disque chez vous, et le lendemain vous vous retrouverez à devoir <em>louer</em> l’utilisation de ce qui vous appartient légitimement, à courir le risque de le voir confisqué, pris en otage, revendu au plus offrant, utilisé contre votre volonté... Les logiciels sous GPL commencent toujours par une mention de copyright, et ce n’est pas un hasard: je veux être libre, y compris de diffuser gratuitement ce que je crée.</p>
  733. </blockquote>
  734. <p>Puis avec l’optimisme et les convictions de la jeunesse :</p>
  735. <blockquote>
  736. <p>Non Laura, ce n’était pas du tout une vision d’horreur, il faut savoir que la legislation va avancer avec l’informatique et que la confidentialité des données « devrait » être préservée...</p>
  737. <p>En ce qui concerne ta seconde remarque, tu ne loueras pas tes données personnelles mais seulement le support, c’est comme si tu louais ton ordinateur en quelque sorte et que celui-ci était distant.</p>
  738. <p>C’est peut-être une vision optimiste que je propose mais l’avenir nous le dira :-)</p>
  739. </blockquote>
  740. <p>Laura, si tu me lis encore, tu peux sourire. Quelle naïveté, jeune moi :-).</p>
  741. </article>
  742. <article>
  743. <h2><a href="/david/stream/2015/12/04/">Vitesse et standardisation</a> <time>2015-12-04</time></h2>
  744. <blockquote>
  745. <p>I find it interesting that we beat ourselves up because the web isn’t as good as other technologies. That’s always been the case. Turning that frown upside down, you can look at history and see the existence of those things helped the web in the long term. They pointed to what we wanted and didn’t want the web to be able to do. CD-ROMs, Flash, and native can act as the R&amp;D department for the web. “That’s really cool, I really want to be able to do that!” Whether it’s animation in Flash or access to the camera in native. These proprietary, closed systems are missing a lot of what you get on the web, but they come with all of this surface-level, cool stuff. But that’s ok. We can take what we want, discard what we don’t want, and put that into the web.</p>
  746. <p>The catch is the speed at which that happens. It’s never fast enough for developers. Developers complain that the standards process is too slow. Many times, that’s absolutely true. The standards process can be too slow. But you don’t want to rush a lot of this stuff because there are big implications. Once something ships in a browser, it’s there for good. It’s very hard to remove something. You want to make sure you get it right. A lot of the stuff we want to be able to do to get on the same footing as native involves access to device APIs. You definitely want to be able to get that right, for security reasons. You don’t want to make mistakes there. Yes, it’s going to be slower. There are compatibility issues, too. A native platform only needs to work on one platform. The web needs to be able to work everywhere. </p>
  747. <p><cite><em><a href="https://adactio.com/articles/9843">Understanding the Web with Jeremy Keith</a></em> (<a href="/david/cache/4d061ec8e6143420a0d3d41de1861fe8/">cache</a>)</cite></p>
  748. </blockquote>
  749. <p>Cette interview de Jeremy Keith est un petit bijou. À lire et relire pour… comprendre le Web.</p>
  750. </article>
  751. <article>
  752. <h2><a href="/david/stream/2015/12/03/">Confidentialité et faiblesse</a> <time>2015-12-03</time></h2>
  753. <blockquote>
  754. <p>Most users aren’t willing to switch their email address or mail client just because of privacy. It simply isn’t that much of a priority to most users. Much more important are design, ease-of-use, functionality, reliability and performance. You could argue that this is a sad fact of life, but it’s also very understandable. People are very good at assessing their own personal threat models. Now while having all your data scooped up by the NSA sounds terrifying to us techies, most people see little to no immediate threat in that. There are simply more important things to worry about in everyday life like financial security, the health and well-being of your family, walking the dog, or showing off to your friends by posting a recent selfie on facebook. We are after all human beings with real life concerns and data privacy simply isn’t at the top of our list.</p>
  755. <p><cite><em><a href="https://tankredhase.com/2015/12/01/whiteout-post-mortem/">Whiteout Post Mortem </a></em> (<a href="/david/cache/7cb661c2e2293307e71743ddca51a047/">cache</a>)</cite></p>
  756. </blockquote>
  757. <p>C’est malheureusement ce que je peux observer autour de moi également : la confidentialité fait peur mais ne vend pas. Poster des photos sur Facebook : pas de problème, localiser ses tweets : aucun souci, envoyer toutes ses traces numériques dans un ordinateur américain : <em>who cares?</em></p>
  758. <p><strong>La perte de confidentialité est acceptée car celle-ci est considérée comme un bien personnel et non comme un bien commun.</strong> C’est cet individualisme qui fait que l’on manque de recul. La question n’est pas de savoir ce qu’ils vont faire de <em>mes</em> données mais ce qu’ils peuvent faire de <em>nos</em> données, collectivement. Quels <em>patterns</em> de manipulations sont décelables ? Quels passages à l’acte (d’achat) deviennent prévisibles ? Vous n’avez rien à cacher à titre individuel mais c’est la faiblesse de notre humanité que nous avons à cacher ensemble.</p>
  759. </article>
  760. <article>
  761. <h2><a href="/david/stream/2015/12/02/">Remerciements et Open-Source</a> <time>2015-12-02</time></h2>
  762. </article>
  763. <article>
  764. <h2><a href="/david/stream/2015/12/01/">Mots de casse</a> <time>2015-12-01</time></h2>
  765. </article>
  766. <article>
  767. <h2><a href="/david/stream/2015/11/30/">Histoire déconnectée</a> <time>2015-11-30</time></h2>
  768. </article>
  769. <article>
  770. <h2><a href="/david/stream/2015/11/29/">Crowdfunding et coopératives</a> <time>2015-11-29</time></h2>
  771. </article>
  772. <article>
  773. <h2><a href="/david/stream/2015/11/28/">Cadeaux locaux</a> <time>2015-11-28</time></h2>
  774. </article>
  775. <article>
  776. <h2><a href="/david/stream/2015/11/27/">Deux ans</a> <time>2015-11-27</time></h2>
  777. </article>
  778. <article>
  779. <h2><a href="/david/stream/2015/11/26/">Apprentissage et bonheur</a> <time>2015-11-26</time></h2>
  780. </article>
  781. <article>
  782. <h2><a href="/david/stream/2015/11/25/">Pas de favoritisme</a> <time>2015-11-25</time></h2>
  783. </article>
  784. <article>
  785. <h2><a href="/david/stream/2015/11/24/">Service Workers</a> <time>2015-11-24</time></h2>
  786. </article>
  787. <article>
  788. <h2><a href="/david/stream/2015/11/23/">Écriture et régularité</a> <time>2015-11-23</time></h2>
  789. </article>
  790. <article>
  791. <h2><a href="/david/stream/2015/11/22/">Révolte et révolution</a> <time>2015-11-22</time></h2>
  792. </article>
  793. <article>
  794. <h2><a href="/david/stream/2015/11/21/">Sécurité et impression</a> <time>2015-11-21</time></h2>
  795. </article>
  796. <article>
  797. <h2><a href="/david/stream/2015/11/20/">En guerre</a> <time>2015-11-20</time></h2>
  798. </article>
  799. <article>
  800. <h2><a href="/david/stream/2015/11/19/">Partir de zéro</a> <time>2015-11-19</time></h2>
  801. </article>
  802. <article>
  803. <h2><a href="/david/stream/2015/11/18/">Sans JavaScript</a> <time>2015-11-18</time></h2>
  804. </article>
  805. <article>
  806. <h2><a href="/david/stream/2015/11/17/">Minute de silence</a> <time>2015-11-17</time></h2>
  807. </article>
  808. <article>
  809. <h2><a href="/david/stream/2015/11/16/">Archaïsme et gratuité</a> <time>2015-11-16</time></h2>
  810. </article>
  811. <article>
  812. <h2><a href="/david/stream/2015/11/15/">Pourquoi écrire ici ?</a> <time>2015-11-15</time></h2>
  813. </article>
  814. <article>
  815. <h2><a href="/david/stream/2015/11/14/">Sans commentaire</a> <time>2015-11-14</time></h2>
  816. </article>
  817. <article>
  818. <h2><a href="/david/stream/2015/11/13/">Backup et utilité</a> <time>2015-11-13</time></h2>
  819. </article>
  820. <article>
  821. <h2><a href="/david/stream/2015/11/12/">Éthique et design</a> <time>2015-11-12</time></h2>
  822. </article>
  823. <article>
  824. <h2><a href="/david/stream/2015/11/11/">Open-Source et micro-paiement</a> <time>2015-11-11</time></h2>
  825. </article>
  826. <article>
  827. <h2><a href="/david/stream/2015/11/10/">Performances et batteries</a> <time>2015-11-10</time></h2>
  828. </article>
  829. <article>
  830. <h2><a href="/david/stream/2015/11/09/">Sic-tations</a> <time>2015-11-09</time></h2>
  831. </article>
  832. <article>
  833. <h2><a href="/david/stream/2015/11/08/">Blog offline</a> <time>2015-11-08</time></h2>
  834. </article>
  835. <article>
  836. <h2><a href="/david/stream/2015/11/07/">Recherche ouverte</a> <time>2015-11-07</time></h2>
  837. </article>
  838. <article>
  839. <h2><a href="/david/stream/2015/11/06/">Beauté vs. universalité</a> <time>2015-11-06</time></h2>
  840. </article>
  841. <article>
  842. <h2><a href="/david/stream/2015/11/05/">Transmettre l’ennui</a> <time>2015-11-05</time></h2>
  843. </article>
  844. <article>
  845. <h2><a href="/david/stream/2015/11/04/">Décentralisation et politique</a> <time>2015-11-04</time></h2>
  846. </article>
  847. <article>
  848. <h2><a href="/david/stream/2015/11/03/">Renouvellement automatique</a> <time>2015-11-03</time></h2>
  849. </article>
  850. <article>
  851. <h2><a href="/david/stream/2015/11/02/">(Re)construire</a> <time>2015-11-02</time></h2>
  852. </article>
  853. <article>
  854. <h2><a href="/david/stream/2015/11/01/">Capitaliser sur l’apprentissage</a> <time>2015-11-01</time></h2>
  855. </article>
  856. <article>
  857. <h2><a href="/david/stream/2015/10/31/">Être et avoir</a> <time>2015-10-31</time></h2>
  858. </article>
  859. <article>
  860. <h2><a href="/david/stream/2015/10/30/">Crise et évolution</a> <time>2015-10-30</time></h2>
  861. </article>
  862. <article>
  863. <h2><a href="/david/stream/2015/10/29/">Culture et jugement</a> <time>2015-10-29</time></h2>
  864. </article>
  865. <article>
  866. <h2><a href="/david/stream/2015/10/28/">Ambiance musicale</a> <time>2015-10-28</time></h2>
  867. </article>
  868. <article>
  869. <h2><a href="/david/stream/2015/10/27/">Création d’un livre web</a> <time>2015-10-27</time></h2>
  870. </article>
  871. <article>
  872. <h2><a href="/david/stream/2015/10/26/">Vous êtes le travailleur</a> <time>2015-10-26</time></h2>
  873. </article>
  874. <article>
  875. <h2><a href="/david/stream/2015/10/25/">Respect du numérique</a> <time>2015-10-25</time></h2>
  876. </article>
  877. <article>
  878. <h2><a href="/david/stream/2015/10/24/">Sublime tristesse</a> <time>2015-10-24</time></h2>
  879. </article>
  880. <article>
  881. <h2><a href="/david/stream/2015/10/23/">Convention over comprehension</a> <time>2015-10-23</time></h2>
  882. </article>
  883. <article>
  884. <h2><a href="/david/stream/2015/10/22/">Hébergement communautaire</a> <time>2015-10-22</time></h2>
  885. </article>
  886. <article>
  887. <h2><a href="/david/stream/2015/10/21/">Journalisme et Web</a> <time>2015-10-21</time></h2>
  888. </article>
  889. <article>
  890. <h2><a href="/david/stream/2015/10/20/">POSSEssion et dignité</a> <time>2015-10-20</time></h2>
  891. </article>
  892. <article>
  893. <h2><a href="/david/stream/2015/10/19/">Bonjour Confoo</a> <time>2015-10-19</time></h2>
  894. </article>
  895. <article>
  896. <h2><a href="/david/stream/2015/10/18/">Cœur de père</a> <time>2015-10-18</time></h2>
  897. </article>
  898. <article>
  899. <h2><a href="/david/stream/2015/10/17/">Startup, vente et fiscalité</a> <time>2015-10-17</time></h2>
  900. </article>
  901. <article>
  902. <h2><a href="/david/stream/2015/10/16/">GPG et QR-Code</a> <time>2015-10-16</time></h2>
  903. </article>
  904. <article>
  905. <h2><a href="/david/stream/2015/10/15/">Hypocrite faiblesse</a> <time>2015-10-15</time></h2>
  906. </article>
  907. <article>
  908. <h2><a href="/david/stream/2015/10/14/">Sophistication et perfection</a> <time>2015-10-14</time></h2>
  909. </article>
  910. <article>
  911. <h2><a href="/david/stream/2015/10/13/">Hypermedia à la demande</a> <time>2015-10-13</time></h2>
  912. </article>
  913. <article>
  914. <h2><a href="/david/stream/2015/10/12/">DNS et confiance</a> <time>2015-10-12</time></h2>
  915. </article>
  916. <article>
  917. <h2><a href="/david/stream/2015/10/11/">Performances Web</a> <time>2015-10-11</time></h2>
  918. </article>
  919. <article>
  920. <h2><a href="/david/stream/2015/10/10/">(In)dépendance affective</a> <time>2015-10-10</time></h2>
  921. </article>
  922. <article>
  923. <h2><a href="/david/stream/2015/10/09/">Implémentation et Safe Harbor</a> <time>2015-10-09</time></h2>
  924. </article>
  925. <article>
  926. <h2><a href="/david/stream/2015/10/08/">Productivité et folklore</a> <time>2015-10-08</time></h2>
  927. </article>
  928. <article>
  929. <h2><a href="/david/stream/2015/10/07/">Core-stack developer</a> <time>2015-10-07</time></h2>
  930. </article>
  931. <article>
  932. <h2><a href="/david/stream/2015/10/06/">Aveux d’incompétence</a> <time>2015-10-06</time></h2>
  933. </article>
  934. <article>
  935. <h2><a href="/david/stream/2015/10/05/">Design de soi</a> <time>2015-10-05</time></h2>
  936. </article>
  937. <article>
  938. <h2><a href="/david/stream/2015/10/04/">Domaines et pérennité</a> <time>2015-10-04</time></h2>
  939. </article>
  940. <article>
  941. <h2><a href="/david/stream/2015/10/03/">Femmes et rémunération</a> <time>2015-10-03</time></h2>
  942. </article>
  943. <article>
  944. <h2><a href="/david/stream/2015/10/02/">Manche numérique</a> <time>2015-10-02</time></h2>
  945. </article>
  946. <article>
  947. <h2><a href="/david/stream/2015/10/01/">Vieux développeurs</a> <time>2015-10-01</time></h2>
  948. </article>
  949. <article>
  950. <h2><a href="/david/stream/2015/09/30/">Partage #sportembre</a> <time>2015-09-30</time></h2>
  951. </article>
  952. <article>
  953. <h2><a href="/david/stream/2015/09/29/">Plaisir #sportembre</a> <time>2015-09-29</time></h2>
  954. </article>
  955. <article>
  956. <h2><a href="/david/stream/2015/09/28/">Compétition #sportembre</a> <time>2015-09-28</time></h2>
  957. </article>
  958. <article>
  959. <h2><a href="/david/stream/2015/09/27/">Stress #sportembre</a> <time>2015-09-27</time></h2>
  960. </article>
  961. <article>
  962. <h2><a href="/david/stream/2015/09/26/">Coach #sportembre</a> <time>2015-09-26</time></h2>
  963. </article>
  964. <article>
  965. <h2><a href="/david/stream/2015/09/25/">Perfectionnement #sportembre</a> <time>2015-09-25</time></h2>
  966. </article>
  967. <article>
  968. <h2><a href="/david/stream/2015/09/24/">Muscutile #sportembre</a> <time>2015-09-24</time></h2>
  969. </article>
  970. <article>
  971. <h2><a href="/david/stream/2015/09/23/">Mesure #sportembre</a> <time>2015-09-23</time></h2>
  972. </article>
  973. <article>
  974. <h2><a href="/david/stream/2015/09/22/">Postures #sportembre</a> <time>2015-09-22</time></h2>
  975. </article>
  976. <article>
  977. <h2><a href="/david/stream/2015/09/21/">Mécanique #sportembre</a> <time>2015-09-21</time></h2>
  978. </article>
  979. <article>
  980. <h2><a href="/david/stream/2015/09/20/">Alimentation #sportembre</a> <time>2015-09-20</time></h2>
  981. </article>
  982. <article>
  983. <h2><a href="/david/stream/2015/09/19/">Équipement #sportembre</a> <time>2015-09-19</time></h2>
  984. </article>
  985. <article>
  986. <h2><a href="/david/stream/2015/09/18/">Affutage #sportembre</a> <time>2015-09-18</time></h2>
  987. </article>
  988. <article>
  989. <h2><a href="/david/stream/2015/09/17/">Distance #sportembre</a> <time>2015-09-17</time></h2>
  990. </article>
  991. <article>
  992. <h2><a href="/david/stream/2015/09/16/">Programme #sportembre</a> <time>2015-09-16</time></h2>
  993. </article>
  994. <article>
  995. <h2><a href="/david/stream/2015/09/15/">Auto-massage #sportembre</a> <time>2015-09-15</time></h2>
  996. </article>
  997. <article>
  998. <h2><a href="/david/stream/2015/09/14/">Pic de forme #sportembre</a> <time>2015-09-14</time></h2>
  999. </article>
  1000. <article>
  1001. <h2><a href="/david/stream/2015/09/13/">Itinéraires bis #sportembre</a> <time>2015-09-13</time></h2>
  1002. </article>
  1003. <article>
  1004. <h2><a href="/david/stream/2015/09/12/">MoustiCoach #sportembre</a> <time>2015-09-12</time></h2>
  1005. </article>
  1006. <article>
  1007. <h2><a href="/david/stream/2015/09/11/">Glisser #sportembre</a> <time>2015-09-11</time></h2>
  1008. </article>
  1009. <article>
  1010. <h2><a href="/david/stream/2015/09/10/">Itinéraires #sportembre</a> <time>2015-09-10</time></h2>
  1011. </article>
  1012. <article>
  1013. <h2><a href="/david/stream/2015/09/09/">Compression #sportembre</a> <time>2015-09-09</time></h2>
  1014. </article>
  1015. <article>
  1016. <h2><a href="/david/stream/2015/09/08/">Gel énergétique #sportembre</a> <time>2015-09-08</time></h2>
  1017. </article>
  1018. <article>
  1019. <h2><a href="/david/stream/2015/09/07/">Rondeur #sportembre</a> <time>2015-09-07</time></h2>
  1020. </article>
  1021. <article>
  1022. <h2><a href="/david/stream/2015/09/06/">Blessure #sportembre</a> <time>2015-09-06</time></h2>
  1023. </article>
  1024. <article>
  1025. <h2><a href="/david/stream/2015/09/05/">Qualité #sportembre</a> <time>2015-09-05</time></h2>
  1026. </article>
  1027. <article>
  1028. <h2><a href="/david/stream/2015/09/04/">Limites #sportembre</a> <time>2015-09-04</time></h2>
  1029. </article>
  1030. <article>
  1031. <h2><a href="/david/stream/2015/09/03/">Récupération #sportembre</a> <time>2015-09-03</time></h2>
  1032. </article>
  1033. <article>
  1034. <h2><a href="/david/stream/2015/09/02/">Cadence #sportembre</a> <time>2015-09-02</time></h2>
  1035. </article>
  1036. <article>
  1037. <h2><a href="/david/stream/2015/09/01/">Motivation #sportembre</a> <time>2015-09-01</time></h2>
  1038. </article>
  1039. <article>
  1040. <h2><a href="/david/stream/2015/08/31/">Être develop-père</a> <time>2015-08-31</time></h2>
  1041. </article>
  1042. <article>
  1043. <h2><a href="/david/stream/2015/08/30/">Holacratie et rôles</a> <time>2015-08-30</time></h2>
  1044. </article>
  1045. <article>
  1046. <h2><a href="/david/stream/2015/08/29/">Navigation au zoom</a> <time>2015-08-29</time></h2>
  1047. </article>
  1048. <article>
  1049. <h2><a href="/david/stream/2015/08/28/">Économie de service</a> <time>2015-08-28</time></h2>
  1050. </article>
  1051. <article>
  1052. <h2><a href="/david/stream/2015/08/27/">Interlettrage et typographie</a> <time>2015-08-27</time></h2>
  1053. </article>
  1054. <article>
  1055. <h2><a href="/david/stream/2015/08/26/">Code et couleurs</a> <time>2015-08-26</time></h2>
  1056. </article>
  1057. <article>
  1058. <h2><a href="/david/stream/2015/08/25/">API et génome</a> <time>2015-08-25</time></h2>
  1059. </article>
  1060. <article>
  1061. <h2><a href="/david/stream/2015/08/24/">Itération de retrait</a> <time>2015-08-24</time></h2>
  1062. </article>
  1063. <article>
  1064. <h2><a href="/david/stream/2015/08/23/">Mont Ventoux</a> <time>2015-08-23</time></h2>
  1065. </article>
  1066. <article>
  1067. <h2><a href="/david/stream/2015/08/22/">Agile convergeant ou divergeant ?</a> <time>2015-08-22</time></h2>
  1068. </article>
  1069. <article>
  1070. <h2><a href="/david/stream/2015/08/21/">Écrire pour des humains</a> <time>2015-08-21</time></h2>
  1071. </article>
  1072. <article>
  1073. <h2><a href="/david/stream/2015/08/20/">Continuité de lecture</a> <time>2015-08-20</time></h2>
  1074. </article>
  1075. <article>
  1076. <h2><a href="/david/stream/2015/08/19/">Pas le temps</a> <time>2015-08-19</time></h2>
  1077. </article>
  1078. <article>
  1079. <h2><a href="/david/stream/2015/08/18/">Observation as a Teacher</a> <time>2015-08-18</time></h2>
  1080. </article>
  1081. <article>
  1082. <h2><a href="/david/stream/2015/08/17/">Performances site</a> <time>2015-08-17</time></h2>
  1083. </article>
  1084. <article>
  1085. <h2><a href="/david/stream/2015/08/16/">True Detective</a> <time>2015-08-16</time></h2>
  1086. </article>
  1087. <article>
  1088. <h2><a href="/david/stream/2015/08/15/">Le marché</a> <time>2015-08-15</time></h2>
  1089. </article>
  1090. <article>
  1091. <h2><a href="/david/stream/2015/08/14/">Endormissement au volant</a> <time>2015-08-14</time></h2>
  1092. </article>
  1093. <article>
  1094. <h2><a href="/david/stream/2015/08/13/">Moto</a> <time>2015-08-13</time></h2>
  1095. </article>
  1096. <article>
  1097. <h2><a href="/david/stream/2015/08/12/">Différentes éducations</a> <time>2015-08-12</time></h2>
  1098. </article>
  1099. <article>
  1100. <h2><a href="/david/stream/2015/08/11/">Traumatismes de l’enfance</a> <time>2015-08-11</time></h2>
  1101. </article>
  1102. <article>
  1103. <h2><a href="/david/stream/2015/08/10/">Courbe touristique</a> <time>2015-08-10</time></h2>
  1104. </article>
  1105. <article>
  1106. <h2><a href="/david/stream/2015/08/09/">Tests cycliniques</a> <time>2015-08-09</time></h2>
  1107. </article>
  1108. <article>
  1109. <h2><a href="/david/stream/2015/08/08/">Routes et chemins</a> <time>2015-08-08</time></h2>
  1110. </article>
  1111. <article>
  1112. <h2><a href="/david/stream/2015/08/07/">Itinéraire de vélo de course</a> <time>2015-08-07</time></h2>
  1113. </article>
  1114. <article>
  1115. <h2><a href="/david/stream/2015/08/06/">Transmission et ressenti</a> <time>2015-08-06</time></h2>
  1116. </article>
  1117. <article>
  1118. <h2><a href="/david/stream/2015/08/05/">Comparaison illusoire</a> <time>2015-08-05</time></h2>
  1119. </article>
  1120. <article>
  1121. <h2><a href="/david/stream/2015/08/04/">Ressources et productivité</a> <time>2015-08-04</time></h2>
  1122. </article>
  1123. <article>
  1124. <h2><a href="/david/stream/2015/08/03/">Sprint d’intégration</a> <time>2015-08-03</time></h2>
  1125. </article>
  1126. <article>
  1127. <h2><a href="/david/stream/2015/08/02/">Culpabilité et exclusivité</a> <time>2015-08-02</time></h2>
  1128. </article>
  1129. <article>
  1130. <h2><a href="/david/stream/2015/08/01/">Échappatoire numérique</a> <time>2015-08-01</time></h2>
  1131. </article>
  1132. <article>
  1133. <h2><a href="/david/stream/2015/07/31/">Frein à la participation</a> <time>2015-07-31</time></h2>
  1134. </article>
  1135. <article>
  1136. <h2><a href="/david/stream/2015/07/30/">Technologies et communication</a> <time>2015-07-30</time></h2>
  1137. </article>
  1138. <article>
  1139. <h2><a href="/david/stream/2015/07/29/">Langues et religions</a> <time>2015-07-29</time></h2>
  1140. </article>
  1141. <article>
  1142. <h2><a href="/david/stream/2015/07/28/">Réduire les coûts</a> <time>2015-07-28</time></h2>
  1143. </article>
  1144. <article>
  1145. <h2><a href="/david/stream/2015/07/27/">Formes d’apprentissage</a> <time>2015-07-27</time></h2>
  1146. </article>
  1147. <article>
  1148. <h2><a href="/david/stream/2015/07/26/">Course technologique</a> <time>2015-07-26</time></h2>
  1149. </article>
  1150. <article>
  1151. <h2><a href="/david/stream/2015/07/25/">Stigmergie et traces</a> <time>2015-07-25</time></h2>
  1152. </article>
  1153. <article>
  1154. <h2><a href="/david/stream/2015/07/24/">Initiatives citoyennes</a> <time>2015-07-24</time></h2>
  1155. </article>
  1156. <article>
  1157. <h2><a href="/david/stream/2015/07/23/">Engagement citoyen</a> <time>2015-07-23</time></h2>
  1158. </article>
  1159. <article>
  1160. <h2><a href="/david/stream/2015/07/22/">Objectifs et Open-Source</a> <time>2015-07-22</time></h2>
  1161. </article>
  1162. <article>
  1163. <h2><a href="/david/stream/2015/07/21/">La famille Chedid</a> <time>2015-07-21</time></h2>
  1164. </article>
  1165. <article>
  1166. <h2><a href="/david/stream/2015/07/20/">TLS et vie privée</a> <time>2015-07-20</time></h2>
  1167. </article>
  1168. <article>
  1169. <h2><a href="/david/stream/2015/07/19/">Nouvelle machine</a> <time>2015-07-19</time></h2>
  1170. </article>
  1171. <article>
  1172. <h2><a href="/david/stream/2015/07/18/">Écriture et longueur</a> <time>2015-07-18</time></h2>
  1173. </article>
  1174. <article>
  1175. <h2><a href="/david/stream/2015/07/17/">Python, React et dashboards</a> <time>2015-07-17</time></h2>
  1176. </article>
  1177. <article>
  1178. <h2><a href="/david/stream/2015/07/16/">GraphQL et REST</a> <time>2015-07-16</time></h2>
  1179. </article>
  1180. <article>
  1181. <h2><a href="/david/stream/2015/07/15/">Headers et sécurité (2)</a> <time>2015-07-15</time></h2>
  1182. </article>
  1183. <article>
  1184. <h2><a href="/david/stream/2015/07/14/">Headers et sécurité</a> <time>2015-07-14</time></h2>
  1185. </article>
  1186. <article>
  1187. <h2><a href="/david/stream/2015/07/13/">Truck factor</a> <time>2015-07-13</time></h2>
  1188. </article>
  1189. <article>
  1190. <h2><a href="/david/stream/2015/07/12/">Communs et coopératives</a> <time>2015-07-12</time></h2>
  1191. </article>
  1192. <article>
  1193. <h2><a href="/david/stream/2015/07/11/">Recette de mini-moelleux</a> <time>2015-07-11</time></h2>
  1194. </article>
  1195. <article>
  1196. <h2><a href="/david/stream/2015/07/10/">Sans mot de passe</a> <time>2015-07-10</time></h2>
  1197. </article>
  1198. <article>
  1199. <h2><a href="/david/stream/2015/07/09/">Suivi de projet</a> <time>2015-07-09</time></h2>
  1200. </article>
  1201. <article>
  1202. <h2><a href="/david/stream/2015/07/08/">Ressources internes</a> <time>2015-07-08</time></h2>
  1203. </article>
  1204. <article>
  1205. <h2><a href="/david/stream/2015/07/07/">Partage vs. système D</a> <time>2015-07-07</time></h2>
  1206. </article>
  1207. <article>
  1208. <h2><a href="/david/stream/2015/07/06/">Python et tortues</a> <time>2015-07-06</time></h2>
  1209. </article>
  1210. <article>
  1211. <h2><a href="/david/stream/2015/07/05/">Rencontres de Lure</a> <time>2015-07-05</time></h2>
  1212. </article>
  1213. <article>
  1214. <h2><a href="/david/stream/2015/07/04/">Respect des droits</a> <time>2015-07-04</time></h2>
  1215. </article>
  1216. <article>
  1217. <h2><a href="/david/stream/2015/07/03/">Expérience utilisateur</a> <time>2015-07-03</time></h2>
  1218. </article>
  1219. <article>
  1220. <h2><a href="/david/stream/2015/07/02/">Métadonnées et stockage</a> <time>2015-07-02</time></h2>
  1221. </article>
  1222. <article>
  1223. <h2><a href="/david/stream/2015/07/01/">Sans serveur</a> <time>2015-07-01</time></h2>
  1224. </article>
  1225. <article>
  1226. <h2><a href="/david/stream/2015/06/30/">Routine d’écriture</a> <time>2015-06-30</time></h2>
  1227. </article>
  1228. <article>
  1229. <h2><a href="/david/stream/2015/06/29/">Paiement de vacataire</a> <time>2015-06-29</time></h2>
  1230. </article>
  1231. <article>
  1232. <h2><a href="/david/stream/2015/06/28/">Co-production et pair à pair</a> <time>2015-06-28</time></h2>
  1233. </article>
  1234. <article>
  1235. <h2><a href="/david/stream/2015/06/27/">Sport et exercice</a> <time>2015-06-27</time></h2>
  1236. </article>
  1237. <article>
  1238. <h2><a href="/david/stream/2015/06/26/">Startups et toxicités</a> <time>2015-06-26</time></h2>
  1239. </article>
  1240. <article>
  1241. <h2><a href="/david/stream/2015/06/25/">CSS et architecture</a> <time>2015-06-25</time></h2>
  1242. </article>
  1243. <article>
  1244. <h2><a href="/david/stream/2015/06/24/">Web pour végétariens</a> <time>2015-06-24</time></h2>
  1245. </article>
  1246. <article>
  1247. <h2><a href="/david/stream/2015/06/23/">Tribu vs. leader</a> <time>2015-06-23</time></h2>
  1248. </article>
  1249. <article>
  1250. <h2><a href="/david/stream/2015/06/22/">Détox numérique</a> <time>2015-06-22</time></h2>
  1251. </article>
  1252. <article>
  1253. <h2><a href="/david/stream/2015/06/21/">Complexifier le Web</a> <time>2015-06-21</time></h2>
  1254. </article>
  1255. <article>
  1256. <h2><a href="/david/stream/2015/06/20/">Vidéo-projecteur et code</a> <time>2015-06-20</time></h2>
  1257. </article>
  1258. <article>
  1259. <h2><a href="/david/stream/2015/06/19/">Les premiers pas</a> <time>2015-06-19</time></h2>
  1260. </article>
  1261. <article>
  1262. <h2><a href="/david/stream/2015/06/18/">Crise de conscience</a> <time>2015-06-18</time></h2>
  1263. </article>
  1264. <article>
  1265. <h2><a href="/david/stream/2015/06/17/">Keynes et la solution économique</a> <time>2015-06-17</time></h2>
  1266. </article>
  1267. <article>
  1268. <h2><a href="/david/stream/2015/06/16/">Disneyland au quotidien</a> <time>2015-06-16</time></h2>
  1269. </article>
  1270. <article>
  1271. <h2><a href="/david/stream/2015/06/15/">Tests et spécifications</a> <time>2015-06-15</time></h2>
  1272. </article>
  1273. <article>
  1274. <h2><a href="/david/stream/2015/06/14/">Apprentissage et réalisation</a> <time>2015-06-14</time></h2>
  1275. </article>
  1276. <article>
  1277. <h2><a href="/david/stream/2015/06/13/">Communiquer par accident</a> <time>2015-06-13</time></h2>
  1278. </article>
  1279. <article>
  1280. <h2><a href="/david/stream/2015/06/12/">Eat your own mobile food</a> <time>2015-06-12</time></h2>
  1281. </article>
  1282. <article>
  1283. <h2><a href="/david/stream/2015/06/11/">Web components et navigateurs</a> <time>2015-06-11</time></h2>
  1284. </article>
  1285. <article>
  1286. <h2><a href="/david/stream/2015/06/10/">Futur et industrialisation</a> <time>2015-06-10</time></h2>
  1287. </article>
  1288. <article>
  1289. <h2><a href="/david/stream/2015/06/09/">Ergonomie et boutons</a> <time>2015-06-09</time></h2>
  1290. </article>
  1291. <article>
  1292. <h2><a href="/david/stream/2015/06/08/">Chère Daria,</a> <time>2015-06-08</time></h2>
  1293. </article>
  1294. <article>
  1295. <h2><a href="/david/stream/2015/06/07/">HTML 6 et Web Components</a> <time>2015-06-07</time></h2>
  1296. </article>
  1297. <article>
  1298. <h2><a href="/david/stream/2015/06/06/">Développeur et évolution</a> <time>2015-06-06</time></h2>
  1299. </article>
  1300. <article>
  1301. <h2><a href="/david/stream/2015/06/05/">Introverti</a> <time>2015-06-05</time></h2>
  1302. </article>
  1303. <article>
  1304. <h2><a href="/david/stream/2015/06/04/">Jour de lag</a> <time>2015-06-04</time></h2>
  1305. </article>
  1306. <article>
  1307. <h2><a href="/david/stream/2015/06/03/">Signature et chiffrement</a> <time>2015-06-03</time></h2>
  1308. </article>
  1309. <article>
  1310. <h2><a href="/david/stream/2015/06/02/">Web et capitalisme</a> <time>2015-06-02</time></h2>
  1311. </article>
  1312. <article>
  1313. <h2><a href="/david/stream/2015/06/01/">Annuaires PGP</a> <time>2015-06-01</time></h2>
  1314. </article>
  1315. <article>
  1316. <h2><a href="/david/stream/2015/05/31/">Décentralisation et taille critique</a> <time>2015-05-31</time></h2>
  1317. </article>
  1318. <article>
  1319. <h2><a href="/david/stream/2015/05/30/">Je suis SudWeb</a> <time>2015-05-30</time></h2>
  1320. </article>
  1321. <article>
  1322. <h2><a href="/david/stream/2015/05/29/">Airbnb et intimité</a> <time>2015-05-29</time></h2>
  1323. </article>
  1324. <article>
  1325. <h2><a href="/david/stream/2015/05/28/">Dirigé par le blog</a> <time>2015-05-28</time></h2>
  1326. </article>
  1327. <article>
  1328. <h2><a href="/david/stream/2015/05/27/">Reprenez le contrôle</a> <time>2015-05-27</time></h2>
  1329. </article>
  1330. <article>
  1331. <h2><a href="/david/stream/2015/05/26/">Web Components et développement</a> <time>2015-05-26</time></h2>
  1332. </article>
  1333. <article>
  1334. <h2><a href="/david/stream/2015/05/25/">Échec et informatique</a> <time>2015-05-25</time></h2>
  1335. </article>
  1336. <article>
  1337. <h2><a href="/david/stream/2015/05/24/">Écosystèmes fermés</a> <time>2015-05-24</time></h2>
  1338. </article>
  1339. <article>
  1340. <h2><a href="/david/stream/2015/05/23/">Systématique et pragmatique</a> <time>2015-05-23</time></h2>
  1341. </article>
  1342. <article>
  1343. <h2><a href="/david/stream/2015/05/22/">Stratégie de publication</a> <time>2015-05-22</time></h2>
  1344. </article>
  1345. <article>
  1346. <h2><a href="/david/stream/2015/05/21/">Performances et proxy</a> <time>2015-05-21</time></h2>
  1347. </article>
  1348. <article>
  1349. <h2><a href="/david/stream/2015/05/20/">Python et cache</a> <time>2015-05-20</time></h2>
  1350. </article>
  1351. <article>
  1352. <h2><a href="/david/stream/2015/05/19/">Dunbar et méritocratie</a> <time>2015-05-19</time></h2>
  1353. </article>
  1354. <article>
  1355. <h2><a href="/david/stream/2015/05/18/">Retrouver l’espoir</a> <time>2015-05-18</time></h2>
  1356. </article>
  1357. <article>
  1358. <h2><a href="/david/stream/2015/05/17/">Élites et verticalisation</a> <time>2015-05-17</time></h2>
  1359. </article>
  1360. <article>
  1361. <h2><a href="/david/stream/2015/05/16/">No stack et dépendance</a> <time>2015-05-16</time></h2>
  1362. </article>
  1363. <article>
  1364. <h2><a href="/david/stream/2015/05/15/">Privilège et déconnexion</a> <time>2015-05-15</time></h2>
  1365. </article>
  1366. <article>
  1367. <h2><a href="/david/stream/2015/05/14/">Réinstaller de zéro</a> <time>2015-05-14</time></h2>
  1368. </article>
  1369. <article>
  1370. <h2><a href="/david/stream/2015/05/13/">Course au CPU</a> <time>2015-05-13</time></h2>
  1371. </article>
  1372. <article>
  1373. <h2><a href="/david/stream/2015/05/12/">Travail et numérique</a> <time>2015-05-12</time></h2>
  1374. </article>
  1375. <article>
  1376. <h2><a href="/david/stream/2015/05/11/">Web sémantique et obfuscation</a> <time>2015-05-11</time></h2>
  1377. </article>
  1378. <article>
  1379. <h2><a href="/david/stream/2015/05/10/">Leçons apprises</a> <time>2015-05-10</time></h2>
  1380. </article>
  1381. <article>
  1382. <h2><a href="/david/stream/2015/05/09/">REST et complexité</a> <time>2015-05-09</time></h2>
  1383. </article>
  1384. <article>
  1385. <h2><a href="/david/stream/2015/05/08/">L’appel du code</a> <time>2015-05-08</time></h2>
  1386. </article>
  1387. <article>
  1388. <h2><a href="/david/stream/2015/05/07/">Typographie Web</a> <time>2015-05-07</time></h2>
  1389. </article>
  1390. <article>
  1391. <h2><a href="/david/stream/2015/05/06/">Profiter de ses libertés</a> <time>2015-05-06</time></h2>
  1392. </article>
  1393. <article>
  1394. <h2><a href="/david/stream/2015/05/05/">Légalité des canaris</a> <time>2015-05-05</time></h2>
  1395. </article>
  1396. <article>
  1397. <h2><a href="/david/stream/2015/05/04/">Pérennité et traçabilité</a> <time>2015-05-04</time></h2>
  1398. </article>
  1399. <article>
  1400. <h2><a href="/david/stream/2015/05/03/">CDN et juridiction</a> <time>2015-05-03</time></h2>
  1401. </article>
  1402. <article>
  1403. <h2><a href="/david/stream/2015/05/02/">Marketing Apple</a> <time>2015-05-02</time></h2>
  1404. </article>
  1405. <article>
  1406. <h2><a href="/david/stream/2015/05/01/">Stockage décentralisé</a> <time>2015-05-01</time></h2>
  1407. </article>
  1408. <article>
  1409. <h2><a href="/david/stream/2015/04/30/">Web components et fun</a> <time>2015-04-30</time></h2>
  1410. </article>
  1411. <article>
  1412. <h2><a href="/david/stream/2015/04/29/">Ouverture</a> <time>2015-04-29</time></h2>
  1413. </article>
  1414. <article>
  1415. <h2><a href="/david/stream/2015/04/28/">Bonjour Data</a> <time>2015-04-28</time></h2>
  1416. </article>
  1417. <article>
  1418. <h2><a href="/david/stream/2015/04/27/">Mission Etalab</a> <time>2015-04-27</time></h2>
  1419. </article>
  1420. <article>
  1421. <h2><a href="/david/stream/2015/04/26/">JavaScript ubiquitaire</a> <time>2015-04-26</time></h2>
  1422. </article>
  1423. <article>
  1424. <h2><a href="/david/stream/2015/04/25/">Masquer les images</a> <time>2015-04-25</time></h2>
  1425. </article>
  1426. <article>
  1427. <h2><a href="/david/stream/2015/04/24/">OpenData et fichiers Excel</a> <time>2015-04-24</time></h2>
  1428. </article>
  1429. <article>
  1430. <h2><a href="/david/stream/2015/04/23/">Choisir une technologie</a> <time>2015-04-23</time></h2>
  1431. </article>
  1432. <article>
  1433. <h2><a href="/david/stream/2015/04/22/">Vérifier, valider et expliquer</a> <time>2015-04-22</time></h2>
  1434. </article>
  1435. <article>
  1436. <h2><a href="/david/stream/2015/04/21/">Bitbucket et CNAME</a> <time>2015-04-21</time></h2>
  1437. </article>
  1438. <article>
  1439. <h2><a href="/david/stream/2015/04/20/">ABC de l’apprentissage</a> <time>2015-04-20</time></h2>
  1440. </article>
  1441. <article>
  1442. <h2><a href="/david/stream/2015/04/19/">Communauté et popularité</a> <time>2015-04-19</time></h2>
  1443. </article>
  1444. <article>
  1445. <h2><a href="/david/stream/2015/04/18/">JavaScript déclaratif</a> <time>2015-04-18</time></h2>
  1446. </article>
  1447. <article>
  1448. <h2><a href="/david/stream/2015/04/17/">Archives et JavaScript</a> <time>2015-04-17</time></h2>
  1449. </article>
  1450. <article>
  1451. <h2><a href="/david/stream/2015/04/16/">Renseignement et archives</a> <time>2015-04-16</time></h2>
  1452. </article>
  1453. <article>
  1454. <h2><a href="/david/stream/2015/04/15/">Community agent</a> <time>2015-04-15</time></h2>
  1455. </article>
  1456. <article>
  1457. <h2><a href="/david/stream/2015/04/14/">Règles de programmation web</a> <time>2015-04-14</time></h2>
  1458. </article>
  1459. <article>
  1460. <h2><a href="/david/stream/2015/04/13/">Feedback écrit</a> <time>2015-04-13</time></h2>
  1461. </article>
  1462. <article>
  1463. <h2><a href="/david/stream/2015/04/12/">Timeline heureuse</a> <time>2015-04-12</time></h2>
  1464. </article>
  1465. <article>
  1466. <h2><a href="/david/stream/2015/04/11/">Tiers-lieux et valeur</a> <time>2015-04-11</time></h2>
  1467. </article>
  1468. <article>
  1469. <h2><a href="/david/stream/2015/04/10/">Évolution du travail</a> <time>2015-04-10</time></h2>
  1470. </article>
  1471. <article>
  1472. <h2><a href="/david/stream/2015/04/09/">Microservices et culture</a> <time>2015-04-09</time></h2>
  1473. </article>
  1474. <article>
  1475. <h2><a href="/david/stream/2015/04/08/">Microservices et API</a> <time>2015-04-08</time></h2>
  1476. </article>
  1477. <article>
  1478. <h2><a href="/david/stream/2015/04/07/">Réalité déformée</a> <time>2015-04-07</time></h2>
  1479. </article>
  1480. <article>
  1481. <h2><a href="/david/stream/2015/04/06/">Concurrence attentionnelle</a> <time>2015-04-06</time></h2>
  1482. </article>
  1483. <article>
  1484. <h2><a href="/david/stream/2015/04/05/">Adapter le LEAN Canvas</a> <time>2015-04-05</time></h2>
  1485. </article>
  1486. <article>
  1487. <h2><a href="/david/stream/2015/04/04/">Scroll et narration</a> <time>2015-04-04</time></h2>
  1488. </article>
  1489. <article>
  1490. <h2><a href="/david/stream/2015/04/03/">API non REST(ful)</a> <time>2015-04-03</time></h2>
  1491. </article>
  1492. <article>
  1493. <h2><a href="/david/stream/2015/04/02/">Publication statique</a> <time>2015-04-02</time></h2>
  1494. </article>
  1495. <article>
  1496. <h2><a href="/david/stream/2015/04/01/">Basé sur une histoire vraie</a> <time>2015-04-01</time></h2>
  1497. </article>
  1498. <article>
  1499. <h2><a href="/david/stream/2015/03/31/">Radars de développement</a> <time>2015-03-31</time></h2>
  1500. </article>
  1501. <article>
  1502. <h2><a href="/david/stream/2015/03/30/">API et valeur</a> <time>2015-03-30</time></h2>
  1503. </article>
  1504. <article>
  1505. <h2><a href="/david/stream/2015/03/29/">Origine arobase</a> <time>2015-03-29</time></h2>
  1506. </article>
  1507. <article>
  1508. <h2><a href="/david/stream/2015/03/28/">Icônes et texte</a> <time>2015-03-28</time></h2>
  1509. </article>
  1510. <article>
  1511. <h2><a href="/david/stream/2015/03/27/">Design et temps</a> <time>2015-03-27</time></h2>
  1512. </article>
  1513. <article>
  1514. <h2><a href="/david/stream/2015/03/26/">Lean Canvas et présentation</a> <time>2015-03-26</time></h2>
  1515. </article>
  1516. <article>
  1517. <h2><a href="/david/stream/2015/03/25/">Slack et IRC</a> <time>2015-03-25</time></h2>
  1518. </article>
  1519. <article>
  1520. <h2><a href="/david/stream/2015/03/24/">Medium et pizzas</a> <time>2015-03-24</time></h2>
  1521. </article>
  1522. <article>
  1523. <h2><a href="/david/stream/2015/03/23/">Chère donnée</a> <time>2015-03-23</time></h2>
  1524. </article>
  1525. <article>
  1526. <h2><a href="/david/stream/2015/03/22/">Lien espace temps</a> <time>2015-03-22</time></h2>
  1527. </article>
  1528. <article>
  1529. <h2><a href="/david/stream/2015/03/21/">Avenir hasardeux</a> <time>2015-03-21</time></h2>
  1530. </article>
  1531. <article>
  1532. <h2><a href="/david/stream/2015/03/20/">Notaires des données</a> <time>2015-03-20</time></h2>
  1533. </article>
  1534. <article>
  1535. <h2><a href="/david/stream/2015/03/19/">Spam et Twitter</a> <time>2015-03-19</time></h2>
  1536. </article>
  1537. <article>
  1538. <h2><a href="/david/stream/2015/03/18/">Qualité et tabou</a> <time>2015-03-18</time></h2>
  1539. </article>
  1540. <article>
  1541. <h2><a href="/david/stream/2015/03/17/">Medium décentralisé</a> <time>2015-03-17</time></h2>
  1542. </article>
  1543. <article>
  1544. <h2><a href="/david/stream/2015/03/16/">Polices CSS, erreurs Lint et JS;DR</a> <time>2015-03-16</time></h2>
  1545. </article>
  1546. <article>
  1547. <h2><a href="/david/stream/2015/03/15/">Siège de bureau</a> <time>2015-03-15</time></h2>
  1548. </article>
  1549. <article>
  1550. <h2><a href="/david/stream/2015/03/14/">Startups et éthique</a> <time>2015-03-14</time></h2>
  1551. </article>
  1552. <article>
  1553. <h2><a href="/david/stream/2015/03/13/">Devenir un robot</a> <time>2015-03-13</time></h2>
  1554. </article>
  1555. <article>
  1556. <h2><a href="/david/stream/2015/03/12/">Les frameworks se suivent</a> <time>2015-03-12</time></h2>
  1557. </article>
  1558. <article>
  1559. <h2><a href="/david/stream/2015/03/11/">Économie de partage des restes</a> <time>2015-03-11</time></h2>
  1560. </article>
  1561. <article>
  1562. <h2><a href="/david/stream/2015/03/10/">Hébergement de polices</a> <time>2015-03-10</time></h2>
  1563. </article>
  1564. <article>
  1565. <h2><a href="/david/stream/2015/03/09/">Scrabble, échec et quantités CSS</a> <time>2015-03-09</time></h2>
  1566. </article>
  1567. <article>
  1568. <h2><a href="/david/stream/2015/03/08/">Éducation non-violente</a> <time>2015-03-08</time></h2>
  1569. </article>
  1570. <article>
  1571. <h2><a href="/david/stream/2015/03/07/">Outils et cultures</a> <time>2015-03-07</time></h2>
  1572. </article>
  1573. <article>
  1574. <h2><a href="/david/stream/2015/03/06/">Ivan Illich et Internet</a> <time>2015-03-06</time></h2>
  1575. </article>
  1576. <article>
  1577. <h2><a href="/david/stream/2015/03/05/">Américain social démocrate</a> <time>2015-03-05</time></h2>
  1578. </article>
  1579. <article>
  1580. <h2><a href="/david/stream/2015/03/04/">Performances, apps et frameworks JS</a> <time>2015-03-04</time></h2>
  1581. </article>
  1582. <article>
  1583. <h2><a href="/david/stream/2015/03/03/">Aïkido verbal</a> <time>2015-03-03</time></h2>
  1584. </article>
  1585. <article>
  1586. <h2><a href="/david/stream/2015/03/02/">Vieux, erreurs JS et Chrome</a> <time>2015-03-02</time></h2>
  1587. </article>
  1588. <article>
  1589. <h2><a href="/david/stream/2015/03/01/">Inclusion explicite</a> <time>2015-03-01</time></h2>
  1590. </article>
  1591. <article>
  1592. <h2><a href="/david/stream/2015/02/28/">Lois de la robotique</a> <time>2015-02-28</time></h2>
  1593. </article>
  1594. <article>
  1595. <h2><a href="/david/stream/2015/02/27/">Méthodologie vs. compétences</a> <time>2015-02-27</time></h2>
  1596. </article>
  1597. <article>
  1598. <h2><a href="/david/stream/2015/02/26/">Big data et profilage</a> <time>2015-02-26</time></h2>
  1599. </article>
  1600. <article>
  1601. <h2><a href="/david/stream/2015/02/25/">Offline et discussions</a> <time>2015-02-25</time></h2>
  1602. </article>
  1603. <article>
  1604. <h2><a href="/david/stream/2015/02/24/">SNCM et prix dynamiques</a> <time>2015-02-24</time></h2>
  1605. </article>
  1606. <article>
  1607. <h2><a href="/david/stream/2015/02/23/">Rétribuer les auteurs</a> <time>2015-02-23</time></h2>
  1608. </article>
  1609. <article>
  1610. <h2><a href="/david/stream/2015/02/22/">Acheter de la musique</a> <time>2015-02-22</time></h2>
  1611. </article>
  1612. <article>
  1613. <h2><a href="/david/stream/2015/02/21/">Google et polices</a> <time>2015-02-21</time></h2>
  1614. </article>
  1615. <article>
  1616. <h2><a href="/david/stream/2015/02/20/">Gymkhana et cibles</a> <time>2015-02-20</time></h2>
  1617. </article>
  1618. <article>
  1619. <h2><a href="/david/stream/2015/02/19/">Polices et performances</a> <time>2015-02-19</time></h2>
  1620. </article>
  1621. <article>
  1622. <h2><a href="/david/stream/2015/02/18/">Redesign incrémental</a> <time>2015-02-18</time></h2>
  1623. </article>
  1624. <article>
  1625. <h2><a href="/david/stream/2015/02/17/">Écologie et contrôle</a> <time>2015-02-17</time></h2>
  1626. </article>
  1627. <article>
  1628. <h2><a href="/david/stream/2015/02/16/">Sites obèses, support CSS et contrastes</a> <time>2015-02-16</time></h2>
  1629. </article>
  1630. <article>
  1631. <h2><a href="/david/stream/2015/02/15/">Signalétique wifi</a> <time>2015-02-15</time></h2>
  1632. </article>
  1633. <article>
  1634. <h2><a href="/david/stream/2015/02/14/">Tournure anglaise</a> <time>2015-02-14</time></h2>
  1635. </article>
  1636. <article>
  1637. <h2><a href="/david/stream/2015/02/13/">Offline-next et service workers</a> <time>2015-02-13</time></h2>
  1638. </article>
  1639. <article>
  1640. <h2><a href="/david/stream/2015/02/12/">Python et namedtuples</a> <time>2015-02-12</time></h2>
  1641. </article>
  1642. <article>
  1643. <h2><a href="/david/stream/2015/02/11/">Veille techno, Flexbox et bonnes pratiques JS</a> <time>2015-02-11</time></h2>
  1644. </article>
  1645. <article>
  1646. <h2><a href="/david/stream/2015/02/10/">Hypermedia et histoire</a> <time>2015-02-10</time></h2>
  1647. </article>
  1648. <article>
  1649. <h2><a href="/david/stream/2015/02/09/">Server-side, CSS et UX</a> <time>2015-02-09</time></h2>
  1650. </article>
  1651. <article>
  1652. <h2><a href="/david/stream/2015/02/08/">Google et Open-Source</a> <time>2015-02-08</time></h2>
  1653. </article>
  1654. <article>
  1655. <h2><a href="/david/stream/2015/02/07/">Historique de travail</a> <time>2015-02-07</time></h2>
  1656. </article>
  1657. <article>
  1658. <h2><a href="/david/stream/2015/02/06/">Accompagnement, non-devis et produits essentiels</a> <time>2015-02-06</time></h2>
  1659. </article>
  1660. <article>
  1661. <h2><a href="/david/stream/2015/02/05/">SNCF, retards et wifi</a> <time>2015-02-05</time></h2>
  1662. </article>
  1663. <article>
  1664. <h2><a href="/david/stream/2015/02/04/">Des carottes et des poneys</a> <time>2015-02-04</time></h2>
  1665. </article>
  1666. <article>
  1667. <h2><a href="/david/stream/2015/02/03/">Markdown et Python</a> <time>2015-02-03</time></h2>
  1668. </article>
  1669. <article>
  1670. <h2><a href="/david/stream/2015/02/02/">Code, objectif et intelligence</a> <time>2015-02-02</time></h2>
  1671. </article>
  1672. <article>
  1673. <h2><a href="/david/stream/2015/02/01/">Popularité, stress et décentralisation</a> <time>2015-02-01</time></h2>
  1674. </article>
  1675. <article>
  1676. <h2><a href="/david/stream/2015/01/31/">FinishUp Weekend</a> <time>2015-01-31</time></h2>
  1677. </article>
  1678. <article>
  1679. <h2><a href="/david/stream/2015/01/30/">Langages d’apprentissage</a> <time>2015-01-30</time></h2>
  1680. </article>
  1681. <article>
  1682. <h2><a href="/david/stream/2015/01/29/">Concepteurs utilisateurs</a> <time>2015-01-29</time></h2>
  1683. </article>
  1684. <article>
  1685. <h2><a href="/david/stream/2015/01/28/">Merci pour votre attention</a> <time>2015-01-28</time></h2>
  1686. </article>
  1687. <article>
  1688. <h2><a href="/david/stream/2015/01/27/">Systèmes réactifs</a> <time>2015-01-27</time></h2>
  1689. </article>
  1690. <article>
  1691. <h2><a href="/david/stream/2015/01/26/">Menace commune</a> <time>2015-01-26</time></h2>
  1692. </article>
  1693. <article>
  1694. <h2><a href="/david/stream/2015/01/25/">Voisinage en Python</a> <time>2015-01-25</time></h2>
  1695. </article>
  1696. <article>
  1697. <h2><a href="/david/stream/2015/01/24/">Luxe, espace et temps</a> <time>2015-01-24</time></h2>
  1698. </article>
  1699. <article>
  1700. <h2><a href="/david/stream/2015/01/23/">Payez ce que vous pouvez</a> <time>2015-01-23</time></h2>
  1701. </article>
  1702. <article>
  1703. <h2><a href="/david/stream/2015/01/22/">Optimisation de lecture</a> <time>2015-01-22</time></h2>
  1704. </article>
  1705. <article>
  1706. <h2><a href="/david/stream/2015/01/21/">Bloquer les publicités</a> <time>2015-01-21</time></h2>
  1707. </article>
  1708. <article>
  1709. <h2><a href="/david/stream/2015/01/20/">Automatisation et topographie</a> <time>2015-01-20</time></h2>
  1710. </article>
  1711. <article>
  1712. <h2><a href="/david/stream/2015/01/19/">Squatting et transit</a> <time>2015-01-19</time></h2>
  1713. </article>
  1714. <article>
  1715. <h2><a href="/david/stream/2015/01/18/">Améliorer un produit</a> <time>2015-01-18</time></h2>
  1716. </article>
  1717. <article>
  1718. <h2><a href="/david/stream/2015/01/17/">Effacez mes (méta-)données</a> <time>2015-01-17</time></h2>
  1719. </article>
  1720. <article>
  1721. <h2><a href="/david/stream/2015/01/16/">Esthétique et API</a> <time>2015-01-16</time></h2>
  1722. </article>
  1723. <article>
  1724. <h2><a href="/david/stream/2015/01/15/">Acheter des polices</a> <time>2015-01-15</time></h2>
  1725. </article>
  1726. <article>
  1727. <h2><a href="/david/stream/2015/01/14/">S’adapter à la luminosité ambiante</a> <time>2015-01-14</time></h2>
  1728. </article>
  1729. <article>
  1730. <h2><a href="/david/stream/2015/01/13/">Régulateur de consommation</a> <time>2015-01-13</time></h2>
  1731. </article>
  1732. <article>
  1733. <h2><a href="/david/stream/2015/01/12/">Teenagers, AirDrop et P2P</a> <time>2015-01-12</time></h2>
  1734. </article>
  1735. <article>
  1736. <h2><a href="/david/stream/2015/01/11/">Code et écriture</a> <time>2015-01-11</time></h2>
  1737. </article>
  1738. <article>
  1739. <h2><a href="/david/stream/2015/01/10/">Devenir conférencier</a> <time>2015-01-10</time></h2>
  1740. </article>
  1741. <article>
  1742. <h2><a href="/david/stream/2015/01/09/">Unanimisme émotionnel</a> <time>2015-01-09</time></h2>
  1743. </article>
  1744. <article>
  1745. <h2><a href="/david/stream/2015/01/08/">Kilian Jornet et Aconcagua</a> <time>2015-01-08</time></h2>
  1746. </article>
  1747. <article>
  1748. <h2><a href="/david/stream/2015/01/07/">Bouncer IRC et backlog</a> <time>2015-01-07</time></h2>
  1749. </article>
  1750. <article>
  1751. <h2><a href="/david/stream/2015/01/06/">Résister à la généralisation</a> <time>2015-01-06</time></h2>
  1752. </article>
  1753. <article>
  1754. <h2><a href="/david/stream/2015/01/05/">Cacher le Web</a> <time>2015-01-05</time></h2>
  1755. </article>
  1756. <article>
  1757. <h2><a href="/david/stream/2015/01/04/">Illettrisme technologique</a> <time>2015-01-04</time></h2>
  1758. </article>
  1759. <article>
  1760. <h2><a href="/david/stream/2015/01/03/">Écoutés en 2014</a> <time>2015-01-03</time></h2>
  1761. </article>
  1762. <article>
  1763. <h2><a href="/david/stream/2015/01/02/">Économie de partage vs. économie de location</a> <time>2015-01-02</time></h2>
  1764. </article>
  1765. <article>
  1766. <h2><a href="/david/stream/2015/01/01/">Publication quotidienne</a> <time>2015-01-01</time></h2>
  1767. </article>
  1768. <nav>
  1769. <p>
  1770. <a href="/david/stream/2015/">En 2015</a> | <a href="/david/lexique/">Lexique 2016</a> | <a href="/david/correspondances/2017/">Correspondances 2017</a> | <a href="/david/stream/2018/">En 2018</a> | <a href="/david/stream/2019/">En 2019</a>
  1771. </p>
  1772. </nav>
  1773. <aside>
  1774. <p>
  1775. Articles choisis :
  1776. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  1777. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  1778. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  1779. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  1780. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  1781. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  1782. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  1783. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  1784. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  1785. <a href="/david/blog/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</a>,
  1786. <a href="/david/blog/2015/pairmutation-travail/" title="Accéder à l’article complet">La pairmutation du travail</a>,
  1787. <a href="/david/blog/2015/principes-web/" title="Accéder à l’article complet">Principes Web</a>,
  1788. <a href="/david/blog/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</a>,
  1789. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  1790. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  1791. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  1792. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  1793. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  1794. </p>
  1795. </aside>
  1796. <nav>
  1797. <p>
  1798. <abbr title="Lieu de vie et de potentielles rencontres actuel">Montréal</abbr> ·
  1799. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Contact</a> ·
  1800. <a href="http://larlet.com" title="Identité professionnelle">[Travailler ensemble ?]</a> ·
  1801. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">Hébergeur</abbr> ·
  1802. <a href="/david/log/" title="S’abonner aux publications via RSS">Flux</a>
  1803. </p>
  1804. </nav>