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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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` element
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>It’s time for a healthy tech approach (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://helloanselm.com/writings/its-time-for-a-healthy-tech-approach">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>It’s time for a healthy tech approach</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://helloanselm.com/writings/its-time-for-a-healthy-tech-approach" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><em>Disclaimer: I wrote this piece two years ago and waited for it to be published somewhere else. It never happened and I forgot about it. Yet today I see the content as still relevant and will publish it as is. Some parts may be outdated but the overall argument should be still valid.</em></p>
  71. <p>As people working in tech, we face problems everywhere every day. Five years ago we struggled most with the new emerging technologies—just because everything was an unprecedented case and barely one knew how to create and publish e.g. a magazine for screens including animated content and storytelling. Today that is still not an easy task but we know it can be done and we have strategies and people to achieve it. Instead, we now face a whole new area of challenges in tech: I am calling it “Tech Health”.</p>
  72. <p>Tech Health is a term that for me means much more than a service running without downtime. It is the whole concept of applying ethics to a tech business, being a nice and friendly human with good intentions, trying to improve the lives of other people while being able to make a normal living for our own. It is about inclusion, about avoiding distractions, serving only content people need and want to see, supporting people’s moral, lifting their mood, saving them time. By now we can see the term differs a lot to what most well-known online services are today.</p>
  73. <h2>The “I” and Business</h2>
  74. <p>In our modern life, most of what counts is being “productive” and working hard. For many people getting as much work done as possible in the smallest amount of time is the goal. This is embraced, sometimes even enforces by employers and even peer groups. Even in private life I’ve heard couples or friends talking about how much they did this week, how productive they were and how exhausted they are now during dinner at a restaurant. We define ourselves by productivity and forget what it means to take time for a work task. But there is a reason why most people strive to become a manager at some point, why more and more people nowadays take lessons for learning Yoga, Meditation, Tai-Chi, or other wellness and mind-calming methods. On the West Coast in the United States of America we can now find mindfulness retreat sites, full of tech-company employees and company founders who want to escape the daily business and daily overload of information that stresses us out.</p>
  75. <p>Anecdote: My health practitioner told me that the season for burn-out clients is full-on now (autumn) again and their main business during Winter. I found this interesting because she also added that this was not the case all the time but in recent years numbers have grown significantly, and many of them work in tech related jobs. She explained why Winter season (in North-Western Europe) drives numbers higher: Most of the people suffer from mild depression (“Winter depression”) due to the low sunlight exposure and thus a Vitamine D deficiency and other factors that influence the strength of a human body and mind. And that often causes diseases—burn out is one that breaks out if your body can’t cope with all the stress anymore and often just needs a little external factor to show up. </p>
  76. <p>What makes people want to become a manager? I often heard from developers out there that it’s not only the new challenge of having responsibility for other people, for many it’s also an escape from the work-overload they face in their current job. Managing something in most minds sounds like a challenging, yet calm work where you decide how much time to spend on a task. That is something most employees can not influence; instead they get a dictated timeline and deadline for tasks which often are too ambitious and cause stress. What people don’t know yet is that becoming a manager has its very own challenges and you will not be able to work calmer or easier than as developer. </p>
  77. <blockquote>
  78. <p>To live a calmer work life, we need to change more than just our job title.
  79. To live a calmer work life, we need to change more than just our job title. Going up the career ladder is often the worst choice you could do to ease your life, to work less or in a calmer way. If we want to achieve calmer work days, we need to find a different concept.</p>
  80. </blockquote>
  81. <h2>Healthy Mindsets for People</h2>
  82. <p>“Ethical [business|technology|…]” seems to be the hot topic right now, according to social media and newspapers. Yet, for most people it’s a term that is hard to grasp and not very actionable. While it is easy to understand and most people agree that an ethical business is better than one that has unethical methods but hardly one can tell me how to find out what ethical is and how to be or work in an ethically fine company. I myself am fooled by the catchy term from time to time as well.</p>
  83. <p>In order to change something, we need to come up with easy to understand concepts and actionable advice. Whether it is about climate change or at work: It is up to us as an individual to find a way to cope with common issues. And before we shift responsibility to others, we need to find out a couple of things about ourselves.</p>
  84. <p>I read <a href="https://slate.com/culture/2018/12/jack-dorsey-silent-meditation-myanmar-donald-trump-tweets.html">a story</a> about Jack Dorsey, Twitter CEO, who takes off ten days for “silent meditation” regularly. He shared how amazing this experience was, and what he did during this time-off. But apparently, while using this time to reset his own mind, he wasn’t able to shut down completely, to use meditation as a technique to ask the hard question about your life, your motivations, society. Instead, he shares how amazing it was to not talk during this time but whilst it, he captured moments with his camera, tracked his heart-rate, counted mosquito bites. And then, there is this implicit conclusion you can draw that despite Jack seems to do this regularly now, his decisions at Twitter don’t serve humanity, they don’t support other people or society but only business interests of Twitter Inc..</p>
  85. <p>When you look a bit more closely to what meditation is about, the main concept is to shut down any distraction (like smartphones, smart watches, and even counting mosquito bites) to put full focus on yourself. Once you’re in the focus, the goal is to find relief, self-confidence, health and happiness in the world. It’s a great and weird mixture of extreme selfishness and embracing a social, helpful society. Meditation is a great technique to calm down, to get into a more self-reflecting mode. Especially for people with a lot of power—like a CEO or CTO—this is a very useful skillset.</p>
  86. <p>Now if you look at your business strategy and project from a point of view where you want to make people happy instead of stealing their time with for example interstitial advertising, you realize a huge difference compared to a business strategy that wants to build a “successful” product. 
The latter ultimately focuses solely on money and will always mean that at least to some point you will make decisions against people. Whether that are your employees because you let them work more hours or encourage them to work faster to match a deadline or the users of your product by forcing them to spend more money, by showing them unnecessary ads, product placements, upgrade notices, or “other relevant/recommended stories”.</p>
  87. <blockquote>
  88. <p>There’s nothing as long-lasting and uplifting as someone else who is grateful for what you have done for them.</p>
  89. </blockquote>
  90. <p>But once you set your goals to help other people, things are different. It suddenly doesn’t matter if you are an employee, manager or the CEO of a company. Everybody in the group of people working on that project are able to do their individual best for other people. It can be helping your colleague to learn a new technique, giving them support when they struggle with a task, taking over some work when you have little to do and others a lot. It can be building a service that doesn’t want to attract you artificially, that doesn’t change people’s minds to pull news all-day, that doesn’t fuel the anxiety to be left-out or to miss a story from friends (Facebook), that does not fuel the fear of having a boring life while all friends have such amazing ones (The “Insta(gram) effect”).</p>
  91. <p>Once we start building things for people, we not only make others happier and healthier, we will be happier as well. There’s nothing as long-lasting and uplifting as someone else who is grateful for what you have done for them. Our own happiness will make us calmer and more healthy. </p>
  92. <blockquote>
  93. <p>… we have it in our hands to change society again, to use tech to help the society, to boost the mood of ourselves and our friends. </p>
  94. </blockquote>
  95. <p>We have destroyed a lot of the connection between health, happiness and society in the past. But we can fix it, it is nothing permanent and it is up to us to make that change. Right now we can see how current social media services are dragging especially young (but also mid-aged and old) people down and push them into suicidal thinking (and unfortunately sometimes even into action), into depression, into self-doubt, envy and selfishness. Many of these human behaviours result in diseases and unhappy lives. But we have it in our hands to change society again, to use tech to help the society, to boost the mood of ourselves and our friends.</p>
  96. </article>
  97. <hr>
  98. <footer>
  99. <p>
  100. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  101. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  102. </svg> Accueil</a> •
  103. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  104. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  105. </svg> Suivre</a> •
  106. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  107. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  108. </svg> Pro</a> •
  109. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  110. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  111. </svg> Email</a> •
  112. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  113. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  114. </svg> Légal</abbr>
  115. </p>
  116. <template id="theme-selector">
  117. <form>
  118. <fieldset>
  119. <legend><svg class="icon icon-brightness-contrast">
  120. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  121. </svg> Thème</legend>
  122. <label>
  123. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  124. </label>
  125. <label>
  126. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  127. </label>
  128. <label>
  129. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  130. </label>
  131. </fieldset>
  132. </form>
  133. </template>
  134. </footer>
  135. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  136. <script>
  137. function loadThemeForm(templateName) {
  138. const themeSelectorTemplate = document.querySelector(templateName)
  139. const form = themeSelectorTemplate.content.firstElementChild
  140. themeSelectorTemplate.replaceWith(form)
  141. form.addEventListener('change', (e) => {
  142. const chosenColorScheme = e.target.value
  143. localStorage.setItem('theme', chosenColorScheme)
  144. toggleTheme(chosenColorScheme)
  145. })
  146. const selectedTheme = localStorage.getItem('theme')
  147. if (selectedTheme && selectedTheme !== 'undefined') {
  148. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  149. }
  150. }
  151. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  152. window.addEventListener('load', () => {
  153. let hasDarkRules = false
  154. for (const styleSheet of Array.from(document.styleSheets)) {
  155. let mediaRules = []
  156. for (const cssRule of styleSheet.cssRules) {
  157. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  158. continue
  159. }
  160. // WARNING: Safari does not have/supports `conditionText`.
  161. if (cssRule.conditionText) {
  162. if (cssRule.conditionText !== prefersColorSchemeDark) {
  163. continue
  164. }
  165. } else {
  166. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  167. continue
  168. }
  169. }
  170. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  171. }
  172. // WARNING: do not try to insert a Rule to a styleSheet you are
  173. // currently iterating on, otherwise the browser will be stuck
  174. // in a infinite loop…
  175. for (const mediaRule of mediaRules) {
  176. styleSheet.insertRule(mediaRule.cssText)
  177. hasDarkRules = true
  178. }
  179. }
  180. if (hasDarkRules) {
  181. loadThemeForm('#theme-selector')
  182. }
  183. })
  184. </script>
  185. </body>
  186. </html>