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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676
  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>In Praise of Shadows (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://www.robinrendle.com/essays/in-praise-of-shadows/">
  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>In Praise of Shadows</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://www.robinrendle.com/essays/in-praise-of-shadows/" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <div class="frame">
  74. <img src="https://d33wubrfki0l68.cloudfront.net/afe71d2ccea8e34512760f811118a8969e106b44/2f072/images/essays/shadows/0-final.webp" alt="" />
  75. <div class="frame-text center">
  76. <p>Scroll or swipe to begin</p>
  77. </div>
  78. </div>
  79. <div class="frame frame-title">
  80. <img src="https://d33wubrfki0l68.cloudfront.net/95e41f1abab024e56ac2dde869c468e2f14a9363/df366/images/essays/shadows/1.webp" alt="" />
  81. <div class="frame-text">
  82. <h1>In Praise of Shadows</h1>
  83. <div class="meta">Robin Rendle / July 2022</div>
  84. </div>
  85. </div>
  86. <div class="frame">
  87. <img src="https://d33wubrfki0l68.cloudfront.net/25ce68bf725baf3680d9468afaae5d28d1c85def/04381/images/essays/shadows/2.webp" alt="" />
  88. <div class="frame-text">
  89. <p>I want a photograph to be a quiet thing, like a soft and desaturated shhhhh.</p>
  90. </div>
  91. </div>
  92. <div class="frame">
  93. <img src="https://d33wubrfki0l68.cloudfront.net/eed32d609402e1d2cf7369bc7a976cd6e2c69692/86f13/images/essays/shadows/3.webp" alt="" />
  94. <div class="frame-text">
  95. <p>But my pictures are always far too loud and way too bright. No matter what camera I try, no matter what settings or filters I use, all of my photographs are lit up like a Christmas tree in July.</p>
  96. </div>
  97. </div>
  98. <div class="frame">
  99. <img src="https://d33wubrfki0l68.cloudfront.net/28b0e3dde96ca7a9ff7cfb25edc10de949fb7ecb/e562b/images/essays/shadows/4.webp" alt="" />
  100. <div class="frame-text">
  101. <p>Ugh.</p>
  102. </div>
  103. </div>
  104. <div class="frame">
  105. <img src="https://d33wubrfki0l68.cloudfront.net/dfb28d39fc6e195226206e5cdcc00fab50cd07b5/23ed8/images/essays/shadows/5.webp" alt="" />
  106. <div class="frame-text">
  107. <p>Instead, I want something else.</p>
  108. </div>
  109. </div>
  110. <div class="frame">
  111. <img src="https://d33wubrfki0l68.cloudfront.net/d3cd3d90db04909e3f2685fc0989b1330c1a5484/a7c77/images/essays/shadows/6.webp" alt="" />
  112. <div class="frame-text">
  113. <p>I want photographs that have been truly and thoroughly dunked in shadow. But not just any ol’ shadow!</p>
  114. </div>
  115. </div>
  116. <div class="frame">
  117. <img src="https://d33wubrfki0l68.cloudfront.net/5eb46c0ef287314d4948158ded3493d67279d9b7/61b28/images/essays/shadows/7.webp" alt="" />
  118. <div class="frame-text">
  119. <p>I want photographs that look like a deep and murky pond. I demand desaturation! Vignettes! Filmy darkness that covers light like a veil!</p>
  120. </div>
  121. </div>
  122. <div class="frame">
  123. <img src="https://d33wubrfki0l68.cloudfront.net/d9d95603cdb836b608acf2f5df9285bf3f5f8ec0/0563c/images/essays/shadows/8.webp" alt="" />
  124. <div class="frame-text">
  125. <p>And so for years I’ve struggled taking murky-pond-pictures like the ones I admire.</p>
  126. </div>
  127. </div>
  128. <div class="frame">
  129. <img src="https://d33wubrfki0l68.cloudfront.net/3c0f7ee06d957848971fc1f11a81f4346e2dc1a8/17818/images/essays/shadows/9.webp" alt="" />
  130. <div class="frame-text">
  131. <p>That is, until I picked up the FujiFilm X100V.</p>
  132. </div>
  133. </div>
  134. <div class="frame">
  135. <img src="https://d33wubrfki0l68.cloudfront.net/6d6c06c903b88e7199a514fe9ca07e8cbc7e63c4/677c1/images/essays/shadows/10.webp" alt="" />
  136. <div class="frame-text">
  137. <p>But before we get into that, let’s take a step back.</p>
  138. </div>
  139. </div>
  140. <div class="frame">
  141. <img src="https://d33wubrfki0l68.cloudfront.net/9f7bd2749e85b38c5f3678fd58b4989f29e530f2/d4012/images/essays/shadows/11.webp" alt="" />
  142. <div class="frame-text">
  143. <p>How would you describe the perfect camera? What do all cameras secretly hope to be?</p>
  144. </div>
  145. </div>
  146. <div class="frame">
  147. <img src="https://d33wubrfki0l68.cloudfront.net/bfd0b8cd21a656d232c81c603266d447a9c0086f/cbfaa/images/essays/shadows/12.webp" alt="" />
  148. <div class="frame-text">
  149. <p>Okay, first off: they should be compact...</p>
  150. </div>
  151. </div>
  152. <div class="frame">
  153. <img src="https://d33wubrfki0l68.cloudfront.net/f37eb0657b35cb20b06cbb19e7c44cd5041b171e/b19f3/images/essays/shadows/13.webp" alt="" />
  154. <div class="frame-text">
  155. <p>&hellip;lightweight&hellip;</p>
  156. </div>
  157. </div>
  158. <div class="frame">
  159. <img src="https://d33wubrfki0l68.cloudfront.net/39b8caa0ec11f020feb650e0463d25480473be2c/46a46/images/essays/shadows/14.webp" alt="" />
  160. <div class="frame-text">
  161. <p>&hellip;and rugged as hell.</p>
  162. </div>
  163. </div>
  164. <div class="frame">
  165. <img src="https://d33wubrfki0l68.cloudfront.net/dc19f3661886511bdcbb60d3855fa8b295fe6536/6736d/images/essays/shadows/15.webp" alt="" />
  166. <div class="frame-text">
  167. <p>Cameras should be indestructible! They’re not for sitting on shelves, looking cool, and gathering dust. Cameras are for throwing into backpacks and then hiking up mountains.</p>
  168. </div>
  169. </div>
  170. <div class="frame">
  171. <img src="https://d33wubrfki0l68.cloudfront.net/11ef6ddb57f82d58303fa92365851412c2d72a38/58f17/images/essays/shadows/16.webp" alt="" />
  172. <div class="frame-text">
  173. <p>Next: a camera should always be ready at a moment’s notice. Tiny adjustments, viewing images, taking pictures, editing on the go, everything; lightning-fast. Faster-than-fast.</p>
  174. </div>
  175. </div>
  176. <div class="frame">
  177. <img src="https://d33wubrfki0l68.cloudfront.net/07b4d3151b190ce4d8bb9a347cdbce4832b1fef9/d0ef4/images/essays/shadows/17.webp" alt="" />
  178. <div class="frame-text">
  179. <p>Finally, the complexity of a camera should be hidden away. No one should be overwhelmed with dials, buttons, and settings. But each time we pick up a camera we should learn something new.</p>
  180. </div>
  181. </div>
  182. <div class="frame">
  183. <img src="https://d33wubrfki0l68.cloudfront.net/eb8870b81723cb78e9d9f1a500fae5fe7ce82a7d/57b32/images/essays/shadows/18.webp" alt="" />
  184. <div class="frame-text">
  185. <p>(The difficulty of a camera should scale with us.)</p>
  186. </div>
  187. </div>
  188. <div class="frame">
  189. <img src="https://d33wubrfki0l68.cloudfront.net/85042d421c2b4c90a3345695ff96b938dfe70297/c400b/images/essays/shadows/19.webp" alt="" />
  190. <div class="frame-text">
  191. <p>This is what the X100V is: it’s the camera that every camera hopes to be, The Chosen One who was foretold in the Great Kodak Prophecy.</p>
  192. </div>
  193. </div>
  194. <div class="frame">
  195. <img src="https://d33wubrfki0l68.cloudfront.net/c96fc8d45b3922d5cd284527d232d19c6a50ee2d/a50b6/images/essays/shadows/20.webp" alt="" />
  196. <div class="frame-text">
  197. <p>The build of it! The heft and potential in your hands! The way it’s always cold to the touch!</p>
  198. </div>
  199. </div>
  200. <div class="frame">
  201. <img src="https://d33wubrfki0l68.cloudfront.net/72451ca4d01677d401293f04f74fb36c7b22d4b9/ed265/images/essays/shadows/21.webp" alt="" />
  202. <div class="frame-text">
  203. <p>And yet it never feels too precious or fragile to take off the shelf: the X100V was custom built for hauling up mountains.</p>
  204. </div>
  205. </div>
  206. <div class="frame">
  207. <img src="https://d33wubrfki0l68.cloudfront.net/64a108e4917ed3d19cac550cafbe9137d008772a/86d91/images/essays/shadows/22.webp" alt="" />
  208. <div class="frame-text">
  209. <p>Then, of course, there’s the photographs.</p>
  210. </div>
  211. </div>
  212. <div class="frame">
  213. <img src="https://d33wubrfki0l68.cloudfront.net/3d63253a37187a21671a9d00d048e98b90b92855/a1995/images/essays/shadows/23.webp" alt="" />
  214. <div class="frame-text">
  215. <p>Each picture has the FujiFilm look that’s hard to describe but even an amatuer like me can notice the gorgeous filmy sheen.</p>
  216. </div>
  217. </div>
  218. <div class="frame">
  219. <img src="https://d33wubrfki0l68.cloudfront.net/c61a20d63af22e0798bf8dae284ae611a728e0ef/54230/images/essays/shadows/24.webp" alt="" />
  220. <div class="frame-text">
  221. <p>It’s also lightning-in-a-bottle-fast. You never have to wait for a menu to load or for a glitch to work itself out because the camera is always go go go.</p>
  222. </div>
  223. </div>
  224. <div class="frame">
  225. <img src="https://d33wubrfki0l68.cloudfront.net/fc0b230fd77f788db27bef411ec91fed61472000/f58c8/images/essays/shadows/25.webp" alt="" />
  226. <div class="frame-text">
  227. <p>But, most important of all: <strong>the shadows</strong>. This thing captures shadows like it’s Bane, born in shadow, master of shadows.</p>
  228. </div>
  229. </div>
  230. <div class="frame">
  231. <img src="https://d33wubrfki0l68.cloudfront.net/d8b050258a50a59091b8ed7b684b2042caec76aa/408d1/images/essays/shadows/26.webp" alt="" />
  232. <div class="frame-text">
  233. <p>What was a batch of random sticks and leaves just a moment ago—click!—is now a complex web of marvelous shadows.</p>
  234. </div>
  235. </div>
  236. <div class="frame">
  237. <img src="https://d33wubrfki0l68.cloudfront.net/6c5344b0837cadb7bd0d2baba9e36539bd14bd54/53e4d/images/essays/shadows/27.webp" alt="" />
  238. <div class="frame-text">
  239. <p>The filmy gloss through the window, the light along the fence, the patchwork shapes warped across fabric.</p>
  240. </div>
  241. </div>
  242. <div class="frame">
  243. <img src="https://d33wubrfki0l68.cloudfront.net/7005cf174d4a16920424f4a2aa3183dda96ef009/5e1b5/images/essays/shadows/28.webp" alt="" />
  244. <div class="frame-text">
  245. <p>Look at everything I missed! Look at the shadows!</p>
  246. </div>
  247. </div>
  248. <div class="frame">
  249. <img src="https://d33wubrfki0l68.cloudfront.net/8ea9d8725c87d9aef4ec74da50e0a6229c9386e5/c013b/images/essays/shadows/29.webp" alt="" />
  250. <div class="frame-text">
  251. <p>To put it simply: this camera is in constant shhhh mode.</p>
  252. <p>And through this constant shhhh-ing, it encourages you to perk up and look closely.</p>
  253. </div>
  254. </div>
  255. <div class="frame">
  256. <img src="https://d33wubrfki0l68.cloudfront.net/babea80da880218f03354feac1e0d3a4234cfd6d/6be41/images/essays/shadows/30.webp" alt="" />
  257. <div class="frame-text">
  258. <p>Yet despite the X100V being the best murky-pond-picture-taker of them all, this camera constantly shows me the limits of my skill.</p>
  259. </div>
  260. </div>
  261. <div class="frame">
  262. <img src="https://d33wubrfki0l68.cloudfront.net/8a11e672dbec430da548b4f713a842de22971d2e/11921/images/essays/shadows/31.webp" alt="" />
  263. <div class="frame-text">
  264. <p>For example: I have no eye for a good crop or a good subject and sweet heavens I have no idea where to put my feet. </p>
  265. </div>
  266. </div>
  267. <div class="frame">
  268. <img src="https://d33wubrfki0l68.cloudfront.net/bb741dd3142b33ba271917042bba568be52b5f90/8fb4a/images/essays/shadows/32.webp" alt="" />
  269. <div class="frame-text">
  270. <p>But each day my eyes adjust. Slowly, gradually, ever-so-incrementally, I’ve become alert to the shapes and colors and shadows nearby.</p>
  271. </div>
  272. </div>
  273. <div class="frame">
  274. <img src="https://d33wubrfki0l68.cloudfront.net/49b1ebba1c6a3e98663473a9abea3d36fb4f598d/ad95c/images/essays/shadows/33.webp" alt="" />
  275. <div class="frame-text">
  276. <p>On my morning walks I see how shadows climb up fences and gates or lazily stretch up along the sides of buildings&hellip;</p>
  277. </div>
  278. </div>
  279. <div class="frame">
  280. <img src="https://d33wubrfki0l68.cloudfront.net/264da8adf96d453043be6bca3029c20d78c4f754/952aa/images/essays/shadows/34.webp" alt="" />
  281. <div class="frame-text">
  282. <p>&hellip;and I’m more sensitive to hints of color now; oranges pushed up close to bright greens, the color wheel made visible.</p>
  283. </div>
  284. </div>
  285. <div class="frame">
  286. <img src="https://d33wubrfki0l68.cloudfront.net/6bab37e5e1158462597666b9d53d76f3de3320bb/37341/images/essays/shadows/35.webp" alt="" />
  287. <div class="frame-text">
  288. <p>Then there’s the dark and solemn realms of foliage, trees, and hedges, each with their own private network of shadows.</p>
  289. </div>
  290. </div>
  291. <div class="frame">
  292. <img src="https://d33wubrfki0l68.cloudfront.net/ddfbdc2db14af8129c119f85cb8c673a4a829db9/f33dc/images/essays/shadows/36.webp" alt="" />
  293. <div class="frame-text">
  294. <p>Lately I’ve noticed the shadows found in unusual places, too.</p>
  295. <p>(Like those inbetween the bones of prehistoric whales.)</p>
  296. </div>
  297. </div>
  298. <div class="frame">
  299. <img src="https://d33wubrfki0l68.cloudfront.net/6df4ff9dba3ede356e806698f7953ba5e5bbfd43/5974b/images/essays/shadows/37.webp" alt="" />
  300. <div class="frame-text">
  301. <p>Once the X100V shows you these things, it’s hard to ignore them. Nothing is just a tiny detail anymore.</p>
  302. <p>Everything is important.</p>
  303. </div>
  304. </div>
  305. <div class="frame">
  306. <img src="https://d33wubrfki0l68.cloudfront.net/1b0e77542d01793b5b55f771f7f0ce058e2603f7/a8f94/images/essays/shadows/38.webp" alt="" />
  307. <div class="frame-text">
  308. <p>Which reminds me&hellip;</p>
  309. </div>
  310. </div>
  311. <div class="frame">
  312. <img src="https://d33wubrfki0l68.cloudfront.net/24b17f34c99c812cf4e189d0aca71b3a56c42939/4c768/images/essays/shadows/39.webp" alt="" />
  313. <div class="frame-text">
  314. <p>&hellip;many years ago I read an essay by Jun'ichirō Tanizaki called <strong>In Praise of Shadows</strong>.</p>
  315. </div>
  316. </div>
  317. <div class="frame">
  318. <img src="https://d33wubrfki0l68.cloudfront.net/e09808fc7d973d94560af7c9fc5a3226aa9e7d84/137bf/images/essays/shadows/40.webp" alt="" />
  319. <div class="frame-text">
  320. <p>Written in 1933, Tanizaki is obsessed with shadows; he argues that gold can only be seen clearly in a poorly lit room, and that food always tastes better in a candle-lit restaurant.</p>
  321. </div>
  322. </div>
  323. <div class="frame">
  324. <img src="https://d33wubrfki0l68.cloudfront.net/d39027a1de71f74ea4939801ee94541d92495255/e7061/images/essays/shadows/41.webp" alt="" />
  325. <div class="frame-text">
  326. <p>Perhaps the best part of Tanizaki’s essay is when he argues against bright, overhead lighting and how it’s a curse upon humanity:</p>
  327. </div>
  328. </div>
  329. <div class="frame">
  330. <img src="https://d33wubrfki0l68.cloudfront.net/e05a3eedfafb42e74cab18dfa2aed45e548da22b/9c197/images/essays/shadows/42.webp" alt="" />
  331. <div class="frame-text">
  332. <blockquote>
  333. <p>&hellip;the beauty of a Japanese room depends on a variation of shadows, heavy shadows against light shadows—it has nothing else.</p>
  334. </blockquote>
  335. </div>
  336. </div>
  337. <div class="frame">
  338. <img src="https://d33wubrfki0l68.cloudfront.net/d2d355aee1819a2b090ed5d72f38fe030018b28f/38ecb/images/essays/shadows/43.webp" alt="" />
  339. <div class="frame-text">
  340. <blockquote>
  341. <p>Westerners are amazed at the simplicity of Japanese rooms, perceiving in them no more than ashen walls bereft of ornament [...] but it betrays a failure to comprehend the mystery of shadows.</p>
  342. </blockquote>
  343. </div>
  344. </div>
  345. <div class="frame">
  346. <img src="https://d33wubrfki0l68.cloudfront.net/86a459721e5dd2bf93c82d747d20659681b35892/befda/images/essays/shadows/44.webp" alt="" />
  347. <div class="frame-text">
  348. <p>Does this essay satisfy my inner weeb? Absolutely. Have I watched every episode of Naruto? Of course. But when I first read Tanizaki’s little rant about shadows, something about the world clicked for me, something that I hadn’t put into words before.</p>
  349. </div>
  350. </div>
  351. <div class="frame">
  352. <img src="https://d33wubrfki0l68.cloudfront.net/2fe6d772388f2ad200a5eee96657eb8233937fc7/55f71/images/essays/shadows/45.webp" alt="" />
  353. <div class="frame-text">
  354. <p>I noticed that shadows are unwelcome everywhere; they’re carelessly washed away, the ambience lost in all that fluorescent light.</p>
  355. </div>
  356. </div>
  357. <div class="frame">
  358. <img src="https://d33wubrfki0l68.cloudfront.net/85e2eb9f269df1ab4037a92c24992eb0b5e70fff/bd79c/images/essays/shadows/46.webp" alt="" />
  359. <div class="frame-text">
  360. <p>Here’s Tanizaki again:</p>
  361. </div>
  362. </div>
  363. <div class="frame">
  364. <img src="https://d33wubrfki0l68.cloudfront.net/1688a0ad269a3c2a6b50022edc7d7b402410cd0e/44e40/images/essays/shadows/47.webp" alt="" />
  365. <div class="frame-text">
  366. <blockquote>
  367. <p>So benumbed are we nowadays by electric lights that we have become utterly insensitive to the evils of excessive illumination.</p>
  368. </blockquote>
  369. </div>
  370. </div>
  371. <div class="frame">
  372. <img src="https://d33wubrfki0l68.cloudfront.net/bcfb110de5fe4dbcb98e95f1bf764f5796e8fd6f/5551b/images/essays/shadows/48.webp" alt="" />
  373. <div class="frame-text">
  374. <p>Now I’m not trying to make Tanizaki into some kind of heroic Shadow King, and we all need lights just to survive, but that bit about “excessive illumination” certainly applies to photography.</p>
  375. </div>
  376. </div>
  377. <div class="frame">
  378. <img src="https://d33wubrfki0l68.cloudfront.net/fe6acb497eb37993a259ca7d25062805e953ee37/67755/images/essays/shadows/49.webp" alt="" />
  379. <div class="frame-text">
  380. <p>We throw photos into Instagram or some other app and then turn the brightness and saturation up to eleven. Yet thanks to this excessive illumination: no shadows, no mysteries.</p>
  381. </div>
  382. </div>
  383. <div class="frame">
  384. <img src="https://d33wubrfki0l68.cloudfront.net/78e1227ddc5a7b02ed4c1c8ed1b54fb8cf0c7ef8/30b05/images/essays/shadows/50.webp" alt="" />
  385. <div class="frame-text">
  386. <p>Perhaps this is why I’m annoyed by the little cameras on our phones. It feels like they’ve restricted my vision to what only the apps can see: bright, bright, bright!</p>
  387. </div>
  388. </div>
  389. <div class="frame">
  390. <img src="https://d33wubrfki0l68.cloudfront.net/04424bc8f01b52cca59c7d1b154921bbb2497145/292f8/images/essays/shadows/51.webp" alt="" />
  391. <div class="frame-text">
  392. <p>Hardware-wise, the cameras on our phones are spectacular though, and so we really don’t need to spend a bunch of money on a fancy camera. </p>
  393. </div>
  394. </div>
  395. <div class="frame">
  396. <img src="https://d33wubrfki0l68.cloudfront.net/6cbd3c9f4325e02f85a70d8e3dda0fa7c59144fc/fe810/images/essays/shadows/52.webp" alt="" />
  397. <div class="frame-text">
  398. <p>However, what I’m getting with the X100V is not more camera but less phone. I desperately need fewer distractions because I want to take a picture without thinking about how many likes I’ll get once I upload it. </p>
  399. </div>
  400. </div>
  401. <div class="frame">
  402. <img src="https://d33wubrfki0l68.cloudfront.net/37d82c3848c5ebc3d338afcfd73f518066b46caf/b0ded/images/essays/shadows/53.webp" alt="" />
  403. <div class="frame-text">
  404. <p>Separating the act of taking a picture from the process of publishing it makes all of this fun again because when photography and publishing are too close together (like on my phone) I’m paying attention to all the wrong incentives.</p>
  405. </div>
  406. </div>
  407. <div class="frame">
  408. <img src="https://d33wubrfki0l68.cloudfront.net/e7ba59b3b24ece0ce863e4192760c3e2a8a978eb/f1019/images/essays/shadows/54.webp" alt="" />
  409. <div class="frame-text">
  410. <p>In fact, the difficulty of publishing photos from the X100V is a feature and not a bug. The lack of social networktivity encourages me to take pictures I otherwise wouldn’t with all that peer pressure of likes and retweets, etc.</p>
  411. </div>
  412. </div>
  413. <div class="frame">
  414. <img src="https://d33wubrfki0l68.cloudfront.net/b3951d010aead85f45e1ee25ea81cb04d5b174da/7e4dd/images/essays/shadows/55.webp" alt="" />
  415. <div class="frame-text">
  416. <p>That’s important because the more time spent thinking about the likes or retweets of a photograph is less time spent praising the lights, colors, and shadows.</p>
  417. </div>
  418. </div>
  419. <div class="frame">
  420. <img src="https://d33wubrfki0l68.cloudfront.net/681dd95870801068cd8976b8ee5dc5a383037642/7bf1b/images/essays/shadows/56.webp" alt="" />
  421. <div class="frame-text">
  422. <p>So there’s the excessive illumination of our phones—think tacky filters, bad lenses for low light and what not—but there’s also a kind of <strong>network excess</strong> with a phone, because the device is connected to every other sentient being in the universe.</p>
  423. </div>
  424. </div>
  425. <div class="frame">
  426. <img src="https://d33wubrfki0l68.cloudfront.net/6d34275e75c9865901a95b68bc56e99db636cdcc/fc786/images/essays/shadows/57.webp" alt="" />
  427. <div class="frame-text">
  428. <p>The X100V puts a healthy distance between me and all that. And I’m saying this despite being a web designer, where I once believed that more internet was always a good thing.</p>
  429. </div>
  430. </div>
  431. <div class="frame">
  432. <img src="https://d33wubrfki0l68.cloudfront.net/ea7c7ccedaba2450685bcad123595433f2ad7251/5a5bc/images/essays/shadows/58.webp" alt="" />
  433. <div class="frame-text">
  434. <p>So: screw the likes, the audience, and the art. I want pictures just for me.</p>
  435. <p>(Pictures with deep, beautiful shadows, etc. etc.)</p>
  436. </div>
  437. </div>
  438. <div class="frame">
  439. <img src="https://d33wubrfki0l68.cloudfront.net/dc25a52a7563ad84020052619f81d0aad49f0add/2e39f/images/essays/shadows/59.webp" alt="" />
  440. <div class="frame-text">
  441. <p>Because although this little machine hasn’t shown me how to take a good photograph&hellip;</p>
  442. </div>
  443. </div>
  444. <div class="frame">
  445. <img src="https://d33wubrfki0l68.cloudfront.net/10d609c74e783db4e02351e899d48c58d9a397cd/4b5b4/images/essays/shadows/60.webp" alt="" />
  446. <div class="frame-text">
  447. <p>(Yet.)</p>
  448. </div>
  449. </div>
  450. <div class="frame">
  451. <img src="https://d33wubrfki0l68.cloudfront.net/6fdac30f6543285f43456f6aae2ff610d9baf45e/8a96a/images/essays/shadows/61.webp" alt="" />
  452. <div class="frame-text">
  453. <p>&hellip;the X100V has shown me something else: why we should stand still, catch our breath, and take a photograph in the first place.</p>
  454. </div>
  455. </div>
  456. <div class="frame">
  457. <img src="https://d33wubrfki0l68.cloudfront.net/4a7bd2303f5e104291ea65dadc5f2ebdac105153/e9844/images/essays/shadows/62.webp" alt="" />
  458. <div class="frame-text">
  459. <p>However, most important of all, the X100V has revealed this complex and strange world of shadows that we live in.</p>
  460. </div>
  461. </div>
  462. <div class="frame">
  463. <img src="https://d33wubrfki0l68.cloudfront.net/475d21d79e4a6663ad6c3c15203a4a2eafaedc78/fdd9b/images/essays/shadows/63.webp" alt="" />
  464. <div class="frame-text">
  465. <p>And that, for me, is enough.</p>
  466. </div>
  467. </div>
  468. <div class="frame">
  469. <img src="https://d33wubrfki0l68.cloudfront.net/99c859f57fe3bf8dc1a6a4c2fa6709234c943f4e/be3ea/images/essays/shadows/64.webp" alt="" />
  470. </div>
  471. <div class="frame">
  472. <img src="https://d33wubrfki0l68.cloudfront.net/a626f9cdf0376d8aa44530e277ee8dd2d33697ac/b7314/images/essays/shadows/65.webp" alt="" />
  473. </div>
  474. <div class="frame">
  475. <img src="https://d33wubrfki0l68.cloudfront.net/b8902a50cc3fdde52a9e34cf1a621b43a021c269/05009/images/essays/shadows/66.webp" alt="" />
  476. </div>
  477. <div class="frame">
  478. <img src="https://d33wubrfki0l68.cloudfront.net/31e23e92788eaf10a55fd0c22e278c7712a90915/34baf/images/essays/shadows/67.webp" alt="" />
  479. <div class="frame-text">
  480. <p>Sign up to my newsletter because blah blah you get it.
  481. <form action="https://buttondown.email/api/emails/embed-subscribe/robinrendle" method="post" target="popupwindow" onsubmit="window.open('https://buttondown.email/robinrendle', 'popupwindow')" class="embeddable-buttondown-form astro-2WPH57EV">
  482. <div class="inputs astro-2WPH57EV">
  483. <input type="email" name="email" id="bd-email" required="" placeholder="Email address" class="input-email" />
  484. <input type="submit" value="Subscribe" class="input-submit">
  485. </div>
  486. </form>
  487. </div>
  488. </div>
  489. <div class="frame">
  490. <img src="https://d33wubrfki0l68.cloudfront.net/a29f5c142a12babd83054ce739fa00b1b34ec768/16815/images/essays/shadows/68.webp" alt="" />
  491. <div class="frame-text">
  492. <p><a href="https://hex.xyz/HEX_Franklin/">Hex Franklin</a> is the typeface for this lil website and it was designed by Nick Sherman. There’s this great feature where no matter what weight you use, the letters are <strong>always the same width</strong>. Neat, huh?</p>
  493. </div>
  494. </div>
  495. <div class="frame">
  496. <img src="https://d33wubrfki0l68.cloudfront.net/38a651ede04ee1bde2a4097b64d91ae78f898750/4c920/images/essays/shadows/69.webp" alt="" />
  497. <div class="frame-text">
  498. <p>Now go away.</p>
  499. </div>
  500. </div>
  501. <div class="frame">
  502. <img src="https://d33wubrfki0l68.cloudfront.net/e111188b0760061ae793d5fe5f5e8a061a927d05/15197/images/essays/shadows/70.webp" alt="" />
  503. </div>
  504. </article>
  505. <hr>
  506. <footer>
  507. <p>
  508. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  509. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  510. </svg> Accueil</a> •
  511. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  512. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  513. </svg> Suivre</a> •
  514. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  515. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  516. </svg> Pro</a> •
  517. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  518. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  519. </svg> Email</a> •
  520. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  521. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  522. </svg> Légal</abbr>
  523. </p>
  524. <template id="theme-selector">
  525. <form>
  526. <fieldset>
  527. <legend><svg class="icon icon-brightness-contrast">
  528. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  529. </svg> Thème</legend>
  530. <label>
  531. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  532. </label>
  533. <label>
  534. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  535. </label>
  536. <label>
  537. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  538. </label>
  539. </fieldset>
  540. </form>
  541. </template>
  542. </footer>
  543. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  544. <script>
  545. function loadThemeForm(templateName) {
  546. const themeSelectorTemplate = document.querySelector(templateName)
  547. const form = themeSelectorTemplate.content.firstElementChild
  548. themeSelectorTemplate.replaceWith(form)
  549. form.addEventListener('change', (e) => {
  550. const chosenColorScheme = e.target.value
  551. localStorage.setItem('theme', chosenColorScheme)
  552. toggleTheme(chosenColorScheme)
  553. })
  554. const selectedTheme = localStorage.getItem('theme')
  555. if (selectedTheme && selectedTheme !== 'undefined') {
  556. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  557. }
  558. }
  559. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  560. window.addEventListener('load', () => {
  561. let hasDarkRules = false
  562. for (const styleSheet of Array.from(document.styleSheets)) {
  563. let mediaRules = []
  564. for (const cssRule of styleSheet.cssRules) {
  565. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  566. continue
  567. }
  568. // WARNING: Safari does not have/supports `conditionText`.
  569. if (cssRule.conditionText) {
  570. if (cssRule.conditionText !== prefersColorSchemeDark) {
  571. continue
  572. }
  573. } else {
  574. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  575. continue
  576. }
  577. }
  578. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  579. }
  580. // WARNING: do not try to insert a Rule to a styleSheet you are
  581. // currently iterating on, otherwise the browser will be stuck
  582. // in a infinite loop…
  583. for (const mediaRule of mediaRules) {
  584. styleSheet.insertRule(mediaRule.cssText)
  585. hasDarkRules = true
  586. }
  587. }
  588. if (hasDarkRules) {
  589. loadThemeForm('#theme-selector')
  590. }
  591. })
  592. </script>
  593. </body>
  594. </html>