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 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  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>The tools matter and the tools don’t matter (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://austinkleon.com/2018/02/24/the-tools-matter-and-the-tools-dont-matter/">
  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>The tools matter and the tools don’t matter</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-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://austinkleon.com/2018/02/24/the-tools-matter-and-the-tools-dont-matter/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Though you might not think it from the comic, I’m actually sympathetic to questions about tools and process, as I myself am a kind of process junky. I <em>love</em> hearing about how other writers work.</p>
  71. <p>I’m also not someone who dismisses questions about tools with the line “the tools don’t matter.” In fact, I think tools matter so much that if you don’t talk about them correctly you can do some damage.</p>
  72. <p>In <em><a href="https://www.amazon.com/exec/obidos/ASIN/0393320030/wwwaustinkleo-20/ref=nosim/">On Becoming A Novelist</a>, </em>John Gardner wrote:</p>
  73. <blockquote><p>In my experience the single question most often asked during question-and-answer periods in university auditoriums and classrooms is: “Do you write with a pen, a typewriter, or what?” I suspect the question is more important than it seems on the surface. It brings up magical considerations—the kinds of things compulsive gamblers are said to worry about: When one plays roulette, should one wear a hat or not, and if one should, should one cock it to the left or to the right? What color hat is luckiest? The question about writing equipment also implies questions about that ancient daemon Writer’s Block, about vision and revision, and at its deepest level, asks whether there is really, for the young writer, any hope.</p></blockquote>
  74. <p>Of the question, “pen, pencil, or typewriter,” Gardner said that there “is of course no right answer&#8230; nor is the question worth answering except insofar as it reveals something about the creative process.” Gardner then writes beautifully about the “dreaming” part of writing vs. the “mechanics,” and how bad penmanship or poor typing skills can get in the young writer’s way:</p>
  75. <blockquote><p>The trouble is that having started up the dream and written some of it down, [the writer’s] become suddenly self-conscious, self-doubting. The dreaming part is angel-like: it is the writer’s eternal, childlike spirit, the daydreaming being who exists (or seems to) outside time. But the part of the writer that handles the mechanics, typing or writing with pencil or pen, choosing one word instead of another, is human, fallible, vulnerable to anxiety or shame.</p></blockquote>
  76. <p>It’s for exactly this reason that when Lynda Barry was suffering from writer’s block, she decided to write the first draft of her novel <em><a href="https://www.amazon.com/exec/obidos/ASIN/068483846X/wwwaustinkleo-20/ref=nosim/">Cruddy</a></em> by hand:</p>
  77. <p><img loading="lazy" class="alignnone size-full wp-image-21067" src="https://austinkleon.com/wp-content/uploads/2018/02/tumblr_inline_njkjigczZn1qz6f4b.jpg" alt="" width="500" height="652" srcset="https://austinkleon.com/wp-content/uploads/2018/02/tumblr_inline_njkjigczZn1qz6f4b.jpg 500w, https://austinkleon.com/wp-content/uploads/2018/02/tumblr_inline_njkjigczZn1qz6f4b-300x391.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
  78. <p>She said, of the first draft:</p>
  79. <blockquote><p>My goal was to not think about things at all. To dream it out instead, trying very hard not to edit at all as I went. The first draft really took shape when I found that I needed to slow way down and distract myself at the same time so I used a paintbrush and Tuscan red watercolor and painted the manuscript on legal paper, trying to concentrate on the calligraphic aspect of writing rather than trying to craft beautiful sentences. I figured as long as the sentences looked beautiful, the rest would take care of itself.</p></blockquote>
  80. <p>What I love about Gardner and Barry is that they believe that the tools you use <em>do</em> matter, but the point, for them, is finding the proper tools that get you to a certain way of working in which you can get your conscious, mechanical mind out of the way so that your dreaming can go on, undeterred.</p>
  81. <p>You have to find the right tools to help your voice sing.</p>
  82. <p>For Lynda, it was the paintbrush that allowed her to get to the point where she could basically take dictation—“to dream it out” without editing—but it could’ve been anything, really. (I should note that Lynda happily details the exact sumi-e brush and ink she used to make <em><a href="https://www.amazon.com/exec/obidos/ASIN/1770462775/wwwaustinkleo-20/ref=nosim/">One! Hundred! Demons!</a></em> in the back of the book.) While I don’t myself use a brush and legal paper to draft my work, I keep a page from the manuscript hanging in my bedroom to remind me of the importance of handwriting and <a href="https://austinkleon.com/2017/11/08/hurry-slowly/">slowing down</a>.</p>
  83. <p><iframe loading="lazy" title="Clive Thompson &quot;How The Way You Write Changes the Way You Think&quot;" width="500" height="281" src="https://www.youtube.com/embed/89vzfTFu1Vw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
  84. <p>As for non-fiction writing, my friend Clive Thompson took the “pencil vs. typewriter” thing literally and researched <a href="https://www.youtube.com/watch?v=89vzfTFu1Vw">when you should write with a pencil and when you should type on the keyboard</a>.</p>
  85. <p>What he discovered was that handwriting is great for coming up with ideas, for note-taking and big picture thinking. So, when you’re at lectures or in meetings or brainstorming ideas, it’s a good idea to scribble or doodle in your notebook. So always carry a pencil. (Clive got me into <a href="https://www.amazon.com/exec/obidos/ASIN/B006CQWILK/wwwaustinkleo-20/ref=nosim/">Palamino Blackwings</a>.)</p>
  86. <p>Typing, on the other hand, is great for producing writing for other people, say, writing an article. The faster you type, Clive said, the better your ideas will be. There’s a thing called “transcription fluency,” which boils down to: “when your fingers can’t move as fast as your thoughts, your ideas suffer.” If you help people increase their typing speed, their thoughts improve. (Learn to type faster!)</p>
  87. <p>So, yes, the tools matter, but again, it’s all about <em>what you are trying to achieve</em>. So a question like, “What brand of pen do you use?” is not as good as “How do you get that thick line quality?” or “How do you dodge Writer’s Block?”</p>
  88. <p>On my Instagram, a follower was very upset with the above cartoon, saying it was “mean” and “hurtful” and not smart and ungrateful to my fans, and that I should try to “remember what it was like to be a beginner.” I’m gonna quote her at length, because I actually don’t disagree with a lot of what she says (although, I would argue that <a href="https://austinkleon.com/2018/01/14/materials-man/">wrestling with your materials</a> can lead you down interesting paths):</p>
  89. <blockquote><p>I would politely argue that sometimes the tools DO matter, especially at the beginning. Instead of fighting your materials you can focus on the work. We all have to start somewhere; what better way to get started then to try the tools of a creative person whose work you admire? [&#8230;] When I see people asking about pens and notebooks I think to myself they must be at the very start of their creative journeys, and they&#8217;re looking for guidance, maybe even encouragement; for a place to start.</p></blockquote>
  90. <p>I try, I think, my best to be helpful to my young fans. (What else is this blog and my books but attempts to be helpful?) But I would also push back a bit here: Sometimes when we talk about artists and writers there’s this expectation that they should always defer to the needs of the young fan. Very rarely do we cut writers and artists a break for maybe being a little tired of a constant barrage of the same question over and over or for <a href="https://austinkleon.com/2017/10/31/dont-tell/">not necessarily wanting to take on the role of a teacher</a>, a job which, in my opinion, is a very serious responsibility.</p>
  91. <p>It’s the artist’s job not to be a total dick but it’s also the fan’s job to not overstep. If you want to be someone’s apprentice, but they haven’t agreed to be your teacher, you have to stay silent, watch and learn.</p>
  92. <p>There is a Zen parable in John Cage’s <em><a href="https://www.amazon.com/exec/obidos/ASIN/0819571768/wwwaustinkleo-20/ref=nosim/">Silence</a></em> that changed my life:</p>
  93. <p><img loading="lazy" class="alignnone wp-image-19527 size-large" src="https://austinkleon.com/wp-content/uploads/2017/11/C5CDaB0UcAEFy8y-1-600x750.jpg" alt="" width="600" height="750" /></p>
  94. <p>The Swiss psychologist Jean Piaget once said, “Every time you teach a child something you forever rob them of the chance to learn it for themselves.&#8221;</p>
  95. <p>There are actually very good reasons for not wanting to teach young artists. There are good reasons for <em>not</em> answering a question like, “What brand of pen do you use?” or questions about process <em>at all</em>.</p>
  96. <p>If you are just starting off and I tell you <em>exactly </em>how I work, right down to the brand of pen and notebook, I am, in a some small sense, robbing you of the experience of finding your own materials and your own way of working.</p>
  97. <p>Trying to approximate someone else’s work with your own tools can lead to wonderful discoveries. For example, the guitarist Adrian Belew is self-educated: he taught himself to play the guitar by listening to records. Because he was unaware of all the studio trickery involved in many of his favorite recordings, he found a way to reproduce the sounds on his records without any effects pedals or fancy gear. And <a href="http://www.elephant-talk.com/wiki/Interview_with_Adrian_Belew_in_Music_Box">from those experiments</a>, he “was left with an urge to make the guitar sound like things it shouldn’t be able to sound like.”</p>
  98. <p>In other words: Belew would not necessarily be Belew if he could tweet at Jeff Beck or Jimi Hendrix and ask them what brand of pedals they’re using.</p>
  99. <p>Just something to think about.</p>
  100. </article>
  101. <hr>
  102. <footer>
  103. <p>
  104. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  105. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  106. </svg> Accueil</a> •
  107. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  108. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  109. </svg> Suivre</a> •
  110. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  111. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  112. </svg> Pro</a> •
  113. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  114. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  115. </svg> Email</a> •
  116. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  117. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  118. </svg> Légal</abbr>
  119. </p>
  120. <template id="theme-selector">
  121. <form>
  122. <fieldset>
  123. <legend><svg class="icon icon-brightness-contrast">
  124. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  125. </svg> Thème</legend>
  126. <label>
  127. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  128. </label>
  129. <label>
  130. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  131. </label>
  132. <label>
  133. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  134. </label>
  135. </fieldset>
  136. </form>
  137. </template>
  138. </footer>
  139. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  140. <script>
  141. function loadThemeForm(templateName) {
  142. const themeSelectorTemplate = document.querySelector(templateName)
  143. const form = themeSelectorTemplate.content.firstElementChild
  144. themeSelectorTemplate.replaceWith(form)
  145. form.addEventListener('change', (e) => {
  146. const chosenColorScheme = e.target.value
  147. localStorage.setItem('theme', chosenColorScheme)
  148. toggleTheme(chosenColorScheme)
  149. })
  150. const selectedTheme = localStorage.getItem('theme')
  151. if (selectedTheme && selectedTheme !== 'undefined') {
  152. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  153. }
  154. }
  155. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  156. window.addEventListener('load', () => {
  157. let hasDarkRules = false
  158. for (const styleSheet of Array.from(document.styleSheets)) {
  159. let mediaRules = []
  160. for (const cssRule of styleSheet.cssRules) {
  161. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  162. continue
  163. }
  164. // WARNING: Safari does not have/supports `conditionText`.
  165. if (cssRule.conditionText) {
  166. if (cssRule.conditionText !== prefersColorSchemeDark) {
  167. continue
  168. }
  169. } else {
  170. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  171. continue
  172. }
  173. }
  174. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  175. }
  176. // WARNING: do not try to insert a Rule to a styleSheet you are
  177. // currently iterating on, otherwise the browser will be stuck
  178. // in a infinite loop…
  179. for (const mediaRule of mediaRules) {
  180. styleSheet.insertRule(mediaRule.cssText)
  181. hasDarkRules = true
  182. }
  183. }
  184. if (hasDarkRules) {
  185. loadThemeForm('#theme-selector')
  186. }
  187. })
  188. </script>
  189. </body>
  190. </html>