Daily Shaarli

All links of one day in a single page.

Today - August 29, 2025

8 minutes pour comprendre l'arnaque des cartouches d'encre.

À propos des cartouches d'encres vides à 29% d'encre. En fait, la mémoire eprom de ces cartouches peuvent être écrasé afin de réinitialiser le compteur du nombre de page imprimable...

Natasha Jay: „A French Venn Diagram 🇫🇷“ - LGBTQIA+ and Tech

Cat Mansion Eau, but in french please :)

Ultra — David Larlet

Faire un tour 6.7k toute les heures.

Cette course contre soi-même porte un nom: https://fr.wikipedia.org/wiki/Backyard_ultra

The interpolate-size property is a great example of progressive enhancement - Piccalilli

interpolate-size is a way to animate height: auto or width. It is only supported in Chrome for now.

A quick example:


@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }

  details {
    transition: height 0.5s ease;
    height: 2.5rem;

    &[open] {
      height: auto;
      overflow: clip;
    }
  }
}

A more generic one:

:root {
  interpolate-size: allow-keywords;
}

details {
  --calculated-details-padding: var(--details-padding, 1em);

  transition: height var(--details-transition-speed, 150ms) linear;
  height: calc(1lh + (var(--calculated-details-padding) * 2));
  padding: var(--calculated-details-padding);
  background: var(--details-bg, white);
  color: var(--details-color, currentColor);
}

details[open] {
  height: auto;
  overflow: clip;
}