Weekly Shaarli

All links of one week in a single page.

Week 35 (August 28, 2023)

Not All Zeros are Equal | OddBird

Using 0 as CSS value breaks the calc function if the two values are not pixels.

The only difference between a , a , and a

Actually

For zero and only zero, we can use a when CSS expects a .

0 is not allowed in some functions such as rgb or HSL, because these expects degree or percentages.

Carmine Crystal Blog

Another one

Should Data Expire? Entropy and permanence in digital landscapes

The physical limitation of space on our storage habits has been replaced with a purely financial subscription model, a virtual asset with unlimited flex, rather than a material, spatial expansion.

In a study commissioned by Fujifilm in March 2022 13 , 97% of all adults surveyed said that they use cloud storage for some or all of their photos.

In an informal survey of friends, colleagues, and followers on federated networks (86 respondents), around half reported having photo collections on their phones of more than 5,000 images, with just over 70% reporting more than 1,000 images stored.

The problem with auto-generated alternative texts for images
  1. Check if the image really needs a description. Maybe it is decorative. The W3C alt decision tree(opens in a new tab) is an excellent resource to help you categorize your photos.
  2. Avoid writing "Image of", "Icon of", or "Picture of". Screen readers announce the presence of an image. Adding these words inside your alt is unnecessary.
  3. Keep it as short as possible. Be specific but not overly descriptive.
  4. Try to put the most essential information at the beginning of your description.
Why Rust is the most admired language among developers - The GitHub Blog

“It lets me write multi-headed programs that run on 16 cores and keep them readable, maintainable, and crash-free. It also lets me write low-level algorithms requiring control over memory layout and pull in a crate that makes HTTPS requests super simple. It’s the combination of these features that makes Rust so unique.”

And the feedback from Github on the language.

Ted Kaminski

Another one :D

What can we learn from how compilers are designed?

Compilers are pipelines with a serie of step. Each step transform the input and provides data to the next.

Each step has then a contract with the input provided and its output 😃

The author goes in depth.

We can completely segment one component of the compiler from another by having the right form of data structure in between them. To build that data structure, you don’t need to know anything that happens to it afterwards, you just need to know what it means.

La classe de Mallory – Ressources et jeux pour le cycle 3

Une enseignante de cycle 3

Microformats - HTML: HyperText Markup Language | MDN

Similar to microdata.

Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns. - https://microformats.org/wiki/about

What is the difference between microformats and microdata? It seems that microdata is an extension of microformats. Also microdata is meant for HTML5, whereas microformats is meant for everything.

More Accessible Skeletons — Adrian Roselli

How to make an accessible skeleton with ARIA ?

Note that the skeleton pattern hides a bad design where the UI is slower than expected. So avoid it as much as possible.

Intermarché | Fruits et légumes - La vie ne devrait pas coûter aussi cher. - YouTube

Elle est drôle cette publicité quand même, car les fruits de qualité deviennent rares.

Microdata - HTML: HyperText Markup Language | MDN

Microdata is used to nest metadata within existing content on web pages: for example, a list of persons.

To create an item, such as a person, the itemscope attribute is used.
To add a property to an item, the itemprop attribute is used on one of the item's descendants.

Gilles-Éric Séralini : « Qui va vérifier que Monsanto ne fraude pas ? »
a11yphant

allyphanta11yphant teaches web accessibility, one step at a time, broken down into manageable pieces. We call these challenges. You won't need to read large amounts of text to complete those. Instead, you will learn by applying the concepts in code. Get started with your first web accessibility challenge and improve your skills.

What Is ARIA? | Ben Myers

A first approach of ARIA with a toggle button

Introduction - Create Your Own Programming Language with Rust
Patrick Weaver

Because it is possible, someone mare a page with every HTML tags in it.

recreationally human

Writing about Rust, Elixir and programming stuff

GitHub - queer/boxxy: boxxy puts bad Linux applications in a box with only their files.

To solve XDG misconfiguration, if wanted.

How organisations respond to accessibility monitoring - Accessibility in government
ACCUEIL - le stylo de vero

Une enseignante du cycle 2

Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS — Smashing Magazine

A color gamut is a dimension in which we define colors, and the color space defines how we define a color inside the gamut.

For example, sRGB is a color gamut that spans a range of colors, and Hex, RGB and HSL are the spaces available to explore the gamut.

and the sRGB gamut becomes inconvenient:

  • The technology allows better colors (at least a wider gamut than allowed by sRGB)
  • Dead grey zones between two points in space.
  • inconsistent levels of lightness

So two units have landed. One is oklch:

  • l controls the lightness, and measured in a range of 0% to 100%
  • c is the chroma value, measured in decimals between 0 and 0.37
  • h is the same old hue of HSL, in the same range of 0deg to 360deg
  • / a is the alpha in the oklch.

The chroma limit value could be infinite, but P3 Iphone display and sRGB are limited to 0.37.

“Chroma refers to the purity of a color. A hue with high chroma has no black, white, or gray added to it. Conversely, adding white, black, or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.” — Cameron Chapman

“Funeste connerie” : la sortie de Macron sur la limitation des mandats est “quelque peu anachronique”
Gabriele Svelto in Elk: "Starting with version 116, #Firefox..." | Elk

A thread about Firefox that drops support for Windows 7, 8 and 8.1. It includes versions prior to 10.15 of macOS.

The author explains the reasoning and there are multiple arguments.

Getting started - Command Line Applications in Rust
SQLBolt - Learn SQL - Introduction to SQL
GitHub - b3nj5m1n/xdg-ninja: A shell script which checks your $HOME for unwanted files and directories.

It spots files that does not follow the XDG specifications.

make-array.js · GitHub

How an array was built before Ecmascript v1

Fresh install unable to install anything · Issue #3982 · rust-lang/cargo

you reminded me in this episode of the day that someone published a crate named "nul" which made it so no one on Windows could use any crates

"error: [20/-1] Cannot checkout to invalid path '3/n/nul'" LOL