A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 48KB

5 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815
  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>Optimism (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://github.com/raganwald/presentations/blob/master/optimism.md">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Optimism (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://github.com/raganwald/presentations/blob/master/optimism.md">Source originale du contenu</a></h3>
  445. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/9023803415_4bd6976618_o.jpg" /></p>
  446. <p>© 2016 Reginald Braithwaite. <a href="http://creativecommons.org/licenses/by-sa/4.0/">Some rights reserved</a>.</p>
  447. <hr />
  448. <h1>Optimism</h1>
  449. <hr />
  450. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/10017474965_4a521d0c7d_k.jpg" /></p>
  451. <p>https://www.flickr.com/photos/aigle_dore/10017474965</p>
  452. <p>I am going to talk about Optimism, and conversely, about Pessimism.</p>
  453. <p>I'm going to describe a framework for understanding why some people are optimistic and some are pessimistic. I'm going to explain how you can actually become more optimistic in your life, and I am going to explain how I think you can help other people be more optimistic in your personal life and in your community.</p>
  454. <p>Before I do that, I want to share with you One True Thing about myself, and it will help you understand why I have spent most of my life struggling to be happy, despite having many privileges and gifts.</p>
  455. <p>So, from my heart:</p>
  456. <hr />
  457. <h3>I LIVE WITH</h3>
  458. <h1>Depression</h1>
  459. <hr />
  460. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/4517294977_a387d276f5_o.jpg" /></p>
  461. <p>https://www.flickr.com/photos/8058853@N06/4517294977</p>
  462. <p>I have had many high points in my life, but I also have had many low points. I have been jobless. I have been penniless. I have been friendless. I have been homeless. I have felt that I was pointless and that my life had no value.</p>
  463. <p><strong>Those of you who have not had this affliction may question this, but it is true, and part of what I will describe today will explain why it is difficult for people who feel optimistic and happy in life to understand people who are pessimistic and sad.</strong></p>
  464. <hr />
  465. <h1>"Learned Optimism"</h1>
  466. <p>Some years ago I was in an especially low point and I happened upon a book that changed my life. I cannot guarantee that it will change <em>your</em> life. "Chance favours the prepared mind," they say, and perhaps it can only change your life if you happen upon it at an inflection point, at a time when your life is ready to change.</p>
  467. <p>I needed some change, I was open to change, and with this book, I changed.</p>
  468. <p>The book is "<a href="http://www.amazon.com/gp/product/1400078393?ie=UTF8&amp;tag=raganwald001-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=1400078393" title="Amazon.com: Learned Optimism: How to Change Your Mind and Your Life: Martin E. P. Seligman: Books">Learned Optimism</a>," by Dr. Martin Seligman. I'm not going to stand here and read the book aloud, you know that. But I am going to simplify it down to a few points, and you might very well think the book is too simplistic to be worth reading.</p>
  469. <p>But trust me on this:<strong> You should not judge a book solely by whether you like what I said about it in a short talk</strong>. Read it for yourself and decide.</p>
  470. <hr />
  471. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/9761062125_f980da528e_k.jpg" /></p>
  472. <p>https://www.flickr.com/photos/aigle_dore/9761062125</p>
  473. <p>So Dr. Seligman did some research on optimism and success, and the results surprised him, and after a lot of back-and-forth with colleagues and more research, he came up with a theory, and a side-business of selling tests that predict whether salespeople are going to be successful.</p>
  474. <p>I want to emphasize the word <strong>research</strong>, because the plural of anecdote is not data. No matter how many nice people like me tell you something from our experience, it is not the same thing as what Dr. Seligman does to come up with this stuff.</p>
  475. <p>Dr. Seligman's theory is all about how people explain things to themselves. We all do this, it's part of the whole sentience thing we have going on. Something happens, and we make up a little theory about why it happened.</p>
  476. <p>This matters, because our theories about why the world is the way it is is what drives all of the choices we make. That's what drives us as humans.</p>
  477. <p>Whether we are aware of it or not, we're making up these explanations for events that concern us all the time.</p>
  478. <hr />
  479. <h1>Dr. Seligman's Claims</h1>
  480. <p>So, these explanations.</p>
  481. <p>Dr. Seligman makes two claims about the explanations we make.</p>
  482. <hr />
  483. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/5372051028_52825a2c2c_o.jpg" /></p>
  484. <p>https://www.flickr.com/photos/spanginator/5372051028</p>
  485. <p>The first is that we have patterns for our explanations, and that by testing our explanations, we can identify the patterns. And by identifying the patterns, we can come up with a prediction for our behaviour.</p>
  486. <p>He gives us a test, he computes a number with the result, and he calls the resulting scalar "optimism," and he claims that people with high optimism are more productive and happier and whatever else that is nice than people with low optimism. And he thinks he has the numbers to prove it.</p>
  487. <hr />
  488. <h1>The Second Claim</h1>
  489. <p>His second claim is that with cognitive behavioural therapy, you can change the patterns in your explanations.</p>
  490. <p>Further, he claims that this increases increase your optimism. And that this changes your mood and your productivity.</p>
  491. <p>And again, he went out and tested his claim and again he has research he claims proves it.</p>
  492. <hr />
  493. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/4665751943_cbb3e014af_b.jpg" /></p>
  494. <p>https://www.flickr.com/photos/bjarkis/4665751943</p>
  495. <p>This is an absolutely <strong>crucial</strong> claim. If the first claim was true, but not the second, this would be like being able to diagnose an ailment, but being unable to cure it.</p>
  496. <p>But this claim says that we can measure whether we are optimistic or pessimistic, and then we can make ourselves more optimistic. We can cure the ailment.</p>
  497. <hr />
  498. <h1>Explanatory Theory</h1>
  499. <p>Dr. Seligman's work is based on <strong>Explanatory Theory</strong>. This is the theory that the explanations we make up for things that happen in our lives have a strong impact on our moods and behaviour.</p>
  500. <p>It is not controversial to say that our moods affect the explanations we make up for things that happen in our lives. If we are in a good mood and someone smiles at us, we think they like us. If we are in a bad mood, we wonder if they have read some awkward code we just checked in, and if they are laughing at us.</p>
  501. <p>Explanatory Theory takes it a step further and says that the explanations we make up for things also affect our moods and behaviour. That if we deliberately tell ourselves that someone is smiling because they like us, that we will be happier than if we tell ourselves that they are laughing at us.</p>
  502. <hr />
  503. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/andand.png" /></p>
  504. <p>Hey! Ruby!!</p>
  505. <p>In 2009, I was registering for a conference very much like this called RubyFringe. And someone I respect very much walked up to me, introduced themselves, then told me that they didn't like the <a href="http://andand.rubyforge.org/" title="Object#andand">andand gem</a> that I wrote.</p>
  506. <p>So how did I explain this to myself?</p>
  507. <p>Dr. Seligman explains that when we make up an explanation for things, we have three fairly binary properties or axes for each explanation.</p>
  508. <hr />
  509. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/22080495601_d51febd9fa_k.jpg" /></p>
  510. <p>https://www.flickr.com/photos/aigle_dore/22080495601</p>
  511. <p>First, we decide whether something is personal or impersonal.</p>
  512. <p>So how did I explain the <code>andand</code> comment to myself? If I thought there was something inherently wrong with <strong>me</strong> as a developer that I could write something like <code>andand</code>, that's personalizing the explanation.</p>
  513. <p>I might say something like this…</p>
  514. <hr />
  515. <h3>Some people like <code>andand</code>, because</h3>
  516. <h1><strong>"I"</strong></h1>
  517. <h3>something-something.</h3>
  518. <p>On the other hand, if I explain them not liking my work as reflecting upon them and their values--and I don't mean this in a negative way--that's <em>depersonalizing</em> the explanation.</p>
  519. <p>In that case, I might say…</p>
  520. <hr />
  521. <h3>Some people dislike <code>andand</code>, because</h3>
  522. <h1><strong>"IT"</strong></h1>
  523. <h3>something-something.</h3>
  524. <hr />
  525. <h3>summary</h3>
  526. <h1>Personal vs. Impersonal</h1>
  527. <p>So there's the first axis, <em>personal vs. impersonal</em>. We can listen to someone's explanations for why things happened in their life, and we can decide whether their explanations tend to be more personal or impersonal. In other words, we can <em>measure</em> personalization.</p>
  528. <p>Dr. Seligman did exactly that: He gathered lots of subjects and measured their personalization using objective criteria. He also measured their moods using standard criteria and furthermore, he measured their success in life, and the results were very interesting.</p>
  529. <hr />
  530. <h3>THE</h3>
  531. <h2>Personal vs. Impersonal</h2>
  532. <h1>Paradox</h1>
  533. <p>So, the obvious question to ask is, <strong>Are optimists more or less likely to "take things personally?"</strong></p>
  534. <p>I'm not going to say what he says just yet, but when I was reading about this in the book, I didn't know what to think. If you read books by self-help gurus, a lot of them talk quite a bit about taking responsibility for everything that happens in your life. It seems they advocate taking everything personally.</p>
  535. <p>Yet people who "take things too personally" are often morose, depressed, and defensive. It feels like a paradox: Happy, successful people take responsibility for their lives, while many depressed, unsuccessful people think they are the cause of the unhappiness in their lives.</p>
  536. <p>We'll come back to Dr. Seligman's answer after discussing the other two axes.</p>
  537. <hr />
  538. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/9997796545_b8788d161b_k.jpg" /></p>
  539. <p>https://www.flickr.com/photos/aigle_dore/9997796545</p>
  540. <p>The second axis or binary property is <strong>specific vs. general</strong>.</p>
  541. <p>Remember the person who didn't like <code>andand</code>? Did I take this as a suggestion that they didn't like me in a general sense? Or did I conclude that they didn't like this one little thing I wrote, maybe twenty or thirty lines of code?</p>
  542. <p>Sometimes, something happens and we generalize the explanation. Sometimes we make it really specific. For example, I have really specific explanations for the success or failure of the blog posts I write, and I judge each one specifically.</p>
  543. <p>So when something I write flops, I say…</p>
  544. <hr />
  545. <blockquote>
  546. <p>This <strong>specific</strong> post didn't click.</p>
  547. </blockquote>
  548. <p>On the other hand, I can take a terribly general attitude about my writing overall.</p>
  549. <p>So when I wrote an essay about Optimism, and it went to #1 on Hacker News, I said…</p>
  550. <hr />
  551. <blockquote>
  552. <p>This post clicked because <strong>generally</strong>, I'm a good writer.</p>
  553. </blockquote>
  554. <hr />
  555. <h3>summary</h3>
  556. <h1>Specific vs. General</h1>
  557. <p>And thus it is with our explanations for the things that happen in our lives. Some of the explanations we make up are specific. Some of the explanations are general. And "specific vs. general" is the second axis of Dr. Seligman's explanatory theory.</p>
  558. <hr />
  559. <h3>THE</h3>
  560. <h2>Specific vs. General</h2>
  561. <h1>Paradox</h1>
  562. <p>And if we have not read about Learned Optimism before, we must be curious: <strong>Are optimists more likely to come up with specific explanations for things in their life? Or more likely to come up with general explanations?</strong></p>
  563. <p>When I read this, I was just as confused as I was when I read about personal and impersonal explanations. I knew many people who were happy and successful, and they had overwhelmingly general ideas about their own talents. They sincerely believed they were successful in a general sense.</p>
  564. <p>(By the way, this often trips successful people up when they try for an "Act II:" They believe so sincerely in the general explanation for their success that they fail to realize how specific their experience and talents really are.)</p>
  565. <p>But I also knew some very depressed people who had remarkably general explanations for their failure. They believed that they were "failures in life," a general explanation if ever there was one.</p>
  566. <p>So once again: Paradox! Were optimistic people more likely to give general or specific explanations for the things that happened to them? And how could we reconcile this with what we know about unhappy, unsuccessful people?</p>
  567. <hr />
  568. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/19700031749_18c0c849a6_h.jpg" /></p>
  569. <p>https://www.flickr.com/photos/ronkroetz/19700031749</p>
  570. <p>The third and final axis--thanks for your patience with my explanations--is <strong>temporal</strong>. Some explanations describe an event as a result of <strong>temporary</strong> phenomena. And other explanations describe an event in terms of <strong>permanent</strong> phenomena.</p>
  571. <p>To give a very real and poignant example, I will tell you about something that happened to me more than forty years ago. When I was young, I thought that the subways in Toronto were very interesting.</p>
  572. <p>There were these stacks of signal lights, and I tried to deduce how they worked. I was especially curious about how drivers would approach a red signal at speed, and just before the train reached the signal, it would change to green. How did they know?</p>
  573. <p>And the technology was so interesting. They were trains... Underground! Buried beneath a huge city was another world, full of tunnels and maintenance shafts and cables and machinery.</p>
  574. <p>But I digress. I liked subways, and used to ride around on them, just for fun. Well, one day I was riding on the subway, and it was not very busy, and some boys got on, and started making some very loud remarks about my race.</p>
  575. <p>I disembarked, and they followed me. There was a confrontation, and they ended up assaulting me on the subway platform while shouting racist insults.</p>
  576. <p>And you know, we still have problems with racism in the world. But let's talk about my explanation:</p>
  577. <p>I could have said…</p>
  578. <hr />
  579. <blockquote>
  580. <p><strong>That day</strong>, I was assaulted by racists.</p>
  581. </blockquote>
  582. <p>And that would be perfectly true.</p>
  583. <p>I could also have said…</p>
  584. <hr />
  585. <blockquote>
  586. <p>I've <strong>always</strong> faced racism in my life.</p>
  587. </blockquote>
  588. <p>And that would be just as true.</p>
  589. <hr />
  590. <h3>summary</h3>
  591. <h1>Temporary vs. Permanent</h1>
  592. <p>So there you have two more ways of explaining something: Is it temporary? Or is it permanent? Did it happen just this specific time? Or is an on-going part of our lives?</p>
  593. <p>And neither explanation has to be wrong. It's just a question of what we emphasize to ourselves.</p>
  594. <hr />
  595. <h3>THE</h3>
  596. <h2>Temporary vs. Permanent</h2>
  597. <h1>Paradox</h1>
  598. <p>Obviously, we can measure whether explanations tend to describe things in temporary or permanent ways. And given what we saw with personal vs. impersonal, and specific vs. general explanations, we would not be surprised to discover that happy successful people appear to describe all sorts of things in permanent ways, like their success. And so do unhappy, unsuccessful people.</p>
  599. <hr />
  600. <h1>The Recap</h1>
  601. <p>When we explain something in our heads, our explanations have three properties that matter to whether we are optimistic or not: Whether we explain things in a <em>personal or impersonal way</em>, whether we explain things in a <em>specific or general way</em>, and whether we explain things in a <em>temporary or permanent way</em>.</p>
  602. <p>And my proposition is that both productive and unproductive people can be observed describing things as personal, as general, and as permanent. And although I haven't given examples today, I assure you that both productive and unproductive people can also be observed describing things as impersonal, specific, and temporary.</p>
  603. <p>Given that Dr. Seligman was able to take these observations and turn them into a metric for measuring optimism, we can deduce that there is more to this than simply measuring whether someone tends to describe things in these three ways.</p>
  604. <p>We can deduce that there is something else, a missing factor. One that will perhaps tell us <em>when</em> an optimist will describe something as personal. When an optimist will describe something as specific. And when an optimist will describe something as being temporary.</p>
  605. <p>What is this factor?</p>
  606. <hr />
  607. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/2042632469_6a91c07f9c_o.jpg" /></p>
  608. <p>https://www.flickr.com/photos/martinofranchi/2042632469</p>
  609. <p>When I first read "Learned Optimism," I took a little test in the book, and then Dr. Seligman explained the theory. And based on that theory, I had a model for how I made up explanations.</p>
  610. <p>For example, I took criticism of my <code>andand</code> gem <strong>personally</strong>, I thought it was a comment on my <strong>general</strong> ability as a developer, and I figured that my inability to write popular libraries was <strong>permanent</strong>.</p>
  611. <p>And the model told me something else.</p>
  612. <p>When someone told me that I scored a good goal in Ultimate, I would have put it down to <strong>my opponent</strong> being out of shape, explained that I <strong>specialized</strong> in scoring goals, and thought that maybe I got lucky on that play. I would have explained the compliment as being <strong>impersonal</strong>, <strong>specific</strong>, and <strong>temporary</strong>.</p>
  613. <p>Do you grasp the asymmetry?</p>
  614. <hr />
  615. <h3>I WAS</h3>
  616. <h1>Inconsistent</h1>
  617. <hr />
  618. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/4493539956_38224d8fda_o.jpg" /></p>
  619. <p>https://www.flickr.com/photos/borkurdotnet/4493539956</p>
  620. <p>I was not consistent. I didn't always explain things one way or the other. More interestingly, I was <em>consistently inconsistent</em>: I explained <em>bad things</em> as being personal, general, and permanent, but I explained away the good things as being impersonal, specific, and temporary.</p>
  621. <p>This may not seem rational. Logically, each of us ought to be consistent in how we explain the world. But we aren't, or at least some of us aren't.</p>
  622. <hr />
  623. <h1>Pessimists</h1>
  624. <p>The moment this was revealed to me I could guess what came next. I was a <em>pessimist</em>.</p>
  625. <p>According to me, all the bad things in my life were everywhere, they followed me around because they were about me, and they lasted forever, while the good things were all about other people, and they only came into my life for short moments.</p>
  626. <p>Dr. Seligman had discovered something important: Pessimists had a particular kind of asymmetry in the way they explained good and bad things in their lives.</p>
  627. <hr />
  628. <h1>Optimists</h1>
  629. <p>And Dr. Seligman also discovered that optimists are cheerfully inconsistent, they have the mirror image asymmetry.</p>
  630. <p>Like pessimists, optimists do not always explain the world the same way. But to an optimist, someone not liking a piece of code is simply one person (impersonal, specific) not liking that one thing (specific again), for their own reasons (impersonal), and it was just a few words in the middle of a long day (extremely temporary).</p>
  631. <p>And to the optimist, they're a good athlete (personal, general) and have been all their life (permanent). That one goal was just another scene in their long-playing movie of game highlights.</p>
  632. <p>Optimists explain good things as being personal, general, and permanent, and explain away bad things as being impersonal, specific, and temporary. And if you point out the contradiction in their explanations, they see no contradiction. To them, the bad stuff really isn't about them, it's just that one thing that one time.</p>
  633. <hr />
  634. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/11755209913_bd391eb972_k.jpg" /></p>
  635. <p>https://www.flickr.com/photos/jonathanhood/11755209913</p>
  636. <p>"Learned Optimism" shocked me. I read it a bunch of times and actually bought copies for other people. Besides myself, I knew lots of people who fit Dr. Seligman's pessimist theory.</p>
  637. <p>I knew this because they cried on my shoulder about their long-running, personal flaws that affected every part of their lives. They were personal, general, and permanent on the subject of unhappiness. And on the subject of happiness, they were impersonal, specific, and temporary.</p>
  638. <p>And the book also explained all the successful people in my life. And it explained why I found it hard to relate to them when they were explaining their success: I had a built-in perspective that was the opposite to theirs, I saw a completely different explanation for everything going on.</p>
  639. <p>So there you have it. One predictor of happiness and success is this characteristic Dr. Seligman calls optimism, which he measures by testing whether you explain good or bad events as being personal, general, and permanent, and specifically whether you are asymmetric in your explanations.</p>
  640. <hr />
  641. <h1><strong>Learned</strong></h1>
  642. <h3>Optimism</h3>
  643. <p>This is Dr. Seligman's first claim. What about the second?</p>
  644. <p>Well, that is the point of the book. That is why it is called <strong>Learned</strong> Optimism.</p>
  645. <p>After explaining how to predict whether people are optimistic or pessimistic based on their explanations, the book goes on to explain how to use cognitive behavioural therapy to change the way you explain things to yourself.</p>
  646. <p>I am not a psychologist, I cannot teach you cognitive therapy at all, much less in thirty minutes. So please, read the book and follow the exercises. And I mean, <em>follow the exercises</em>.</p>
  647. <hr />
  648. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/3703241001_379d34260d_o.jpg" /></p>
  649. <p>https://www.flickr.com/photos/layant/3703241001</p>
  650. <p>But the basis of the method is this:</p>
  651. <p>You train yourself to make a note of your explanations, every day. Repetition and consistency matters: You have to do it every day.</p>
  652. <p>You analyze whether your explanations for good things are personal, general, and permanent. You analyze whether your explanations for bad things are impersonal, specific, and temporary.</p>
  653. <p>And then you correct your explanations to make them optimistic. Every time. And you track your progress, just as you would track your progress for anything else you are trying to change in your life.</p>
  654. <p>Seligman's research shows that you <strong>can</strong> change the way you explain things, and the research also shows that the change makes you happier and more productive.</p>
  655. <hr />
  656. <h1>Conclusion:</h1>
  657. <h3>Changing your explanations through repetition and consistency, changes your life: You become happier and more productive.</h3>
  658. <hr />
  659. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/15867820274_766cc09f19_k.jpg" /></p>
  660. <p>https://www.flickr.com/photos/anieto2k/15867820274</p>
  661. <p>Whether you are happy with your life or not, whether you are a Bipolar Lisp Programmer or a Well-Adjusted Rubyist, I conjecture that Dr. Seligman's theory applies to more than understanding why we are unhappy, and I conjecture that it applies to more than teaching ourselves to be more optimistic.</p>
  662. <hr />
  663. <h1>My Conjecture</h1>
  664. <p>My conjecture is that the way we explain things to others—specifically the way we explain things that happen to others, or that others have done—affects their mood and productivity in exactly the same way as their own explanations affect them.</p>
  665. <p>Like Cognitive Behavioural Therapy, we have to apply these explanations repeatedly and consistently to make a change. It's not presenting people with an epiphany, it's creating an optimistic environment for them.</p>
  666. <p>In other words, I conjecture that we can give optimistic and pessimistic feedback to people about the things that happen to them. And I conjecture that optimistic feedback makes other people happier and more productive.</p>
  667. <hr />
  668. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/15187392082_99b22c494a_k.jpg" /></p>
  669. <p>https://www.flickr.com/photos/mejvis/15187392082</p>
  670. <p>Unfortunately, optimistic feedback is not a given. We often encounter the opposite, <strong>pessimistic feedback</strong>.</p>
  671. <p>Pessimistic praise is impersonal, specific, and temporary: "Ruby made <code>andand</code> really elegant for its time."</p>
  672. <p>Pessimistic criticism is personal, general, and permanent: "Only a life-long loser would make mistakes like this."</p>
  673. <p>Pessimistic feedback is a recipe for making people depressed and pessimistic, we are imposing a pessimistic explanation on them and on everybody who comes into contact with us.</p>
  674. <hr />
  675. <h1>Why is there Pessimistic Feedback?</h1>
  676. <p>I think about why I was a pessimist, and it tells me why teams and cultures become pessimistic.</p>
  677. <p>First, it is because we are not given a specific model for good feedback. We hear about the importance of giving and receiving transparent feedback without softening it, and we don't realize that just being transparent isn't enough, we must also be effective.</p>
  678. <p>Second, it is because there are some examples of smart people who give bad feedback in the world. This is not surprising: They are generally amazing people, but have one specific thing they do that is not amazing.</p>
  679. <p>Remember the paradoxes? Well, an unconsciously optimistic person thinks that their success is personal, general, and permanent. That's how they think programming works.</p>
  680. <p>So when they give feedback, they do it in terms of the model they understand: They tell us about what they think are personal, general, and permanent characteristics. And they happen to be wrong about that.</p>
  681. <p>But we can change this dynamic.</p>
  682. <p>For one thing, when we receive some feedback, we can translate it from pessimistic to optimistic. And we can train the person giving us the feedback by reiterating it back to them in optimistic terms.</p>
  683. <p>That's good for us, and for them.</p>
  684. <p>And second, we can give better feedback to others.</p>
  685. <hr />
  686. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/13649199935_cd13b8bf75_k.jpg" /></p>
  687. <p>https://www.flickr.com/photos/aigle_dore/13649199935</p>
  688. <p>Let's talk about praise and criticism.</p>
  689. <p>Praise and criticism are the foundation of performance improvement. In every place where humans work together, they give each other feedback, and they take that feedback and use it to get better.</p>
  690. <p>But some teams, some organizations, some communities are better at it. Some managers have a knack for giving great feedback that helps people grow. Some teams have a culture of giving honest but fair feedback that encourages everyone to reach for excellence. And some communities have high standards, but set a positive, encouraging tone that motivates everyone to reach and exceed expectations.</p>
  691. <p>Quite simply, praise should follow Seligman's model for optimistically explaining good things.</p>
  692. <p>Criticism should follow Seligman's model for optimistically explaining bad things.</p>
  693. <hr />
  694. <h1>Optimistic praise should be personal, general, and permanent.</h1>
  695. <p>If people are to <em>own</em> praise, it has to be personal. Praise for the team or company is appropriate, but if you never praise individuals, they cannot connect themselves with the group.</p>
  696. <p>If people are to keep doing what made them productive, it has to be permanent.</p>
  697. <hr />
  698. <blockquote>
  699. <p>This issue you filed shows why <strong>you</strong> have been and will <strong>continue</strong> to be an <strong>asset</strong> to the community.</p>
  700. </blockquote>
  701. <hr />
  702. <h1>Optimistic criticism should be impersonal, specific, and temporary.</h1>
  703. <p>There's a difference between criticizing words or code and criticizing people.</p>
  704. <p>If we want people to be able to change, he have to be specific in our criticism.</p>
  705. <p>If we want performance to improve, if we want people to grow, our criticism by definition has to be temporary.</p>
  706. <hr />
  707. <blockquote>
  708. <p><strong>This</strong> pull request does not <strong>currently</strong> meet <strong>our</strong> standards, because these <strong>specific</strong> something-something-somethings.</p>
  709. </blockquote>
  710. <hr />
  711. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/5720433220_7267247541_o.jpg" /></p>
  712. <p>https://www.flickr.com/photos/8058853@N06/5720433220</p>
  713. <p>Optimistic feedback is how we create a positive, high-performance environment for people to work with people.</p>
  714. <p>Sometimes, people think that to encourage others, we need to avoid criticism, to shy away from "hurting their feelings" or "offending them." And thus, you have a false dichotomy where you have a choice between giving criticism and encouraging high performance.</p>
  715. <p>If my conjecture is correct, we can be optimistic, offer criticism where necessary, and still maintain personal motivation and high performance.</p>
  716. <p>And that will work for pair programming, for teams, for companies, and communities.</p>
  717. <hr />
  718. <h1>Optimistic Repetition and Consistency</h1>
  719. <p>Giving optimistic feedback once-in-a-while is not enough. Change of this type requires repetition and consistency. If we are going to change a team, a company, or a community, we need a critical mass of people giving optimistic feedback.</p>
  720. <p>This is why "culture" is so important. If there is a critical mass of people giving optimistic feedback, and reasoning about events in an optimistic way, then they are providing consistent, repetitive optimistic explanations.</p>
  721. <p>A critical mass of optimistic people makes a team optimistic. A critical mass of optimistic people makes a company optimistic. And a critical mass of optimistic people makes a culture optimistic.</p>
  722. <p>A critical mass of optimistic people isn't just optimistic, it's self-correcting. This follows directly from Seligman's work on changing your optimism.</p>
  723. <hr />
  724. <p><img alt="original" src="https://github.com/raganwald/presentations/blob/master/images/iceland/12638784843_6537551db1_k.jpg" /></p>
  725. <p>https://www.flickr.com/photos/chris-collation/12638784843</p>
  726. <p>I'm here because I feel optimistic.</p>
  727. <p>I will tell you that my parents were hippies who demonstrated for civil rights. That work is far from done, but their generation left us a tremendous legacy: An understanding that things don't always have to be so.</p>
  728. <p>That belief is a belief that although society is, in general, good, there are specific things about it that are bad. And that this can be a temporary state of affairs. and that it's not us at fault.</p>
  729. <p>Their legacy for me was a sense of optimism. A belief that my generation could take our talents and move the needle. Whether it's on a small scale or a large one. Whether it's on people, process, or society.</p>
  730. <p>I hope you feel that same sense of optimism in your life.</p>
  731. <p>And I hope you will take your talents, your excellence, forward. If you have been struggling, I hope you now have a hint that perhaps your struggles are temporary, and specific, and that you will make them better.</p>
  732. <p>And I hope that you will take this model, these ideas, and apply them to making your team, your community, and your society happy, optimistic, and productive.</p>
  733. <p>Thank you.</p>
  734. </article>
  735. </section>
  736. <nav id="jumpto">
  737. <p>
  738. <a href="/david/blog/">Accueil du blog</a> |
  739. <a href="https://github.com/raganwald/presentations/blob/master/optimism.md">Source originale</a> |
  740. <a href="/david/stream/2019/">Accueil du flux</a>
  741. </p>
  742. </nav>
  743. <footer>
  744. <div>
  745. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  746. <p>
  747. Bonjour/Hi!
  748. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  749. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  750. </p>
  751. <p>
  752. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  753. </p>
  754. <p>
  755. Voici quelques articles choisis :
  756. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  757. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  758. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  759. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  760. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  761. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  762. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  763. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  764. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  765. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  766. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  767. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  768. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  769. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  770. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  771. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  772. </p>
  773. <p>
  774. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  775. </p>
  776. <p>
  777. Je ne traque pas ta navigation mais mon
  778. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  779. conserve des logs d’accès.
  780. </p>
  781. </div>
  782. </footer>
  783. <script type="text/javascript">
  784. ;(_ => {
  785. const jumper = document.getElementById('jumper')
  786. jumper.addEventListener('click', e => {
  787. e.preventDefault()
  788. const anchor = e.target.getAttribute('href')
  789. const targetEl = document.getElementById(anchor.substring(1))
  790. targetEl.scrollIntoView({behavior: 'smooth'})
  791. })
  792. })()
  793. </script>