7 changed files with 915 additions and 0 deletions
+ 206
- 0
cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/index.html
View File
| @@ -0,0 +1,206 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="fr"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the <title> | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>DST Root CA X3 Expiration (September 2021) (archive) — David Larlet</title> | |||
| <meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <meta name="robots" content="noindex, nofollow"> | |||
| <meta content="origin-when-cross-origin" name="referrer"> | |||
| <!-- Canonical URL for SEO purposes --> | |||
| <link rel="canonical" href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/"> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"> | |||
| <article> | |||
| <header> | |||
| <h1>DST Root CA X3 Expiration (September 2021)</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/" title="Lien vers le contenu original">Source originale</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>On September 30 2021, there will be a small change in how older browsers and devices | |||
| trust Let’s Encrypt certificates. If you run a typical website, you won’t notice | |||
| a difference - the vast majority of your visitors will still accept your Let’s | |||
| Encrypt certificate. If you provide an API or have to support IoT devices, you | |||
| might have to pay a little more attention to the change.</p> | |||
| <p>Let’s Encrypt has a “<a href="https://letsencrypt.org/docs/glossary/#def-root">root certificate</a>” called <a href="https://letsencrypt.org/certificates/" hreflang="en-US">ISRG Root X1</a>. Modern browsers and | |||
| devices trust the Let’s Encrypt certificate installed on your website because | |||
| they include ISRG Root X1 in their list of root certificates. To make sure the | |||
| certificates we issue are trusted on older devices, we also have a | |||
| “cross-signature” from an older root certificate: DST Root CA X3.</p> | |||
| <p>When we got started, that older root certificate (DST Root CA X3) helped us get | |||
| off the ground and be trusted by almost every device immediately. The newer root | |||
| certificate (ISRG Root X1) is now widely trusted too - but some older devices | |||
| won’t ever trust it because they don’t get software updates (for example, an | |||
| iPhone 4 or an HTC Dream). <a href="https://letsencrypt.org/docs/certificate-compatibility/" hreflang="en-US">Click here for a list of which platforms trust ISRG | |||
| Root X1</a>.</p> | |||
| <p>DST Root CA X3 will expire on September 30, 2021. That means those older devices | |||
| that don’t trust ISRG Root X1 will start getting certificate warnings when | |||
| visiting sites that use Let’s Encrypt certificates. There’s one important | |||
| exception: older Android devices that don’t trust ISRG Root X1 will continue to | |||
| work with Let’s Encrypt, <a href="https://letsencrypt.org/2020/12/21/extending-android-compatibility.html">thanks to a special cross-sign from DST Root CA X3</a> | |||
| that extends past that root’s expiration. This exception only works for Android.</p> | |||
| <p>What should you do? For most people, nothing at all! We’ve set up our | |||
| certificate issuance so your web site will do the right thing in most cases, | |||
| favoring broad compatibility. If you provide an API or have to support IoT | |||
| devices, you’ll need to make sure of two things: (1) all clients of your API | |||
| must trust ISRG Root X1 (not just DST Root CA X3), and (2) if clients of your | |||
| API are using OpenSSL, <a href="https://community.letsencrypt.org/t/openssl-client-compatibility-changes-for-let-s-encrypt-certificates/143816">they must use version 1.1.0 or later</a>. In OpenSSL | |||
| 1.0.x, a quirk in certificate verification means that even clients that trust | |||
| ISRG Root X1 will fail when presented with the Android-compatible certificate | |||
| chain we are recommending by default.</p> | |||
| <p>If you have any questions about the upcoming expiration, | |||
| <a href="https://community.letsencrypt.org/t/help-thread-for-dst-root-ca-x3-expiration-september-2021/149190">please post to this thread on our forum.</a></p> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
| </svg> RSS</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 37
- 0
cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/index.md
View File
| @@ -0,0 +1,37 @@ | |||
| title: DST Root CA X3 Expiration (September 2021) | |||
| url: https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/ | |||
| hash_url: 372cdbf3dc67c7796673bec4aaeb9f0f | |||
| <p>On September 30 2021, there will be a small change in how older browsers and devices | |||
| trust Let’s Encrypt certificates. If you run a typical website, you won’t notice | |||
| a difference - the vast majority of your visitors will still accept your Let’s | |||
| Encrypt certificate. If you provide an API or have to support IoT devices, you | |||
| might have to pay a little more attention to the change.</p> | |||
| <p>Let’s Encrypt has a “<a href="https://letsencrypt.org/docs/glossary/#def-root">root certificate</a>” called <a href="https://letsencrypt.org/certificates/" hreflang="en-US">ISRG Root X1</a>. Modern browsers and | |||
| devices trust the Let’s Encrypt certificate installed on your website because | |||
| they include ISRG Root X1 in their list of root certificates. To make sure the | |||
| certificates we issue are trusted on older devices, we also have a | |||
| “cross-signature” from an older root certificate: DST Root CA X3.</p> | |||
| <p>When we got started, that older root certificate (DST Root CA X3) helped us get | |||
| off the ground and be trusted by almost every device immediately. The newer root | |||
| certificate (ISRG Root X1) is now widely trusted too - but some older devices | |||
| won’t ever trust it because they don’t get software updates (for example, an | |||
| iPhone 4 or an HTC Dream). <a href="https://letsencrypt.org/docs/certificate-compatibility/" hreflang="en-US">Click here for a list of which platforms trust ISRG | |||
| Root X1</a>.</p> | |||
| <p>DST Root CA X3 will expire on September 30, 2021. That means those older devices | |||
| that don’t trust ISRG Root X1 will start getting certificate warnings when | |||
| visiting sites that use Let’s Encrypt certificates. There’s one important | |||
| exception: older Android devices that don’t trust ISRG Root X1 will continue to | |||
| work with Let’s Encrypt, <a href="https://letsencrypt.org/2020/12/21/extending-android-compatibility.html">thanks to a special cross-sign from DST Root CA X3</a> | |||
| that extends past that root’s expiration. This exception only works for Android.</p> | |||
| <p>What should you do? For most people, nothing at all! We’ve set up our | |||
| certificate issuance so your web site will do the right thing in most cases, | |||
| favoring broad compatibility. If you provide an API or have to support IoT | |||
| devices, you’ll need to make sure of two things: (1) all clients of your API | |||
| must trust ISRG Root X1 (not just DST Root CA X3), and (2) if clients of your | |||
| API are using OpenSSL, <a href="https://community.letsencrypt.org/t/openssl-client-compatibility-changes-for-let-s-encrypt-certificates/143816">they must use version 1.1.0 or later</a>. In OpenSSL | |||
| 1.0.x, a quirk in certificate verification means that even clients that trust | |||
| ISRG Root X1 will fail when presented with the Android-compatible certificate | |||
| chain we are recommending by default.</p> | |||
| <p>If you have any questions about the upcoming expiration, | |||
| <a href="https://community.letsencrypt.org/t/help-thread-for-dst-root-ca-x3-expiration-september-2021/149190">please post to this thread on our forum.</a></p> | |||
+ 195
- 0
cache/2021/699cfd66554f8e8ad2118eec8b4c0564/index.html
View File
| @@ -0,0 +1,195 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="fr"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the <title> | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>Meet the new owners of Clearleft (archive) — David Larlet</title> | |||
| <meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <meta name="robots" content="noindex, nofollow"> | |||
| <meta content="origin-when-cross-origin" name="referrer"> | |||
| <!-- Canonical URL for SEO purposes --> | |||
| <link rel="canonical" href="https://clearleft.com/posts/meet-the-new-owners-of-clearleft"> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"> | |||
| <article> | |||
| <header> | |||
| <h1>Meet the new owners of Clearleft</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="https://clearleft.com/posts/meet-the-new-owners-of-clearleft" title="Lien vers le contenu original">Source originale</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>The announcement is full of platitudes. “<a href="https://ourincrediblejourney.tumblr.com/">It’s been a wonderful journey</a> so far” the founders will explain, and “this sale marks the next exciting chapter in our history”. The founders will take great pains to explain how much “synergy” they have with their new owners, and how the purchase will “secure the future of their agency and their wonderful employees”. </p> | |||
| <p>“This is an <em>amazing</em> opportunity for our agency”, the founders will be at pains to point out, “allowing us to have an even bigger impact than we had before”. This sounds great, but you can’t help feel like the founders are laying it on a little thick. Like they are trying to convince themselves as much as anybody else. You’re happy for the founders, but you can’t help but be left with a sinking feeling in your stomach. Another independent agency is about to bite the dust.</p> | |||
| <p>Well, I’m sure you can see where this article is heading (I mean the title was a bit of a giveaway), but after <a href="https://clearleft.com/posts/clearleft-turns-fifteen">15 years of running Clearleft</a>, it’s our time to begin to walk down a similar path. We’ve had an amazing journey and have done some pretty cool things along the way. We’ve been working with our new owners for some time now and they really do get us. If you know Clearleft you may already have an inkling of who they may be. </p> | |||
| <p>So who are the new owners of Clearleft, if not some international consultancy? Are they a well-known tech company looking to build their talent pipeline in the <span class="caps">UK</span> through a high-profile acquihire? Or maybe a bank, airline or utility company looking to embark on a programme of digital transformation. Well no, not in this case. </p> | |||
| <p>Our new owners are Alex, Chris and Tom. They’re James, Helen and Cassie; Lorenzo, Trys and Maite. I could go on but you see where we’re going here. The new owners of Clearleft are the people who power Clearleft and who make Clearleft so special. It’s our whole team, in the form of an <strong>Employee Ownership Trust</strong>. </p> | |||
| <p>That’s right; Clearleft will be run for—and on behalf of—all our team, now and in the future. So rather than working for a company where the benefits go to a handful of individuals, they will be shared evenly amongst the team.</p> | |||
| <p>For those of you with a libertarian bent (which I hope isn’t too many of our followers, although we do a fair amount of work in the Bay area) you may be wondering, what sort of socialist hell is this? Have we lost our minds? </p> | |||
| <p>Well, no. The truth is that for the entire history of Clearleft we’ve made decisions with the benefit of the team in mind. It’s one of the reasons we’re able to hire such great talent and keep them retained for two or three times longer than most other agencies. We’ve always put our team’s well-being before our own, so we’re simply making it official. </p> | |||
| <p>The timing (in the middle of a global pandemic) is a little unusual and probably wouldn’t have been our first choice. But it’s also strangely fitting.</p> | |||
| <p>In times of financial hardship, it’s common for company owners to put themselves ahead of everybody else. During the last downturn a well-known agency founder was caught bragging about his brand new company Audi on Twitter the same week he let a third of his team go. Other founders we know have emptied their coffers in advance of a downturn, or have been tempted by a low-ball offer from a third-party buyer. </p> | |||
| <p>I’m not saying these decisions were wrong, as everybody’s circumstances are different. What I do know is that this isn’t something we’d ever consider, so we wanted to make it official; to send a strong signal that while others claim to be “In it together”, we <em>really</em> mean it. </p> | |||
| <p>While there are a lot of practical benefits of being employee-owned—like improved happiness, health and productivity—for the most part life at Clearleft will remain unchanged. We still have the same leadership team and board structure, it’s just they are now obliged to act in the interest of our new majority shareholder, the Employer Ownership Trust. </p> | |||
| <p>If you’ve worked with Clearleft over the years, you may be wondering what this means for our clients. In truth, you’ll get the same amazing service as you’ve come to expect. Maybe even better, because rather than working with employees, you’ll be working with company partners. So they’ll be even more focussed on providing you with a great experience, as their names are above the door (so to speak). It also means that the money made will go to benefit the team you’re working with, rather than a handful of wealthy shareholders. There’s a good argument to make that working with an employee-owned company like Clearleft is an ethical choice.</p> | |||
| <p>So yes, it’s been a long and exciting road. We’ve found some amazing new owners, and are excited to embark on the next phase of our journey. However, unlike the majority of these articles, I hope this one leaves you feeling genuinely happy for our team, our clients, and the future of Clearleft. </p> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
| </svg> RSS</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 31
- 0
cache/2021/699cfd66554f8e8ad2118eec8b4c0564/index.md
View File
| @@ -0,0 +1,31 @@ | |||
| title: Meet the new owners of Clearleft | |||
| url: https://clearleft.com/posts/meet-the-new-owners-of-clearleft | |||
| hash_url: 699cfd66554f8e8ad2118eec8b4c0564 | |||
| <p>The announcement is full of platitudes. “<a href="https://ourincrediblejourney.tumblr.com/">It’s been a wonderful journey</a> so far” the founders will explain, and “this sale marks the next exciting chapter in our history”. The founders will take great pains to explain how much “synergy” they have with their new owners, and how the purchase will “secure the future of their agency and their wonderful employees”. </p> | |||
| <p>“This is an <em>amazing</em> opportunity for our agency”, the founders will be at pains to point out, “allowing us to have an even bigger impact than we had before”. This sounds great, but you can’t help feel like the founders are laying it on a little thick. Like they are trying to convince themselves as much as anybody else. You’re happy for the founders, but you can’t help but be left with a sinking feeling in your stomach. Another independent agency is about to bite the dust.</p> | |||
| <p>Well, I’m sure you can see where this article is heading (I mean the title was a bit of a giveaway), but after <a href="https://clearleft.com/posts/clearleft-turns-fifteen">15 years of running Clearleft</a>, it’s our time to begin to walk down a similar path. We’ve had an amazing journey and have done some pretty cool things along the way. We’ve been working with our new owners for some time now and they really do get us. If you know Clearleft you may already have an inkling of who they may be. </p> | |||
| <p>So who are the new owners of Clearleft, if not some international consultancy? Are they a well-known tech company looking to build their talent pipeline in the <span class="caps">UK</span> through a high-profile acquihire? Or maybe a bank, airline or utility company looking to embark on a programme of digital transformation. Well no, not in this case. </p> | |||
| <p>Our new owners are Alex, Chris and Tom. They’re James, Helen and Cassie; Lorenzo, Trys and Maite. I could go on but you see where we’re going here. The new owners of Clearleft are the people who power Clearleft and who make Clearleft so special. It’s our whole team, in the form of an <strong>Employee Ownership Trust</strong>. </p> | |||
| <p>That’s right; Clearleft will be run for—and on behalf of—all our team, now and in the future. So rather than working for a company where the benefits go to a handful of individuals, they will be shared evenly amongst the team.</p> | |||
| <p>For those of you with a libertarian bent (which I hope isn’t too many of our followers, although we do a fair amount of work in the Bay area) you may be wondering, what sort of socialist hell is this? Have we lost our minds? </p> | |||
| <p>Well, no. The truth is that for the entire history of Clearleft we’ve made decisions with the benefit of the team in mind. It’s one of the reasons we’re able to hire such great talent and keep them retained for two or three times longer than most other agencies. We’ve always put our team’s well-being before our own, so we’re simply making it official. </p> | |||
| <p>The timing (in the middle of a global pandemic) is a little unusual and probably wouldn’t have been our first choice. But it’s also strangely fitting.</p> | |||
| <p>In times of financial hardship, it’s common for company owners to put themselves ahead of everybody else. During the last downturn a well-known agency founder was caught bragging about his brand new company Audi on Twitter the same week he let a third of his team go. Other founders we know have emptied their coffers in advance of a downturn, or have been tempted by a low-ball offer from a third-party buyer. </p> | |||
| <p>I’m not saying these decisions were wrong, as everybody’s circumstances are different. What I do know is that this isn’t something we’d ever consider, so we wanted to make it official; to send a strong signal that while others claim to be “In it together”, we <em>really</em> mean it. </p> | |||
| <p>While there are a lot of practical benefits of being employee-owned—like improved happiness, health and productivity—for the most part life at Clearleft will remain unchanged. We still have the same leadership team and board structure, it’s just they are now obliged to act in the interest of our new majority shareholder, the Employer Ownership Trust. </p> | |||
| <p>If you’ve worked with Clearleft over the years, you may be wondering what this means for our clients. In truth, you’ll get the same amazing service as you’ve come to expect. Maybe even better, because rather than working with employees, you’ll be working with company partners. So they’ll be even more focussed on providing you with a great experience, as their names are above the door (so to speak). It also means that the money made will go to benefit the team you’re working with, rather than a handful of wealthy shareholders. There’s a good argument to make that working with an employee-owned company like Clearleft is an ethical choice.</p> | |||
| <p>So yes, it’s been a long and exciting road. We’ve found some amazing new owners, and are excited to embark on the next phase of our journey. However, unlike the majority of these articles, I hope this one leaves you feeling genuinely happy for our team, our clients, and the future of Clearleft. </p> | |||
+ 302
- 0
cache/2021/e35537b839116354caf42731c6ed39da/index.html
View File
| @@ -0,0 +1,302 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="fr"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the <title> | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>Une association (archive) — David Larlet</title> | |||
| <meta name="description" content="Publication mise en cache pour en conserver une trace."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <meta name="robots" content="noindex, nofollow"> | |||
| <meta content="origin-when-cross-origin" name="referrer"> | |||
| <!-- Canonical URL for SEO purposes --> | |||
| <link rel="canonical" href="https://dtc-innovation.org/writings/2017/une-association"> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"> | |||
| <article> | |||
| <header> | |||
| <h1>Une association</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="https://dtc-innovation.org/writings/2017/une-association" title="Lien vers le contenu original">Source originale</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>dtc innovation est une <a href="https://www.journal-officiel.gouv.fr/association/index.php?ACTION=Rechercher&JTY_WALDEC=W332020707">association loi 1901 à but non lucratif</a>.</p> | |||
| <p>dtc est actuellement composée de David, Thomas et Clémentine. Nous portons des projets auxquels nous croyons et pour lesquels nous aspirons à nous rémunérer.</p> | |||
| <p>Dans le monde de la technique, il est peu commun de se constituer en association. Dans d’autres univers, notamment dans le social ou les arts/spectacles, c’est presque la norme. Et beaucoup d’associations dans le social ont des salariés ; <a href="http://www.croix-rouge.fr/La-Croix-Rouge/La-Croix-Rouge-francaise/En-bref">la Croix Rouge en compte pas moins de 18 000</a> par exemple.</p> | |||
| <p>Ça en étonne plus d’un·e quand on dit que dtc est une association de loi 1901. Et pourtant nous ne voyons pas aujourd’hui de meilleure forme pour travailler ensemble. Petit guide pratique !</p> | |||
| <h1 id="non-lucratif">Non lucratif</h1> | |||
| <p>Une association loi 1901 est <em>toujours</em> à but non lucratif <a href="https://web.archive.org/web/20151022234357/https://fr.wikipedia.org/wiki/Association_%C3%A0_but_lucratif#Quand_parle-t-on_d.27association_.C3.A0_but_lucratif.3F">sauf par abus de langage</a>. La non-lucrativité signifie que <strong>la finalité de la structure n’est pas de dégager un bénéfice qui sera reversé à des actionnaires</strong>.</p> | |||
| <h1 id="faire-rentrer-de-largent">Faire rentrer de l’argent</h1> | |||
| <p><strong>Notre association a des activités commerciales</strong>, notamment donner des formations, faire de la gestion de projet, organiser des évènements, développer des prototypes ou des produits.</p> | |||
| <p>Un modèle classique pour une association est de demander des subventions à des collectivités locales. Nous n’avons pas prévu d’utiliser ce mode de financement. Il n’est pas exclu de demander une subvention si un projet que nous menons s’y prête.</p> | |||
| <p>Légalement parlant, dtc innovation est <a href="https://www.service-public.fr/associations/vosdroits/F31838">une association | |||
| <strong>à activité commerciale</strong></a>.</p> | |||
| <h1 id="se-payer">Se payer</h1> | |||
| <p>Il existe deux manières légales de sortir de l’argent d’une association : des salaires et des factures.</p> | |||
| <p>Pour diverses raisons, <strong>nous avons choisi d’être salarié·e·s</strong> de dtc. <strong>Nous sommes aussi acteurs de la gouvernance</strong>. Ceci est possible parce que chaque salarié·e est subordonné·e au collectif qui forme la gouvernance. Chacun de nous est subordonné au collectif.</p> | |||
| <h2 id="usage-de-léventuel-bénéfice">Usage de l’éventuel bénéfice</h2> | |||
| <p>Si par aventure nous générions un bénéfice, nous en ferions la même chose que les sociétés en font avant de se verser des dividendes :</p> | |||
| <ul> | |||
| <li>constituer une réserve de trésorerie ;</li> | |||
| <li>augmenter les salaires dans des montants raisonnables, cohérents avec ce que nous pourrions toucher pour un poste équivalent (comme toute boîte qui se lance, nous commençons avec des salaires faibles) ;</li> | |||
| <li>prime exceptionnelle pour les salarié·e·s en cas d’exercice exceptionnel.</li> | |||
| </ul> | |||
| <p>Et pourquoi pas refiler un peu de surplus aux infrastructures qui nous aident gratuitement au quotidien (Wikipédia, librairies open source, etc.).</p> | |||
| <p>“L’inconvénient” des primes est qu’elles s’accompagnent de cotisations sociales qui sont plus chères que les impôts sur les dividendes (~50% contre ~15%). <em>Oh well</em>… Ravi·e·s de contribuer au <em>pot commun</em> !</p> | |||
| <h1 id="statut-fiscal">Statut fiscal</h1> | |||
| <p>Par défaut, les associations loi 1901 bénéficient de tout un tas d’avantages fiscaux comparé aux sociétés à capital. Spécifiquement, elles ne payent pas l’impôt sur les sociétés ni la TVA.</p> | |||
| <p>Ces avantages sont conditionnés à un certain nombre de règles auxquelles l’association doit se contraindre. dtc ne respecte pas deux de ces conditions :</p> | |||
| <ul> | |||
| <li>Pour bénéficier des avantages fiscaux, une petite association ne doit pas payer ses dirigeants plus de 3/4 du SMIC. Nous aspirons à diriger l’association et à nous payer plus que cette somme. <strong>dtc est une association à gestion intéressée</strong>.</li> | |||
| <li>Pour nos activités commerciales, nous rentrons en concurrence avec des sociétés à capital. Afin de ne pas créer une situation de concurrence déloyale, <strong>les associations à activités commerciales sont soumises aux <em>mêmes impôts</em> que les sociétés à capital</strong>.</li> | |||
| </ul> | |||
| <p>Par conséquent, nous avons pris les devants et nous sommes déclarés auprès du Service d’Impôt des Entreprises (SIE) comme une association payant des impôts commerciaux.</p> | |||
| <p>Nous avons un comptable qui nous suit et réalise le bilan comptable à la fin de chaque exercice.</p> | |||
| <h1 id="pas-de-capital">Pas de capital</h1> | |||
| <p>Les sociétés à capital (SARL, SAS, SA, etc.) ont un… capital. Ce capital est découpé en <em>parts</em> que des personnes physiques ou morales peuvent acheter à la création et s’échanger ensuite. Cela implique les conséquences suivantes :</p> | |||
| <ol> | |||
| <li><strong>Plus on a de parts, plus on a de pouvoir de décision</strong> dans la société quand il y a un vote ;</li> | |||
| <li><strong>Plus on a de parts, plus on touche de dividendes</strong> quand il s’agit de se partager le bénéfice généré par la société ;</li> | |||
| <li>Les parts sont des marchandises que l’on peut revendre.</li> | |||
| </ol> | |||
| <p><strong>Une association loi 1901 n’a ni capital ni parts sociales.</strong> En conséquence :</p> | |||
| <ol> | |||
| <li>nous <em>devons</em> prendre nos décisions autrement que par un vote pondéré par le nombre de parts, c’est à dire par l’argent investi par chacun (nous détaillerons les questions de <em>gouvernance collective</em> dans un article dédié) ;</li> | |||
| <li>La question de la répartition des bénéfices a été expliquée plus haut ;</li> | |||
| <li>Nous acceptons que notre participation dans dtc ne nous permettra pas de générer un surplus par revente de parts. Ne touchent de l’argent que ceux qui contribuent à l’activité de l’association. En cas de départ, il reste possible d’attribuer à un salarié de longue date une prime de départ.</li> | |||
| </ol> | |||
| <h1 id="pourquoi-pas-une-scop-">Pourquoi pas une SCOP ?</h1> | |||
| <p>Des salariés qui sont aussi aux manettes de leur entreprise, ça a la même odeur qu’une SCOP.</p> | |||
| <p>Pour être une SCOP, il faut créer une SARL, SA ou SAS et adopter les statuts SCOP qui donnent un cadre pour une gestion « démocratique » de l’entreprise.</p> | |||
| <p>Nous avons considéré cette option, mais n’avons pas vraiment vu l’avantage que ça pouvait nous apporter contre une association. Nous avons notamment identifiés ces inconvénients :</p> | |||
| <ul> | |||
| <li>Payer la révision annuelle des SCOP (quelques centaines d’euros) — nous ne comprenons ni le sens ni la valeur ajoutée pour nous ;</li> | |||
| <li>Payer chaque année 0,3% de son chiffre d’affaire (pourquoi le chiffre d’affaire ?) — nous ne comprenons ni le sens ni la valeur ajoutée pour nous ;</li> | |||
| <li>Lourdeur administrative.</li> | |||
| </ul> | |||
| <p>Tout accompagnement par l’URSCOP est payant. On aurait pu imaginer un système solidaire où les cotisations des SCOP payent l’accompagnement pour les nouvelles entrantes. Visiblement ce n’est pas le cas.</p> | |||
| <p>Il y a bien des avantages fiscaux à être une SCOP :</p> | |||
| <ul> | |||
| <li>l’impôt sur les sociétés est calculé sur le résultat <em>après</em> la mise en réserve (contrairement aux autres sociétés à capitaux où le calcul a lieu avant) ;</li> | |||
| <li>la « part travail » (portion du bénéfice reversée aux salariés) n’est pas comptée non plus.</li> | |||
| </ul> | |||
| <p>Ce système ressemble beaucoup à « il faut payer la CGSCOP pour économiser de l’impôt sur les sociétés »… avec aucun accompagnement, aide ou avantages en contrepartie.</p> | |||
| <h1 id="le-puits-de-pétrole">Le « puits de pétrole »</h1> | |||
| <blockquote> | |||
| <p>Mais imagine un jour vous trouvez la prochaine idée de billion-dollar startup ? Vous la créez, vous faites des milliards et vous ne pouvez rien toucher de cet argent !</p> | |||
| </blockquote> | |||
| <p><strong>Ce n’est pas dans notre giron à court, moyen ou long terme</strong>.</p> | |||
| <p>Si ça avait lieu, rien ne nous empêche de créer une filiale dédiée à ce projet à fort potentiel de rentabilité. <strong>Si cette filiale se plante, elle n’affecte pas l’association</strong>.</p> | |||
| <p>On verra quand on y sera — si on y est un jour.</p> | |||
| <h1 id="statuts-jeune-entreprise-innovante-et-crédit-impôt-recherche">Statuts Jeune Entreprise Innovante et Crédit Impôt Recherche</h1> | |||
| <p>Nos activités suggèrent que nous pourrions avoir droit aux dispositifs <a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F31188">Jeune Entreprise Innovante (JEI)</a> et <a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F23533">Crédit Impôt Recherche (CIR)</a></p> | |||
| <p><a href="https://www.insee.fr/fr/metadonnees/definition/c1496">La définition de l’INSEE</a> nous apprend qu’une association est une entreprise. Après vérification avec notre comptable, il semblerait que nous y avons effectivement droit. Il s’agit de démarches en cours, nous mettrons cet article à jour quand nous nous serons confrontés à la réalité administrative.</p> | |||
| <h1 id="une-association--un-an-plus-tard-">Une association • Un an plus tard !</h1> | |||
| <p>Notre expérience depuis octobre 2016 a été que créer de la valeur en étant une association… <strong>ça marche et ça nous va bien</strong>.</p> | |||
| <p>Nous avons travaillé avec des entreprises étrangères (BBC), avec le gouvernement français (Etalab), avec des collectivités locales via un marché public (Département de la Gironde), avec des entreprises publiques (Radio France) sans que la structure associative soit un frein.</p> | |||
| <p>Pour résumer :</p> | |||
| <blockquote> | |||
| <p>dtc innovation est une association loi 1901 à but non-lucratif, à activité commerciale et à gestion intéressée.</p> | |||
| </blockquote> | |||
| <p>Si c’est un peu long, dites juste “<a href="https://dtc-innovation.org/random">dtc</a>” ;-)</p> | |||
| <h2 id="remerciements">Remerciements</h2> | |||
| <p>Nous remercions <a href="https://mattischneider.fr/">Matti Schneider</a> pour sa relecture et ses commentaires.</p> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
| </svg> RSS</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 138
- 0
cache/2021/e35537b839116354caf42731c6ed39da/index.md
View File
| @@ -0,0 +1,138 @@ | |||
| title: Une association | |||
| url: https://dtc-innovation.org/writings/2017/une-association | |||
| hash_url: e35537b839116354caf42731c6ed39da | |||
| <p>dtc innovation est une <a href="https://www.journal-officiel.gouv.fr/association/index.php?ACTION=Rechercher&JTY_WALDEC=W332020707">association loi 1901 à but non lucratif</a>.</p> | |||
| <p>dtc est actuellement composée de David, Thomas et Clémentine. Nous portons des projets auxquels nous croyons et pour lesquels nous aspirons à nous rémunérer.</p> | |||
| <p>Dans le monde de la technique, il est peu commun de se constituer en association. Dans d’autres univers, notamment dans le social ou les arts/spectacles, c’est presque la norme. Et beaucoup d’associations dans le social ont des salariés ; <a href="http://www.croix-rouge.fr/La-Croix-Rouge/La-Croix-Rouge-francaise/En-bref">la Croix Rouge en compte pas moins de 18 000</a> par exemple.</p> | |||
| <p>Ça en étonne plus d’un·e quand on dit que dtc est une association de loi 1901. Et pourtant nous ne voyons pas aujourd’hui de meilleure forme pour travailler ensemble. Petit guide pratique !</p> | |||
| <h1 id="non-lucratif">Non lucratif</h1> | |||
| <p>Une association loi 1901 est <em>toujours</em> à but non lucratif <a href="https://web.archive.org/web/20151022234357/https://fr.wikipedia.org/wiki/Association_%C3%A0_but_lucratif#Quand_parle-t-on_d.27association_.C3.A0_but_lucratif.3F">sauf par abus de langage</a>. La non-lucrativité signifie que <strong>la finalité de la structure n’est pas de dégager un bénéfice qui sera reversé à des actionnaires</strong>.</p> | |||
| <h1 id="faire-rentrer-de-largent">Faire rentrer de l’argent</h1> | |||
| <p><strong>Notre association a des activités commerciales</strong>, notamment donner des formations, faire de la gestion de projet, organiser des évènements, développer des prototypes ou des produits.</p> | |||
| <p>Un modèle classique pour une association est de demander des subventions à des collectivités locales. Nous n’avons pas prévu d’utiliser ce mode de financement. Il n’est pas exclu de demander une subvention si un projet que nous menons s’y prête.</p> | |||
| <p>Légalement parlant, dtc innovation est <a href="https://www.service-public.fr/associations/vosdroits/F31838">une association | |||
| <strong>à activité commerciale</strong></a>.</p> | |||
| <h1 id="se-payer">Se payer</h1> | |||
| <p>Il existe deux manières légales de sortir de l’argent d’une association : des salaires et des factures.</p> | |||
| <p>Pour diverses raisons, <strong>nous avons choisi d’être salarié·e·s</strong> de dtc. <strong>Nous sommes aussi acteurs de la gouvernance</strong>. Ceci est possible parce que chaque salarié·e est subordonné·e au collectif qui forme la gouvernance. Chacun de nous est subordonné au collectif.</p> | |||
| <h2 id="usage-de-léventuel-bénéfice">Usage de l’éventuel bénéfice</h2> | |||
| <p>Si par aventure nous générions un bénéfice, nous en ferions la même chose que les sociétés en font avant de se verser des dividendes :</p> | |||
| <ul> | |||
| <li>constituer une réserve de trésorerie ;</li> | |||
| <li>augmenter les salaires dans des montants raisonnables, cohérents avec ce que nous pourrions toucher pour un poste équivalent (comme toute boîte qui se lance, nous commençons avec des salaires faibles) ;</li> | |||
| <li>prime exceptionnelle pour les salarié·e·s en cas d’exercice exceptionnel.</li> | |||
| </ul> | |||
| <p>Et pourquoi pas refiler un peu de surplus aux infrastructures qui nous aident gratuitement au quotidien (Wikipédia, librairies open source, etc.).</p> | |||
| <p>“L’inconvénient” des primes est qu’elles s’accompagnent de cotisations sociales qui sont plus chères que les impôts sur les dividendes (~50% contre ~15%). <em>Oh well</em>… Ravi·e·s de contribuer au <em>pot commun</em> !</p> | |||
| <h1 id="statut-fiscal">Statut fiscal</h1> | |||
| <p>Par défaut, les associations loi 1901 bénéficient de tout un tas d’avantages fiscaux comparé aux sociétés à capital. Spécifiquement, elles ne payent pas l’impôt sur les sociétés ni la TVA.</p> | |||
| <p>Ces avantages sont conditionnés à un certain nombre de règles auxquelles l’association doit se contraindre. dtc ne respecte pas deux de ces conditions :</p> | |||
| <ul> | |||
| <li>Pour bénéficier des avantages fiscaux, une petite association ne doit pas payer ses dirigeants plus de 3/4 du SMIC. Nous aspirons à diriger l’association et à nous payer plus que cette somme. <strong>dtc est une association à gestion intéressée</strong>.</li> | |||
| <li>Pour nos activités commerciales, nous rentrons en concurrence avec des sociétés à capital. Afin de ne pas créer une situation de concurrence déloyale, <strong>les associations à activités commerciales sont soumises aux <em>mêmes impôts</em> que les sociétés à capital</strong>.</li> | |||
| </ul> | |||
| <p>Par conséquent, nous avons pris les devants et nous sommes déclarés auprès du Service d’Impôt des Entreprises (SIE) comme une association payant des impôts commerciaux.</p> | |||
| <p>Nous avons un comptable qui nous suit et réalise le bilan comptable à la fin de chaque exercice.</p> | |||
| <h1 id="pas-de-capital">Pas de capital</h1> | |||
| <p>Les sociétés à capital (SARL, SAS, SA, etc.) ont un… capital. Ce capital est découpé en <em>parts</em> que des personnes physiques ou morales peuvent acheter à la création et s’échanger ensuite. Cela implique les conséquences suivantes :</p> | |||
| <ol> | |||
| <li><strong>Plus on a de parts, plus on a de pouvoir de décision</strong> dans la société quand il y a un vote ;</li> | |||
| <li><strong>Plus on a de parts, plus on touche de dividendes</strong> quand il s’agit de se partager le bénéfice généré par la société ;</li> | |||
| <li>Les parts sont des marchandises que l’on peut revendre.</li> | |||
| </ol> | |||
| <p><strong>Une association loi 1901 n’a ni capital ni parts sociales.</strong> En conséquence :</p> | |||
| <ol> | |||
| <li>nous <em>devons</em> prendre nos décisions autrement que par un vote pondéré par le nombre de parts, c’est à dire par l’argent investi par chacun (nous détaillerons les questions de <em>gouvernance collective</em> dans un article dédié) ;</li> | |||
| <li>La question de la répartition des bénéfices a été expliquée plus haut ;</li> | |||
| <li>Nous acceptons que notre participation dans dtc ne nous permettra pas de générer un surplus par revente de parts. Ne touchent de l’argent que ceux qui contribuent à l’activité de l’association. En cas de départ, il reste possible d’attribuer à un salarié de longue date une prime de départ.</li> | |||
| </ol> | |||
| <h1 id="pourquoi-pas-une-scop-">Pourquoi pas une SCOP ?</h1> | |||
| <p>Des salariés qui sont aussi aux manettes de leur entreprise, ça a la même odeur qu’une SCOP.</p> | |||
| <p>Pour être une SCOP, il faut créer une SARL, SA ou SAS et adopter les statuts SCOP qui donnent un cadre pour une gestion « démocratique » de l’entreprise.</p> | |||
| <p>Nous avons considéré cette option, mais n’avons pas vraiment vu l’avantage que ça pouvait nous apporter contre une association. Nous avons notamment identifiés ces inconvénients :</p> | |||
| <ul> | |||
| <li>Payer la révision annuelle des SCOP (quelques centaines d’euros) — nous ne comprenons ni le sens ni la valeur ajoutée pour nous ;</li> | |||
| <li>Payer chaque année 0,3% de son chiffre d’affaire (pourquoi le chiffre d’affaire ?) — nous ne comprenons ni le sens ni la valeur ajoutée pour nous ;</li> | |||
| <li>Lourdeur administrative.</li> | |||
| </ul> | |||
| <p>Tout accompagnement par l’URSCOP est payant. On aurait pu imaginer un système solidaire où les cotisations des SCOP payent l’accompagnement pour les nouvelles entrantes. Visiblement ce n’est pas le cas.</p> | |||
| <p>Il y a bien des avantages fiscaux à être une SCOP :</p> | |||
| <ul> | |||
| <li>l’impôt sur les sociétés est calculé sur le résultat <em>après</em> la mise en réserve (contrairement aux autres sociétés à capitaux où le calcul a lieu avant) ;</li> | |||
| <li>la « part travail » (portion du bénéfice reversée aux salariés) n’est pas comptée non plus.</li> | |||
| </ul> | |||
| <p>Ce système ressemble beaucoup à « il faut payer la CGSCOP pour économiser de l’impôt sur les sociétés »… avec aucun accompagnement, aide ou avantages en contrepartie.</p> | |||
| <h1 id="le-puits-de-pétrole">Le « puits de pétrole »</h1> | |||
| <blockquote> | |||
| <p>Mais imagine un jour vous trouvez la prochaine idée de billion-dollar startup ? Vous la créez, vous faites des milliards et vous ne pouvez rien toucher de cet argent !</p> | |||
| </blockquote> | |||
| <p><strong>Ce n’est pas dans notre giron à court, moyen ou long terme</strong>.</p> | |||
| <p>Si ça avait lieu, rien ne nous empêche de créer une filiale dédiée à ce projet à fort potentiel de rentabilité. <strong>Si cette filiale se plante, elle n’affecte pas l’association</strong>.</p> | |||
| <p>On verra quand on y sera — si on y est un jour.</p> | |||
| <h1 id="statuts-jeune-entreprise-innovante-et-crédit-impôt-recherche">Statuts Jeune Entreprise Innovante et Crédit Impôt Recherche</h1> | |||
| <p>Nos activités suggèrent que nous pourrions avoir droit aux dispositifs <a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F31188">Jeune Entreprise Innovante (JEI)</a> et <a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F23533">Crédit Impôt Recherche (CIR)</a></p> | |||
| <p><a href="https://www.insee.fr/fr/metadonnees/definition/c1496">La définition de l’INSEE</a> nous apprend qu’une association est une entreprise. Après vérification avec notre comptable, il semblerait que nous y avons effectivement droit. Il s’agit de démarches en cours, nous mettrons cet article à jour quand nous nous serons confrontés à la réalité administrative.</p> | |||
| <h1 id="une-association--un-an-plus-tard-">Une association • Un an plus tard !</h1> | |||
| <p>Notre expérience depuis octobre 2016 a été que créer de la valeur en étant une association… <strong>ça marche et ça nous va bien</strong>.</p> | |||
| <p>Nous avons travaillé avec des entreprises étrangères (BBC), avec le gouvernement français (Etalab), avec des collectivités locales via un marché public (Département de la Gironde), avec des entreprises publiques (Radio France) sans que la structure associative soit un frein.</p> | |||
| <p>Pour résumer :</p> | |||
| <blockquote> | |||
| <p>dtc innovation est une association loi 1901 à but non-lucratif, à activité commerciale et à gestion intéressée.</p> | |||
| </blockquote> | |||
| <p>Si c’est un peu long, dites juste “<a href="https://dtc-innovation.org/random">dtc</a>” ;-)</p> | |||
| <h2 id="remerciements">Remerciements</h2> | |||
| <p>Nous remercions <a href="https://mattischneider.fr/">Matti Schneider</a> pour sa relecture et ses commentaires.</p> | |||
+ 6
- 0
cache/2021/index.html
View File
| @@ -157,6 +157,8 @@ | |||
| <li><a href="/david/cache/2021/27f60626eb789433d6e2619663bb79f0/" title="Accès à l’article dans le cache local : Associative trails">Associative trails</a> (<a href="https://adactio.com/journal/17821" title="Accès à l’article original distant : Associative trails">original</a>)</li> | |||
| <li><a href="/david/cache/2021/e35537b839116354caf42731c6ed39da/" title="Accès à l’article dans le cache local : Une association">Une association</a> (<a href="https://dtc-innovation.org/writings/2017/une-association" title="Accès à l’article original distant : Une association">original</a>)</li> | |||
| <li><a href="/david/cache/2021/21d3daabe37170d236d2714df3b872fb/" title="Accès à l’article dans le cache local : Free and Open Source RSS Reader for Mac and iOS">Free and Open Source RSS Reader for Mac and iOS</a> (<a href="https://netnewswire.com/" title="Accès à l’article original distant : Free and Open Source RSS Reader for Mac and iOS">original</a>)</li> | |||
| <li><a href="/david/cache/2021/7a14f3cf8b05889a910c575726915486/" title="Accès à l’article dans le cache local : The story of a unicorn solo founder making $500,000 ARR">The story of a unicorn solo founder making $500,000 ARR</a> (<a href="https://www.lunadio.com/blog/the-story-of-a-unicorn-solo-founder-making-dollar500000-arr/" title="Accès à l’article original distant : The story of a unicorn solo founder making $500,000 ARR">original</a>)</li> | |||
| @@ -269,6 +271,8 @@ | |||
| <li><a href="/david/cache/2021/59bd3fea3b3b370bd6b116e77effb69e/" title="Accès à l’article dans le cache local : Nostalgie de l'ancien web">Nostalgie de l'ancien web</a> (<a href="https://osd.ovh/index.php?article10/nostalgie-de-lancien-web" title="Accès à l’article original distant : Nostalgie de l'ancien web">original</a>)</li> | |||
| <li><a href="/david/cache/2021/699cfd66554f8e8ad2118eec8b4c0564/" title="Accès à l’article dans le cache local : Meet the new owners of Clearleft">Meet the new owners of Clearleft</a> (<a href="https://clearleft.com/posts/meet-the-new-owners-of-clearleft" title="Accès à l’article original distant : Meet the new owners of Clearleft">original</a>)</li> | |||
| <li><a href="/david/cache/2021/b82c800f728b00d9056b38087e026598/" title="Accès à l’article dans le cache local : How Doctors Die">How Doctors Die</a> (<a href="https://www.saturdayeveningpost.com/2013/03/how-doctors-die/" title="Accès à l’article original distant : How Doctors Die">original</a>)</li> | |||
| <li><a href="/david/cache/2021/9d1a6e44ba8805d53071ba461df238b0/" title="Accès à l’article dans le cache local : Baptiste Morizot : « L’animalité est constitutive de notre identité dans ce qu’elle a de sain «">Baptiste Morizot : « L’animalité est constitutive de notre identité dans ce qu’elle a de sain «</a> (<a href="https://www.humanite.fr/baptiste-morizot-lanimalite-est-constitutive-de-notre-identite-dans-ce-quelle-de-sain-658797" title="Accès à l’article original distant : Baptiste Morizot : « L’animalité est constitutive de notre identité dans ce qu’elle a de sain «">original</a>)</li> | |||
| @@ -287,6 +291,8 @@ | |||
| <li><a href="/david/cache/2021/aeb0a60038b91bf1fbbbd39b358366fb/" title="Accès à l’article dans le cache local : ☕️ Journal : Statu quo">☕️ Journal : Statu quo</a> (<a href="https://oncletom.io/2021/01/05/statu-quo/" title="Accès à l’article original distant : ☕️ Journal : Statu quo">original</a>)</li> | |||
| <li><a href="/david/cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/" title="Accès à l’article dans le cache local : DST Root CA X3 Expiration (September 2021)">DST Root CA X3 Expiration (September 2021)</a> (<a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/" title="Accès à l’article original distant : DST Root CA X3 Expiration (September 2021)">original</a>)</li> | |||
| <li><a href="/david/cache/2021/c6a317213165bc069aabb49c53184a7f/" title="Accès à l’article dans le cache local : Changes at Basecamp">Changes at Basecamp</a> (<a href="https://world.hey.com/jason/changes-at-basecamp-7f32afc5" title="Accès à l’article original distant : Changes at Basecamp">original</a>)</li> | |||
| <li><a href="/david/cache/2021/595df9c1f986df0678e4fc7d6aa34ef1/" title="Accès à l’article dans le cache local : Qui sont les dix auteurs de SF de la « Red Team » du ministère des Armées ?">Qui sont les dix auteurs de SF de la « Red Team » du ministère des Armées ?</a> (<a href="https://www.lepoint.fr/high-tech-internet/qui-sont-les-dix-auteurs-de-sf-de-la-red-team-du-ministere-des-armees-04-12-2020-2404230_47.php" title="Accès à l’article original distant : Qui sont les dix auteurs de SF de la « Red Team » du ministère des Armées ?">original</a>)</li> | |||
Loading…