Daily Shaarli

All links of one day in a single page.

September 3, 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.

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.

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