A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="en">
  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>Follow your ADHD flow (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. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://adhdftw.com/follow-your-adhd-flow/">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Follow your ADHD flow</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://adhdftw.com/follow-your-adhd-flow/" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-04-14
  72. </p>
  73. </nav>
  74. <hr>
  75. <p>One of the most things that’s had the biggest impact on my ability to be happy and fulfilled has been working <em>with</em> my ADHD instead of trying to fight against it.</p>
  76. <p>Yesterday, we talked about the importance of <a href="https://adhdftw.com/your-second-brain/">a second brain</a>. Today, we’re going to talk about how you might use that second brain differently depending on what your current ADHD state is.</p>
  77. <p>Let’s dig in!</p>
  78. <h2 id="your-natural-states">Your natural states</h2>
  79. <p>I’ve found I personally have three <em>states of being</em>…</p>
  80. <ol>
  81. <li><strong>Hyperfocus,</strong> where I’m deeply focused on one thing and phenomenally productive.</li>
  82. <li><strong>Physical,</strong> where I have lots of energy, but little mental focus.</li>
  83. <li><strong>Burnt out,</strong> where both my mental and physical energy are low.</li>
  84. </ol>
  85. <p>Your states of being might be different. These are three I tend to operate in most frequently.</p>
  86. <p>I’m better suited for certain types of tasks depending on which state I’m in. Understanding what my current <em>state of being</em> is, and choosing tasks for the day that align with it, helps me live a more happy, healthy, and fulfilling life with less stress.</p>
  87. <h2 id="hyperfocus">Hyperfocus</h2>
  88. <p>At its best, hyperfocus is a bit like being <em>in the zone</em> or feeling the <em>flow</em>.</p>
  89. <p>You can tunnel vision in on a specific task or collection of tasks and get a phenomenal amount done! This is the state in which I tend to do my best deep work.</p>
  90. <p>I was in hyperfocus mode when I created <a href="https://gomakethings.com/courses/">all of my courses</a>, <a href="https://reefjs.com">Reef JS</a>, and various other projects. At my last job, I got three months of coding done in about three weeks during an intense period of hyperfocus.</p>
  91. <p>The challenge with hyperfocus is that sometimes it zeroes in on the wrong thing (as in <em>not</em> the task you <em>need</em> to be doing).</p>
  92. <p>But trying to fight it is a fool’s errand. I get literally nothing done in those situations.</p>
  93. <p>Best to just give in to it and let it run its course.</p>
  94. <p><strong>On <em>hyperfocus</em> days,</strong> I don’t really look at my second brain at all. I just start working, and only open up my second brain to add things I don’t want to forget later, like a piece of digital scrap paper.</p>
  95. <h2 id="physical">Physical</h2>
  96. <p>Sometimes, I have a lot of energy, but head is full of bees, scattered and unable to focus on any one thing for too long.</p>
  97. <p>When I’m in this state, I can usually knock a ton of small-to-mid-sized tasks off my todo list. These are the kinds of things that my brain would find annoying during a period of hyperfocus, but require little thought and let me go into a place a rote zen.</p>
  98. <p>It includes things like…</p>
  99. <ul>
  100. <li>Making phone calls</li>
  101. <li>Responding to emails</li>
  102. <li>Folding laundry</li>
  103. <li>Doing dishes</li>
  104. <li>Paying bills</li>
  105. <li>Vacuuming the house</li>
  106. </ul>
  107. <p>I’ll often throw Bob Ross videos on in the background or listen to a podcast while doing these kinds of tasks, just to keep myself entertained.</p>
  108. <p><strong>On <em>physical</em> days,</strong> I review all of the tasks in my second brain in the morning, and flag any of the ones that I think I can do that day as <em>stuff to do today</em> (more on how I do that in another article).</p>
  109. <p>Then, I get to it! I do take frequent breaks throughout the day, though.</p>
  110. <h2 id="burnt-out">Burnt out</h2>
  111. <p>It’s not uncommon for folks with ADHD to feel burnt out.</p>
  112. <p>After an extended period of hyperfocus or bees in the head, you feel kind of spent. You’re too fuzzy in the brain to hyperfocus, but too physically tired to do anything else.</p>
  113. <p>I don’t try to fight that anymore.</p>
  114. <p>I take leisurely walks with <a href="https://adhdftw.com/about-ryder/">my dog</a>. I go for a hike or swim or bike ride. I read a book or just veg out on a TV show or movie.</p>
  115. <p>Green time is better than screen time (like, literally, for your ADHD brain), but I don’t beat myself up about it if I watch something instead of getting outside.</p>
  116. <p>Often, though, being out in nature helps reenergize me and calm my busy brain. I’ll often use that time to brainstorm and come up with ideas or clarify how I’m thinking about something.</p>
  117. <p>Sometimes, it even shifts me into a <em>hyperfocus</em> or <em>physical</em> state.</p>
  118. <p><strong>On <em>burnt out</em> days,</strong> I may check my second brain for really important has-to-be-done-today tasks, or add things that come to mind, but I’m not looking at it all that much.</p>
  119. <h2 id="don-t-fight-your-natural-state">Don’t fight your natural state</h2>
  120. <p>If I try to do mundane tasks when I’m in a <em>hyperfocus</em> mode, my brain keeps shifting back to whatever its hyperfocused on, and I get nothing done.</p>
  121. <p>If I try to do deep work when I’m in a <em>physical</em> state, I sit staring at my computer for hours and get nothing done.</p>
  122. <p>Working <em>with</em> your ADHD unlocks so much hidden potential inside you!</p>
  123. </article>
  124. <hr>
  125. <footer>
  126. <p>
  127. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  129. </svg> Accueil</a> •
  130. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  132. </svg> Suivre</a> •
  133. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  134. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  135. </svg> Pro</a> •
  136. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  137. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  138. </svg> Email</a> •
  139. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  140. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  141. </svg> Légal</abbr>
  142. </p>
  143. <template id="theme-selector">
  144. <form>
  145. <fieldset>
  146. <legend><svg class="icon icon-brightness-contrast">
  147. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  148. </svg> Thème</legend>
  149. <label>
  150. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  151. </label>
  152. <label>
  153. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  154. </label>
  155. <label>
  156. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  157. </label>
  158. </fieldset>
  159. </form>
  160. </template>
  161. </footer>
  162. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  163. <script>
  164. function loadThemeForm(templateName) {
  165. const themeSelectorTemplate = document.querySelector(templateName)
  166. const form = themeSelectorTemplate.content.firstElementChild
  167. themeSelectorTemplate.replaceWith(form)
  168. form.addEventListener('change', (e) => {
  169. const chosenColorScheme = e.target.value
  170. localStorage.setItem('theme', chosenColorScheme)
  171. toggleTheme(chosenColorScheme)
  172. })
  173. const selectedTheme = localStorage.getItem('theme')
  174. if (selectedTheme && selectedTheme !== 'undefined') {
  175. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  176. }
  177. }
  178. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  179. window.addEventListener('load', () => {
  180. let hasDarkRules = false
  181. for (const styleSheet of Array.from(document.styleSheets)) {
  182. let mediaRules = []
  183. for (const cssRule of styleSheet.cssRules) {
  184. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  185. continue
  186. }
  187. // WARNING: Safari does not have/supports `conditionText`.
  188. if (cssRule.conditionText) {
  189. if (cssRule.conditionText !== prefersColorSchemeDark) {
  190. continue
  191. }
  192. } else {
  193. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  194. continue
  195. }
  196. }
  197. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  198. }
  199. // WARNING: do not try to insert a Rule to a styleSheet you are
  200. // currently iterating on, otherwise the browser will be stuck
  201. // in a infinite loop…
  202. for (const mediaRule of mediaRules) {
  203. styleSheet.insertRule(mediaRule.cssText)
  204. hasDarkRules = true
  205. }
  206. }
  207. if (hasDarkRules) {
  208. loadThemeForm('#theme-selector')
  209. }
  210. })
  211. </script>
  212. </body>
  213. </html>