davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Links

master
David Larlet 2 months ago
parent
ec73ba6c86
commit
5ffa862287
Signed by: David Larlet <david@larlet.fr> GPG Key ID: 3E2953A359E7E7BD
3 changed files with 220 additions and 0 deletions
Split View Show Diff Stats
  1. 208
    0
      cache/2024/155c5458fcbfb1450f19bc0d268c871e/index.html
  2. 10
    0
      cache/2024/155c5458fcbfb1450f19bc0d268c871e/index.md
  3. 2
    0
      cache/2024/index.html

+ 208
- 0
cache/2024/155c5458fcbfb1450f19bc0d268c871e/index.html View File

@@ -0,0 +1,208 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="en">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
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>We’ve been waiting 20 years for this (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="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<!-- 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://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>We’ve been waiting 20 years for this</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-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/" title="Lien vers le contenu original">Source originale</a>
<br>
Mis en cache le 2024-02-06
</p>
</nav>
<hr>
<div class="h4 deck"><p>The indie web may be back. But if is, it is likely in a way we least expect.</p></div>
<hr class="deck__rule"><p>In 2002, <em>Wired</em> published an article from blogger and political commentator Andrew Sullivan titled <em>The Blogging Revolution</em>. In his post, Sullivan argues that blogging is a fully realized alternative to traditional publications that shifts the “means of production” into the hands of individuals. He described blogging as a deeply personal and diverse collection of perspectives that, collectively, create something that borders on a revolution.</p>
<blockquote class="wp-block-quote"><p>Poised between media, blogs can be as nuanced and well-sourced as traditional journalism, but they have the immediacy of talk radio. Amid it all, this much is clear: The phenomenon is real. Blogging is changing the media world and could, I think, foment a revolution in how journalism functions in our culture.</p></blockquote>
<p>Sullivan’s prediction proved mostly accurate. Blogging spread everywhere and challenged traditional journalism norms. It gave rise to new voices, revolutionized and added a new style to online writing, and changed the way information moves through the world.</p>
<p>But blogging was also eventually consumed by the channels that it was set up to challenge. Influential bloggers took jobs at mainstream media outlets, sparking a shift towards commercialization for a blogosphere increasingly influenced and beholden to ad revenue. Meanwhile, social media’s walled garden moved in on blogging’s territory, halting its ascendancy in the process.</p>
<h2 class="wp-block-heading">The 20 Year Cycle</h2>
<p><a href="https://theamag.com/6494/culture/will-personal-style-put-an-end-to-the-20-year-trend-cycle%EF%BF%BC/">With roots in the world of fashion</a>, there exists a cyclical principle suggesting that every two decades, previously popular trends “every 20 years or so the trends that were once popular will begin to be on the forefront again.” What’s old is new again. However, these recurring trends aren’t just rip-offs. They are remixed and reinterpreted through the lens of a new generation.</p>
<p>We are, perhaps, in a 20 year resurgence for the indie web and blogging.</p>
<h2 class="wp-block-heading">Blogging Revolution Redux</h2>
<p>Anil Dash, no stranger to the art and mechanics of blogging himself, certainly thinks so. He recently <a href="https://www.rollingstone.com/culture/culture-commentary/internet-future-about-to-get-weird-1234938403/">penned an article entitled <em>The Internet is about to Get Weird Again</em></a>. Half predication, half call to action, Dash envisions a rejuvenated future for the web-one that is distinctly personal, multifaceted, and crucially, very, very weird.</p>
<blockquote class="wp-block-quote"><p>There’s not going to be some new killer app that displaces Google or Facebook or Twitter with a love-powered alternative. But that’s because there shouldn’t be. There should be lots of different, human-scale alternative experiences on the internet that offer up home-cooked, locally-grown, ethically-sourced, code-to-table alternatives to the factory-farmed junk food of the internet. And they should be weird.</p></blockquote>
<p>These are the kinds of predictions that have been made before, and it’s hard not to get at least a little caught up in Dash’s particular brand of enthusiasm. There is a very good chance he is right, though maybe not exactly how he imagines it. These types of predictions have been made before, both of the web’s coming boom and its supposedly inevitable end. But what these predictions get wrong is that the results are often a reinterpretation rather than a repeat.</p>
<p><a href="https://www.garbageday.email/p/an-hour-of-ai-comedy-that-sucks">Writing in his blog, Ryan Broderick tempers expectations</a>. Or, at the very least, filters them through a more nuanced interpretation of the 20 year trend cycle.</p>
<blockquote class="wp-block-quote"><p>I think the internet is cyclical and things do come back around again, but they tend not to really ever be exactly the same. Much of the 2000s internet was defined by connection speeds. So maybe another way to think about the return of Weird Internet is that the web of the 2020s is what the web of the 2000s would have <em>been</em> like if we all had 5G.</p></blockquote>
<h2 class="wp-block-heading">The Appeal of Blogging: A Personal Reflection</h2>
<p>Nevertheless, blogging has a certain appeal. <a href="https://www.tbray.org/ongoing/When/201x/2017/05/03/Blogging-in-2017">As Tim Bray wrote some five years ago</a>, already well into his own blog’s archives, he captures the essence of experiencing blogs rather well:</p>
<blockquote class="wp-block-quote"><p>On blogs, I can read most of the long-form writing that’s worth reading about the art and craft of programming computers. Or I can follow most of the economists’ debates that are worth having. Or I can check out a new photographer every day and see new a way of seeing the world.</p></blockquote>
<p>Blogging isn’t one thing and that’s kind of the point. It exists fractured by intention and it can be many things to many people. And now, 20 years after the last blogging revolution, something like a fractured digital presence is once again appealing</p>
<h3 class="wp-block-heading">Personal over Popular</h3>
<p>Especially when the aim isn’t acquiring followers, but to achieve something more intimate. <a href="https://keningzhu.com/journal/build-a-world-not-an-audience">Kening Zhu recently reflected</a> on how social media has led people into building an audience at massive scales, instead of cultivating a representation that truly reflects their identity.</p>
<blockquote class="wp-block-quote"><p>I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or intimacy.</p><p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p></blockquote>
<p>This same sentiment is echoed in a deeply intimate rumination on the nature of blogging, <a href="https://www.henrikkarlsson.xyz/p/search-query"><em>A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox</em>, Henrik Karlsson</a> tracks a very different course for how information spreads. If we put words and ideas out into the web, it will distriute <em>simply because it is there</em>.</p>
<blockquote class="wp-block-quote"><p>The pleasant parts of the internet seemed to be curated by human beings, not algorithms. For my writing to find its way in this netherworld, I needed to have a rough sense of how information flowed down there. The pattern was this: words flowed from the periphery to the centers. This was a surprisingly rapid stream. Then the words cascaded from the center down in a broader but slower stream to the periphery again.</p></blockquote>
<p>Or put more simply: The social structure of the internet is shaped far more by humans than it is by algorithms. If we were to draw it on a map, it would look like a river, branching out in every direction.</p>
<h2 class="wp-block-heading">A New Age of Blogging</h2>
<p>How you choose to embark on that river is entirely up to you. But in the past year, and now more than ever, there are people that are embarking on a path of discovery once again.</p>
<p>Maybe it’s plain old RSS (<a rel="noreferrer noopener" href="https://chriscoyier.net/2024/01/22/where-have-all-the-websites-gone/" target="_blank">which Chris Coyier will tell you, totally works</a>).</p>
<p>Maybe it’s building a digital garden, which has gained traction all over the web, but perhaps no where more precisely defined <a rel="noreferrer noopener" href="https://maggieappleton.com/garden" target="_blank">than on Maggie Appleton’s site</a>.</p>
<p>Maybe you could build a world, like Zhu recommends.</p>
<p>But the blogging of today won’t look like the blogging of 2002. There are too many things that have changed. The web is bigger, It is more divisive and more complicated and the need for moderated discussion is great. As the blogging revolution is reflected through this new cycle, it will look like something different.</p>
<p>And maybe what’s missing now is simply connection. <a href="https://www.theguardian.com/commentisfree/2023/dec/26/blogging-freedom-outdated-format">Simon Renyolds</a>:</p>
<blockquote class="wp-block-quote"><p>Today, there are still plenty of active music blogs I enjoy reading. But what’s changed – what’s gone – is inter-blog communication. The argumentative back and forth, the pass-the-baton discussions that rippled across the scene, the spats and the feuds – these are things of the past</p></blockquote>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.svg#icon-rss2"></use>
</svg> Suivre</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-2021-12.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-2021-12.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-2021-12.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-2021-12.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 src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<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>

+ 10
- 0
cache/2024/155c5458fcbfb1450f19bc0d268c871e/index.md
File diff suppressed because it is too large
View File


+ 2
- 0
cache/2024/index.html View File

@@ -74,6 +74,8 @@
<li><a href="/david/cache/2024/1d60fc5548a6fe61da80a4e16892fa0c/" title="Accès à l’article dans le cache local : Deep Democracy - IAPOP">Deep Democracy - IAPOP</a> (<a href="https://iapop.com/deep-democracy/" title="Accès à l’article original distant : Deep Democracy - IAPOP">original</a>)</li>
<li><a href="/david/cache/2024/155c5458fcbfb1450f19bc0d268c871e/" title="Accès à l’article dans le cache local : We’ve been waiting 20 years for this">We’ve been waiting 20 years for this</a> (<a href="https://thehistoryoftheweb.com/weve-been-waiting-20-years-for-this/" title="Accès à l’article original distant : We’ve been waiting 20 years for this">original</a>)</li>
<li><a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Accès à l’article dans le cache local : EffVer: Version your code by the effort required to upgrade">EffVer: Version your code by the effort required to upgrade</a> (<a href="https://jacobtomlinson.dev/effver/" title="Accès à l’article original distant : EffVer: Version your code by the effort required to upgrade">original</a>)</li>
<li><a href="/david/cache/2024/bf61b62532f71e39e7b92c76dc36bb0f/" title="Accès à l’article dans le cache local : Popover API (Explainer)">Popover API (Explainer)</a> (<a href="https://open-ui.org/components/popover.research.explainer/" title="Accès à l’article original distant : Popover API (Explainer)">original</a>)</li>

Write Preview
Loading…
Cancel
Save