Weekly Shaarli

All links of one week in a single page.

Week 51 (December 18, 2023)

Latest XSS Defense: Trusted Types and Built-in Sanitizer API | Beyond XSS

Trusted types are interesting indeed. They won't fit all cases though: what happens if I want to insert HTML? These are cases though, and the majority could use these.

Chris's Wiki :: blog

A blog hosted on Chris Siebenmann::CSpace with a wiki

Minutes to Midnight - Sound designer, game audio pioneer

Hey! My name is Simone Silvestroni. This is the personal website where I document thoughts, opinions, and how I work with technology to translate ideas into an enjoyable experience.

Blog | Kev Quirk
Times Newer Roman

13% wider than the classic Times New Roman

Earlyname: Reserving Usernames on the Internet | Tiny Projects
LH units are cool - Piccalilli

The lh unit is even more useful [for icon sizes] though because it is relative to the computed line height.

Parrainez des abeilles
My favourite 3 lines of CSS - Piccalilli
.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}
branches have no rules
Les actions contre le spam ⋆ Signal Spam

La plateforme officielle de signalement de spam

Boz - Who Are You and Why Should I Care?
Firefox 121: Mozilla ends 2023 with a bang - gHacks Tech News

This new release is quite neat.

Permacomputing: Tackling the Problem of Technological Waste
[Blog] À nous de vous faire préférer le train ! · Pofilo.fr

Le trajet est possible sans la carte... c'est du foutage de gueule

HTML: The Bad Parts - HTMHell
The Ghosts of Markup Past - HTMHell

Source of markup ghosts:

  1. proprietary markup introduced by browser vendors
  2. specs which didn*t see uptake like HTML3
  3. use case specific markup on devices like WebTV or early smartphones

Some old tags:

  • <audioscope> to display the sound over time. A demo https://www.youtube.com/watch?v=tM7YVhar2Dg
  • <au> for authors
  • <blackface> for double-weight boldface... in HTML 🤡
  • <center> oh shit
  • <font> and color attributes
  • dingbat attribute to embed emojis, extended unicode entities, icon fonts and custom things. Now it is used as < for example and does not rely on the attribute anymore.
  • <multicols> ....
  • <person> in HTML 3, but it opens the door for so many other tags. Now instead we can rely on <a rel="author"> or with me

and more

Native mobile apps are optional for B2B startups in 2024

With the latest changes in MacOS, we can now build Progressive Web Apps for all devices.

Usbek & Rica - Pornupulence, protopie, désinfluence... Voici les 10 mots qui ont décrypté le futur en 2023
  1. Pornopulence
  2. Protopie
  3. Méta-modernisme
  4. Croivance
  5. Circlusion
  6. Bombes à carbone
  7. Littérature cosy
  8. Long-termisme
  9. Désinfluence
  10. Pétromasculinité
Blog - Ru

I am a…

  • remote-first,
  • freelance,
  • full-stack (what do these labels even mean anymore?)
  • developer
  • at it professionally since 2017, and,
  • as a hobbyist since 2008 (it’s been a while huh?)

I’m currently working with an independent review platform for education technology products worldwide.

MSCHF

A list of things

Why Developers Are Building So Many Side Projects | Future

It is a gambling at the side project casino: “It’s a career for gamblers. Every time you write a book, you’re throwing the dice again, and you don’t know whether it’s going to crash and burn or be a big success.” - George R.R. Martin

The effort put into an internet project is often detached from its results.

Ayush made 25 products in 25 weeks https://ayushchat.com/25-in-25

As another emailer explained, tiny projects can provide the creative insights that give large projects direction: “My small projects help inform how my big project is working, where my main project is the tree trunk and the tiny projects are its branches.”

You used to put side projects on a CV to land a career in tech. Now, side projects can be your tech career.

😄

TomlManifest in cargo_util_schemas::manifest - Rust

Make a UI for it

Why Personal Blogging Still Rules

Before the social media craze or publishing platforms, and long before ‘content creator’ was a job title, blogs served as one of the primary forms of online expression and communication. [...] We had webrings, forums, and carefully curated link pages instead.

At their core, they all have one characteristic in common: they’re there because their owners wanted to carve out their space on the internet. And I think you should do the same. Let’s talk about why that is.

  1. Platforms aren’t forever homes
  2. SEO Writing is dead, storytelling is back
  3. Communities > Followers
A Career Cold Start Algorithm

How to ramp up quickly?

The first step is to find someone on the team and ask for 30 minutes with them. In that meeting you have a simple agenda:

  • For the first 25 minutes: ask them to tell you everything they think you should know. Take copious notes. Only stop them to ask about things you don’t understand. Always stop them to ask about things you don’t understand.
  • For the next 3 minutes: ask about the biggest challenges the team has right now.
  • In the final 2 minutes: ask who else you should talk to. Write down every name they give you.

Repeat the above process for every name you're given. Don’t stop until there are no new names.

Abstractions in Web architecture - Design Issues

The web of things is built on the web of documents, which is built on the web of computers controlled by Domain Name owners, which itself is build on a set of interconnected cables. This is an architecture which provides a social backing to the names for things. It allows people to find out the social aspects of the things they are dealing with, such as provenance, trust, persistence, licensing and appropriate use as well as the raw data. It allows people to figure out what has gone wrong when things don't work, by making the responsibility clear.

The value of this architecture is that each layer leverages the social components of the lower layer's architecture

"Affaire du 8 décembre" : l'inquiétante condamnation de militants comme terroristes - POLITIS
How I Have Fun With Rust
Command–query separation - Wikipedia

It states that every method should either be a command that performs an action, or a query that returns data to the caller, but not both.

More formally, methods should return a value only if they are referentially transparent and hence possess no side effects.

Even in single-threaded programs, it is sometimes arguably significantly more convenient to have a method that is a combined query and command. Martin Fowler cites the pop() method of a stack as an example.

Tiny Projects

Tiny devs

Blogroll | Garrit's Feed
Next - Un satellite de communication franco-italien « butiné » par un satellite espion états-unien

Voilà comment on traite ces alliés?

IO relève également que « les États-Unis représentent la moitié des 92 cas d'ingérence dans des entreprises françaises par extraterritorialité du droit (lawfare) relevés par la DGSI depuis 2020 jusqu'à fin 2022 », et que « la Chine se situe au deuxième rang de ce palmarès, mais très loin du nombre de cas attribués aux États-Unis ».

Focus On Impact

Using a single metric always results in Goodhart's law: when a measure becomes a target, it ceases to be a good measure.

By using "Focus on Impact", people started to focus only short terms.

I believe I have observed a novel form of this law: when a company slogan becomes an article of faith, it ceases to be a good slogan.

The slogan “Move Fast and Break Things” was used until it was serially and irreparably misunderstood.

Test-driven HTML and accessibility - HTMHell
Seriously, Don’t Use Icon Fonts – Cloud Four

Use SVGs instead of icon fonts for the reasons explained in the articles.

The Hellish History of HTML: An incomplete and personal account - HTMHell
These font stacks will improve your site performance - YouTube

system-ui is a good typography because it falls back on the system font (that is readable). It means 0 bandwidth cost.

A11y bookmarklets | A11y Tools

They're nice and useful tools :)

They can be extended to browser extensions if they need to.

The UX of HTML - HTMHell

It can be a meme: instead of talking about semantics, UX is trendy and can be used as trendy shit word instead.
UX HTML is more accessible, less error-prone, more maintainable because it uses the right tags and attributes. Yes it is semantic at the end.
So UX of HTML matters.

The Many Meanings of Open - Design Issues
  • Universality
  • Open Standards
  • Open Web Platform (OWP)
  • Open Government through Open Data
  • Openness with personal data on the Social Net
  • Open Platform
  • Open Source
  • Open Access
  • Open Internet and Net Neutrality

Too many websites could generate nice reports as documents, but had no way to access the data behind it to check and build on the results.