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

1 år sedan
1 år sedan
1 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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>Carrying a camera (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://macwright.com/2017/11/03/carrying-a-camera.html">
  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>Carrying a camera</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://macwright.com/2017/11/03/carrying-a-camera.html" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <div class="body e-content"><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-grafitti-on-a-school-in-sf.webp" type="image/webp"><img alt="Grafitti on a school in SF" src="/images/2017-11-03-carrying-a-camera-grafitti-on-a-school-in-sf.jpg"></source></picture></p><p>Every time that a new phone gets released, there’s a wave of buzz about the stunning photographs it produces. <a href="https://www.youtube.com/watch?v=PgeJ0XYuI2E">DXOMark</a> created a rubric for photo quality, and phones keep improving. Today the iPhone X was released, and there’s yet more buzz around ‘shot on iPhone’ and articles about how <a href="https://mashable.com/2017/10/12/how-iphone-8-plus-replaced-my-real-camera/">it might be better than ‘real cameras’</a>.</p><p>This is technically true, but it misses the point.</p><p>This morning I went on a quick hike to clear my mind (it didn’t work). But I brought my camera - my Olympus Pen F, with a pancake lens. Relative to the SLRs I used to carry, it’s lightweight and lovely. But it’s many times heavier and clunkier than a phone. As a result, I don’t carry it around all the time.</p><p>Which is supposed to be one of the golden rules of good photographers. Both <a href="https://www.kenrockwell.com/tech/how-to-spot-an-amateur.htm">Ken Rockwell</a> and Casey Neistat agree: the best camera is the one you have on you. Don’t stash your camera in your backpack - hold it in your hands, and keep it with you.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-portland-on-an-olympus.webp" type="image/webp"><img alt="Portland, on an Olympus" src="/images/2017-11-03-carrying-a-camera-portland-on-an-olympus.jpg"></source></picture></p><p>But is that all? Is the best camera the lightest thing with the highest number of megapixels?</p><p>This morning I saw some birds - Western Bluebirds, I think - and also wood. I think about wood a lot, because I care for a few trees. I have an apple tree that I grew from the seed of an apple I ate, and it’s just starting to get a thick, woody trunk. Another tree, a Ficus Microcarpa, I <a href="http://bonsaijournal.com/beginners-trunk-chop-101.php">trunk chopped</a> today. I took a bunch of photos of wood - of holes in wood, of places where the heartwood had rotted out or been excavated by insects.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-skate-day-in-dc.webp" type="image/webp"><img alt="Skate Day in DC" src="/images/2017-11-03-carrying-a-camera-skate-day-in-dc.jpg"></source></picture></p><p>The way that I think about photos is probably moving farther away from the norm over time. Products like the <a href="https://store.google.com/us/product/google_clips">Google Photo Clip</a> are driving home a relentlessly objective idea about what photography is. Photos are well-exposed, clear, sharp images of your friends, children, and dogs. The machine learning algorithm will make sure of this. It may also enjoy sunsets.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-buildings-in-new-york.webp" type="image/webp"><img alt="Buildings in New York" src="/images/2017-11-03-carrying-a-camera-buildings-in-new-york.jpg"></source></picture></p><p>Photos to me aren’t about beautiful objects or familiar things: they’re about beautiful arrangements of colors, feelings, symbols - they’re about how things end up once they’re projected on to a flat piece of paper or a screen. Photos are about capturing what <em>you</em> see. There are millions of mediocre photos of the Statue of Liberty or of people looking at the Mona Lisa, but an ordinary day through <a href="http://stephenshore.net/photographs/uncommon/index.php?page=1&amp;menu=photographs">Stephen Shore’s eyes</a> is truly remarkable.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-snowy-scene.webp" type="image/webp"><img alt="Snowy scene" src="/images/2017-11-03-carrying-a-camera-snowy-scene.jpg"></source></picture></p><p>The thing is, when you’re looking for photographs, you’re <em>looking for beauty</em>: you aren’t just hiking, you’re trying to find things that fit your idea of beautiful. And what you look for is what you tend to find.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-developments-in-ny.webp" type="image/webp"><img alt="Developments in NY" src="/images/2017-11-03-carrying-a-camera-developments-in-ny.jpg"></source></picture></p><p>With my iPhone 8, I could take a photo of anything at any time. I could also pull it out and browse the news, or Twitter, or receive a heartbreaking or heartwarming text message. It’s a device that’s filled with so much that it’s filled with nothing - a fact that’s only underscored by the design trends in smartphones. New phones are going ‘bezel-less’ and the concept art for future generations are simply unadorned glass rectangles. More than anything, this kind of technology is becoming <strong>inert</strong> in both design and emotion.</p><p>In contrast, a camera like the Pen F - or my <a href="https://www.kenrockwell.com/olympus/xa.htm">Olympus XA2</a> - is richly suggestive of its purpose, and specific. Picking it up, with its knurled aperture controls and cold metal frame, puts you in the mode of seeing.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-7.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-7.jpg"></source></picture></p><p>Having my phone in my pocket doesn’t trigger anything but distraction. It can do everything, and so I feel nothing in particular about it. A physical camera takes photos, but it also makes me think about seeing. And I like that.</p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-8.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-8.jpg"></source></picture></p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-9.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-9.jpg"></source></picture></p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-10.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-10.jpg"></source></picture></p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-11.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-11.jpg"></source></picture></p><p><picture><source srcset="/images/2017-11-03-carrying-a-camera-12.webp" type="image/webp"><img alt="" src="/images/2017-11-03-carrying-a-camera-12.jpg"></source></picture></p></div>
  74. </article>
  75. <hr>
  76. <footer>
  77. <p>
  78. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  79. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  80. </svg> Accueil</a> •
  81. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  82. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  83. </svg> Suivre</a> •
  84. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  85. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  86. </svg> Pro</a> •
  87. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  88. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  89. </svg> Email</a> •
  90. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  91. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  92. </svg> Légal</abbr>
  93. </p>
  94. <template id="theme-selector">
  95. <form>
  96. <fieldset>
  97. <legend><svg class="icon icon-brightness-contrast">
  98. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  99. </svg> Thème</legend>
  100. <label>
  101. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  102. </label>
  103. <label>
  104. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  105. </label>
  106. <label>
  107. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  108. </label>
  109. </fieldset>
  110. </form>
  111. </template>
  112. </footer>
  113. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  114. <script>
  115. function loadThemeForm(templateName) {
  116. const themeSelectorTemplate = document.querySelector(templateName)
  117. const form = themeSelectorTemplate.content.firstElementChild
  118. themeSelectorTemplate.replaceWith(form)
  119. form.addEventListener('change', (e) => {
  120. const chosenColorScheme = e.target.value
  121. localStorage.setItem('theme', chosenColorScheme)
  122. toggleTheme(chosenColorScheme)
  123. })
  124. const selectedTheme = localStorage.getItem('theme')
  125. if (selectedTheme && selectedTheme !== 'undefined') {
  126. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  127. }
  128. }
  129. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  130. window.addEventListener('load', () => {
  131. let hasDarkRules = false
  132. for (const styleSheet of Array.from(document.styleSheets)) {
  133. let mediaRules = []
  134. for (const cssRule of styleSheet.cssRules) {
  135. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  136. continue
  137. }
  138. // WARNING: Safari does not have/supports `conditionText`.
  139. if (cssRule.conditionText) {
  140. if (cssRule.conditionText !== prefersColorSchemeDark) {
  141. continue
  142. }
  143. } else {
  144. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  145. continue
  146. }
  147. }
  148. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  149. }
  150. // WARNING: do not try to insert a Rule to a styleSheet you are
  151. // currently iterating on, otherwise the browser will be stuck
  152. // in a infinite loop…
  153. for (const mediaRule of mediaRules) {
  154. styleSheet.insertRule(mediaRule.cssText)
  155. hasDarkRules = true
  156. }
  157. }
  158. if (hasDarkRules) {
  159. loadThemeForm('#theme-selector')
  160. }
  161. })
  162. </script>
  163. </body>
  164. </html>