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

4 yıl önce
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622
  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>
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Why We’re Traveling (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://phileasandblogg.com/why-were-traveling/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Why We’re Traveling (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://phileasandblogg.com/why-were-traveling/">Source originale du contenu</a></h3>
  445. <p dir="ltr">It’s no coincidence that so many successful tech companies were (and will be) born in the Bay Area. But for <a href="http://phileasandfogg.com">Phileas &amp; Fogg</a>, we’re packing up and spending October through December in Costa Rica. Here’s why.</p>
  446. <h3 dir="ltr"><span id="more-126"/>The Fisherman</h3>
  447. <p dir="ltr">There’s a great story that originated with a man named Heinrich Böll. It goes something like this:<sup id="rf1-126"><a href="#fn1-126" title=" Anekdote zur Senkung der Arbeitsmoral by Heinrich Boll ">1</a></sup></p>
  448. <blockquote>
  449. <p dir="ltr">An American entrepreneur was at a pier in a small coastal Mexican village when a small boat with just one fisherman docked. Inside the small boat were several large yellow-fin tuna. The American complimented the Mexican on the quality of his fish and asked how long it took to catch them.</p>
  450. <p dir="ltr">The Mexican replied only a little while.</p>
  451. <p dir="ltr">The entrepreneur then asked why didn’t he stay out longer and catch more fish?</p>
  452. <p dir="ltr">The fisherman said he had enough to support his family’s immediate needs.</p>
  453. <p dir="ltr">The American then asked the Mexican how he spent the rest of his time.</p>
  454. <p dir="ltr">The Mexican fisherman said, “I sleep late, fish a little, play with my children, take siesta with my wife, Maria, stroll into the village each evening where I sip wine and play guitar with my amigos. I have a full and busy life, señor.”</p>
  455. <p dir="ltr">The American scoffed, “I can help you. You should spend more time fishing and, with the proceeds, buy a bigger boat. With the proceeds from the bigger boat, you could buy several boats, eventually you would have a fleet of fishing boats. Instead of selling your catch to a middleman you would sell directly to the processor, eventually opening your own cannery. You would control the product, processing and distribution.</p>
  456. <p dir="ltr">“You would need to leave this small coastal fishing village and move to Mexico City, then LA and eventually NYC where you will run your expanding enterprise.”</p>
  457. <p dir="ltr">The Mexican fisherman asked, “But señor, how long will this all take?”</p>
  458. <p dir="ltr">To which the American replied, “15-20 years.”</p>
  459. <p dir="ltr">“But what then, señor?” asked the fisherman.</p>
  460. <p dir="ltr">The entrepreneur laughed, and said, “That’s the best part! When the time is right, you would announce an IPO and sell your company stock to the public. You’ll become very rich, you would make millions!”</p>
  461. <p dir="ltr">“Millions, señor?” replied the Mexican. “Then what?”</p>
  462. <p dir="ltr">The American said, “Then you would retire. Move to a small coastal fishing village where you would sleep late, fish a little, play with your kids, take siesta with your wife, stroll to the village in the evenings where you could sip wine and play your guitar with your amigos.”</p>
  463. </blockquote>
  464. <h3 dir="ltr">Peacefulness</h3>
  465. <p dir="ltr">No matter how good I am at saying no, somehow by the time Monday rolls around my schedule for the week is already filled with random phone calls, coffee meetings and evening events. That’s part of the magic of Silicon Valley — there’s never a shortage of things to do or people who could help you out.</p>
  466. <p dir="ltr">However, design and programming require long stretches of uninterrupted time. Paul Graham said it best:<sup id="rf2-126"><a href="#fn2-126" title=" Maker’s Schedule, Manager’s Schedule by Paul Graham, July 2009 ">2</a></sup></p>
  467. <blockquote>
  468. <p dir="ltr">I find one meeting can sometimes affect a whole day. A meeting commonly blows at least half a day, by breaking up a morning or afternoon. But in addition there’s sometimes a cascading effect. If I know the afternoon is going to be broken up, I’m slightly less likely to start something ambitious in the morning. I know this may sound oversensitive, but if you’re a maker, think of your own case. Don’t your spirits rise at the thought of having an entire day free to work, with no appointments at all? Well, that means your spirits are correspondingly depressed when you don’t. And ambitious projects are by definition close to the limits of your capacity. A small decrease in morale is enough to kill them off.</p>
  469. </blockquote>
  470. <p>When starting a new product, three months with minimal distractions really does seem like paradise. There will be a ton of things to do and explore, but it makes it easier to cut out any sort of unwanted interruptions.</p>
  471. <h3 dir="ltr">Litmus Test</h3>
  472. <p dir="ltr">We want to work with people who are adventurous and like trying new things. People who go with the flow, think quick on their feet and make things happen. Traveling acts a bit like a litmus test for this.</p>
  473. <p dir="ltr">Of course, one downside is that it’s not ideal for everyone. Some of the best people I’ve ever worked with wouldn’t want to or be able to travel. We’ll get around this eventually by hiring remote employees or setting up a SF office.</p>
  474. <p dir="ltr">The first few months and hires of any company sets the tone for the rest of its existence. We want to start things off with a strong culture of exploring and experimenting.</p>
  475. <h3 dir="ltr">Product Strategy</h3>
  476. <p dir="ltr">Traveling in three month chunks fits our product strategy. We’re building a suite of smaller-scale developer tools that integrate with and build on each other, and three months gives us a hard deadline for each one. Something about having your visa expire puts into perspective which features are really important.</p>
  477. <p dir="ltr">There’s a huge number of products and ideas that fit somewhere between “side project” and “fundable startup”. That’s the scope we’re tackling. When you take funding, you’re basically signing up forever — even if the product doesn’t need that much attention. When you have forever, it’s hard to keep focus on what’s really important. Not every useful product needs hundreds of features, four rewrites and a social network tacked on. But that’s for another blog post.</p>
  478. <h3 dir="ltr">The Price</h3>
  479. <p dir="ltr">San Francisco is attracting the best talent and companies — and as a result, it’s become almost comically expensive. You can be making six figures a year, yet still end up living like a college student.</p>
  480. <p dir="ltr">Going to Costa Rica isn’t going to save us much money. However, we can make that money go farther. For the same price as a tiny office and small apartments for our team in SF, we’ll be working from <a title="The House" href="http://phileasandblogg.com/the-house/">a beautiful geodesic dome overlooking the Pacific Ocean</a>.</p>
  481. <h3 dir="ltr">Unique Perks</h3>
  482. <p dir="ltr">There was a time when a startup offering free lunch or a monthly massage was noteworthy. Now, to get anyone to even consider your startup, you need snacks, gym memberships, Uber credit, laundry service, dogs in the office, Aeron chairs… the list goes on. It’s become an arms race that can’t be won.</p>
  483. <p dir="ltr">Afternoon drinks at a bar literally in a pool? Ziplining through a rainforest to lunch? Working from a desk overlooking the sunset? Traveling lets us offer completely unique “perks”.</p>
  484. <h3 dir="ltr">Different perspective</h3>
  485. <p dir="ltr">When you drive the same route from the same apartment to the same office every day, it’s easy to get into autopilot mode. You zone out and just start just going through the motions. Being somewhere completely unfamiliar keeps you from getting into that rut.</p>
  486. <p dir="ltr">By changing things up every few months, we’re forcing ourselves to constantly reevaluate and look at things a new way. “When we escape from the place we spend most of our time, the mind is suddenly made aware of all those errant ideas we’d previously suppressed.”<sup id="rf3-126"><a href="#fn3-126" title=" The Benefits of Vacation, Jonah Lehrer, September 2009 ">3</a></sup> People who have been immersed in a different culture are much better at creatively solving tricky problems.<sup id="rf4-126"><a href="#fn4-126" title=" Is creative a foreign concept? by William W Maddux and Adam D Galinsky ">4</a></sup></p>
  487. <h3 dir="ltr">Slow Down Time</h3>
  488. <p dir="ltr">Did you ever notice that the first few months at a new company somehow seemed longer than the following two years? It’s easy to roll your eyes when your parents told you how quickly life speeds up — until one day you realize that somehow you’ve been out of college twice as long as you were in it.</p>
  489. <p dir="ltr">The more familiar the world becomes, the less information your brain writes down, and the more quickly time seems to pass. If we perceive time more slowly when we’re processing the unfamiliar, than the frequent introduction of the unfamiliar could help our perception of time from rapidly shrinking. (The <a href="http://lifehacker.com/5802583/why-new-experiences-are-important-and-positively-affect-your-perception-of-time">whole article</a> by LifeHacker is worth a read, especially if you’re freaking out about the Hyperloop-esque speed at which time is flying by you.)</p>
  490. <p dir="ltr">Studies have also shown that experiencing awe can have a similar effect:</p>
  491. <blockquote>
  492. <p dir="ltr">“Experiencing awe heightens people’s focus on the present,” says Ms. Rudd, the lead author of the study. When you are more conscious of the present moment, you “feel that your experiences are fuller, that more can happen or be accomplished during a period of time.”<sup id="rf5-126"><a href="#fn5-126" title=" The experience of awe can slow down perceived time in people’s lives by  Emily Esfahani Smith ">5</a></sup></p>
  493. </blockquote>
  494. <p dir="ltr">We obviously can’t actually slow time down, but we can do the next best thing: trick our brains into perceiving it differently through new experiences.</p>
  495. <h3 dir="ltr">Discovering new problems</h3>
  496. <p dir="ltr">We aren’t going to Costa Rica with the sole intent of finding a problem that needs to be solved. We know what we’re doing for the first few rounds. However, we’re hoping that while we’re there, we’ll slowly start discovering real problems that need to be fixed.</p>
  497. <p dir="ltr">In Silicon Valley, we’re all experiencing the same problems. We all drive on the same roads, eat at the same restaurants and live in the same neighborhoods. So when we decide to solve a problem — we’re all solving the same ones. And when those problems are solved, we’re stuck solving psuedo-problems because the obvious ones are already taken.</p>
  498. <h3 dir="ltr">And that’s why!</h3>
  499. <p dir="ltr">There’s a lot of great things we lose out on by leaving the valley for three months. However, traveling is a culture hack that lets us build the type of company we set out to create.</p>
  500. <p dir="ltr"><em>(Oh, and we’re still hiring — so if this sounds exciting, <a href="http://phileasandfogg.com/apply">you should apply</a>! Applications are due by Sunday at 11:59pm.)</em></p>
  501. <p dir="ltr">As they say in Costa Rica… <em>¡pura vida!</em></p>
  502. <p><hr class="footnotes"/><ol class="footnotes"><li id="fn1-126"><p> <a href="http://en.wikipedia.org/wiki/Anekdote_zur_Senkung_der_Arbeitsmoral">Anekdote zur Senkung der Arbeitsmoral by Heinrich Boll</a>  <a href="#rf1-126" class="backlink" title="Jump back to footnote 1 in the text.">↩</a></p></li><li id="fn2-126"><p> <a href="http://www.paulgraham.com/makersschedule.html">Maker’s Schedule, Manager’s Schedule</a> by Paul Graham, July 2009  <a href="#rf2-126" class="backlink" title="Jump back to footnote 2 in the text.">↩</a></p></li><li id="fn3-126"><p> <a href="http://www.theatlantic.com/daily-dish/archive/2009/09/the-benefits-of-vacation/196905/">The Benefits of Vacation</a>, Jonah Lehrer, September 2009  <a href="#rf3-126" class="backlink" title="Jump back to footnote 3 in the text.">↩</a></p></li><li id="fn4-126"><p> <a href="http://www.tamilsydney.com/content/view/105/37/">Is creative a foreign concept?</a> by William W Maddux and Adam D Galinsky  <a href="#rf4-126" class="backlink" title="Jump back to footnote 4 in the text.">↩</a></p></li><li id="fn5-126"><p> <a href="http://www.washingtontimes.com/news/2012/oct/23/as-anyone-trying-to-juggle-a-career-family-and-sle/#ixzz2dIsM8HcH">The experience of awe can slow down perceived time in people’s lives</a> by  Emily Esfahani Smith  <a href="#rf5-126" class="backlink" title="Jump back to footnote 5 in the text.">↩</a></p></li></ol></p>
  503. </article>
  504. </section>
  505. <nav id="jumpto">
  506. <p>
  507. <a href="/david/blog/">Accueil du blog</a> |
  508. <a href="http://phileasandblogg.com/why-were-traveling/">Source originale</a> |
  509. <a href="/david/stream/2019/">Accueil du flux</a>
  510. </p>
  511. </nav>
  512. <footer>
  513. <div>
  514. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  515. <p>
  516. Bonjour/Hi!
  517. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  518. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  519. </p>
  520. <p>
  521. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  522. </p>
  523. <p>
  524. Voici quelques articles choisis :
  525. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  526. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  527. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  528. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  529. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  530. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  531. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  532. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  533. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  534. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  535. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  536. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  537. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  538. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  539. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  540. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  541. </p>
  542. <p>
  543. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  544. </p>
  545. <p>
  546. Je ne traque pas ta navigation mais mon
  547. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  548. conserve des logs d’accès.
  549. </p>
  550. </div>
  551. </footer>
  552. <script type="text/javascript">
  553. ;(_ => {
  554. const jumper = document.getElementById('jumper')
  555. jumper.addEventListener('click', e => {
  556. e.preventDefault()
  557. const anchor = e.target.getAttribute('href')
  558. const targetEl = document.getElementById(anchor.substring(1))
  559. targetEl.scrollIntoView({behavior: 'smooth'})
  560. })
  561. })()
  562. </script>