Weekly Shaarli

All links of one week in a single page.

Week 50 (December 11, 2023)

Eastgate: Akscyn's law

Hypertext systems should take about 1/4 second to move from one place to another. If the delay is longer, people may be distracted; if the delay is much longer, people will stop using the system. If the delay is much shorter, people may not realize that the display has changed.

It is funny how thoughts about speed and user experience were already there before the 2000's.

Issue: Links on the web are often quite slow

One solution is to abandon hypertext links. [...] Have a one-page view.

Another strategy is to exchange one large delay for many small ones. We can sometimes arrange a Web site to to bundle large parts of the data in a package that is pre-loaded at the entrance. Within the site, link response is quick because time-consuming sound, graphic, video, and applets have been pre-loaded onto the user's computer.

A better solution, for sophisticated hypertexts that must provide crisp performance, may be to use the Web as a way to provide access to, and information about, hypertexts that can be downloaded (or purchased) as a unit and then performed on the user's machine.

Mastodon Most Followed

Find the most followed accounts on mastodon

If inflation is cooling, why do things still feel so expensive? : NPR

Well because the prices does not go down.

Desktop progressive web applications | Trys Mudford

Safari is using the web to create a desktop app in a very convenient way!

There’s a HTML file and a Service Worker that keeps it working offline

More about it on https://adactio.com/journal/20716

The internet is broken. Here’s how we fix it. — Joan Westenberg

The 5 major problems of the current Internet.

Color Lisa - Color palette masterpieces of the world’s greatest artists.
Don't attach tooltips to document.body | Atif Afzal
Embrace, extend, and extinguish - Wikipedia
Modern AI and the end of privacy
HypertextNow: archives

Thoughts of the web and hyperlinks

Seven Lessons - Eastgate garden

(In context of web gardening)

  1. Many hypertexts do not require elaborate navigational apparatus.
  2. Rigid hypertext structure is costly.
  3. The shortest path is not always the best.
  4. Large hypertexts and Web sites must often contain both parks and gardens.
  5. Use punctuation sparingly; unwanted interruptions are tiresome and intrusive.
  6. The boundaries of parks should be especially clear, lest readers see them as mere wilderness.
  7. Rigid structure makes a large hypertext seem smaller. Complex and intricate structure makes a small hypertext seem larger, inviting deeper and more thoughtful exploration.
Le bateau de bois de chauffage
Hypertext Gardens

A website about web, links and hypertext... well it is a garden when someone can lost itself a bit.

HTMHell Advent Calendar 2023 - HTMHell

The URL could become https://www.htmhell.dev/adventcalendar/2023/ later on

The small web is beautiful
Mike Grindle's Webpage
Jaelyn 🏳️‍🌈: "I'm sorry, did you forget the …" - LGBTQIA.Space

I'm sorry, did you forget the last 200 years of technological progress advancing productivity yet leading us to work even longer hours? If we want to work less, we need unions, not tech.

👍

Off clock 01

A more readable clock

sinds1971

An original website

Just post - Andy Bell
The Three Laws of Utility Classes | The Spicy Web

Exactly.

Law 1: Utility Classes Consume the Design System, They Don’t Create It
Law 2: Utility Classes Cover Only the Low-Hanging Fruit
Law 3: Utility Classes Complement, not Supplant, Semantic CSS

Structure of FTS5 Index in SQLite

Signal has open-sourced a SQLite extension that provides better support for non-latin languages (Chinese, Japanese, etc) in the Full-Text Search (FTS) virtual table.

Engineering progression for humans - localghost

Principles:

  1. Know what motivates you
  2. Not everybody needs to (or wants to) progress
  3. The way up (or sideways. Or backward.): all roles are relative

The levels of experience in a company, range from Engineer I to III, then Senior engineers (and there are a variety of it).

Other potential sideways steps: Developer relations, Sales engineering, or specialist consultancy roles.

How to Permanently Remove Your Fear of Public Speaking

Two types of anxiety: the one that fills you with terror and the other one that tends to rush you.

A solution is framing: how to look at the situation.
A framework proposes to frame a presentation or an oral intervention with the following scale:

  • Practicing / Perfection
  • Enthusiasm / Audience
  • Prepared / Flawless
  • One of many / The big one
  • Sharing Enthusiasm / Giving a presentation

The right side of this scale is what people normally imagine when they hear public speaking. It is however the wrong framing.

The positive frame would move to the left side of the spectrum. It is just practice, being enthusiastic, only preparation is needed, this is one of many public speaking so get ready for the next one too.

The trick is to switch the focus from yourself and the audience to the ideas in the talk.

The reason it doesn’t matter is because the audience is not the point. And you aren’t the point either. It’s the content. It’s the idea.

Enhance

A lightweight frameworks for HTML templating

Kev Quirk: "Yeah, that's gonna be a hard pass from me thanks,…" - Fosstodon

To remember it, Meta approches one of the most important admin system to talk privately with him.

The best route - Eastgate garden

Thoughtful designers lead visitors not only to the answer to their question but to better questions as well.

Planning Pathways

Highways are judged by efficiency: distance, cost, safety, and time. Garden paths play a different role; they lead us through the best routes, not the shortest. They may bend to pace our journey, curving here to reveal a view, twisting there to lead us through a shady grove or a sunny clearing.

Storyspace: Storyspace

Make an OSS version of it for the web: why not building on the web for the web?

Garden's End - Eastgate garden

At times, wilderness is exactly what readers want: a rich collection of resources and links. At times, rigid formality suits readers perfectly, providing precisely the information they want, no more and no less. Indeed, individual hypertexts and Web sites may contain sections that tend toward each extreme.

Often, however, designers should strive for the comfort, interest, and habitability of parks and gardens: places that invite visitors to remain, and that are designed to engage and delight them, to invite them to linger, to explore, and to reflect.

Awesome CodeGouvFr

A list of awesome as we like them 😄

Time anxiety: what it is and how you can deal with it – Clockify Blog
Quirks Mode - HTML: HyperText Markup Language | MDN

#idea #project

  1. a browser extension shows if a page is in quirk-mode
  2. The extension suggests how to make it HTML 5 compliant and in "no-quirk" mode
Weblog | The Spicy Web
Enhance vs. Lit vs. WebC…or, How to Server-Render a Web Component | The Spicy Web

Let's take a look at how to spin up a simple Node server and use custom elements as templates in three popular formats

As always it depends of the need.

The curse of the Sisyphean read-later list — Joan Westenberg

We pile up things to read later that we

Here's the funny thing: In trying to learn everything, we learn very little. We stuff ourselves with information but don't digest it. It's a sign of our times – we want to know more but feel empty.

But at the same time, each saved item is a reminder of our finite nature in contrast to the infinity of knowledge available.

It is a planning fallacy: we overestimate our future time and resources. A way to solve lies is by aligning our aspirations with our actions. [...] "we need to cultivate a habit of selective engagement, where we consciously choose what to consume based on its relevance and value to our personal and professional growth, creating space for thoughtful engagement with content that truly matters rather than mindlessly accumulating information."

DNS records

About type, name, value and TTL

Naming is hard
Analyser un texte - le hollandais volant

Compléter l'outil, à voir aussi selon les besoins.

Et puis un outil un peu plus gros qui n’est qu’une idée, car j’en ai marre que les outils existants tombent ou deviennent des usines à gaz :
– former une BDD des groupes/artistes de musique, et y intégrer les albums à paraître. Le tout où on peut s’abonner à tel ou tel artiste, et ça donne un flux RSS ou un ICS personnalisé qui nous envoie un rappel lorsque l’album sort. Comme ça, ça m’évitera de louper des trucs.
Dans un premier temps, ça sera un outil perso pour suivre mes artistes préférés, vu que ça me demandera déjà pas mal de veille, mais à terme pourquoi ne pas faire un système collaboratif où quelqu’un peut proposer une date pour un album à paraître pour n’importe quel artiste. Évidemment, dans ce cas, une source sera exigée et une validation manuelle à faire (par moi). L’idée est surtout de proposer des flux RSS/ICS pour tout le monde.

Hyperfiction — e-teaching.org - Gestaltung von Hochschulbildung mit digitalen Medien

eine neue Literaturgattung, bei der sich die tradierten Strukturen von Erzählungen in offene, für den Leser unerwartete Strukturen auflösen. Vielfältige Rezeptionswege werden durch die Möglichkeit, im Text zu springen, möglich. Der Leser wird dabei durch seine Auswahlentscheidungen zum Mitproduzenten des Textes.

Rigid design - Eastgate garden

Rigid hypertext is streetscape and corporate office: simple, orderly, unsurprising. We may find the scale impressive, we admire the richness of materials, but we soon tire of the repetitive view. We enter to get something we need: once our task is done we are unlikely to linger. We know what to expect, and we rarely receive anything more.

Baseline 2023  |  web.dev

Baseline is a new term that defines a feature broad adoption. There are two stages:

  1. The new feature is available in all last versions of the browsers
  2. The new feature is widely available after 30 months after the first stage

We can then speak of baseline 2023 that groups all features usable in the considered browsers.

Limitations:

  • the browsers considered are Safari, Firefox, Chrome and Edge. The rest is unknown even if they are listed on caniuse.com
  • it does not take screen readers and accessibility tools in consideration as part of "availability"
Vee: caricature of wealth - Mastodon

Text on the image: "If a Monkey hoardet more bananas than it could eat, while most of the other monkeys starved, scientist would study that monkey to figure out, what was wrong with it. When humans do it, we put them on the cover of forbes."