A GUI to generate the appropriate command for FFmpeg.

Shared by SebSauvage and Riduidel

Render the charts as particles

A board shared in real time with many users

A collection of spinners created by state (thinking, searching, working, listening, composing, done). There are three types of spinner groups: Academy, Grid and Tape.

Un sondage sur le thème choisi entre:

• forcé clair
• forcé sombre
• sombre ou clair, celui que j'ai choisi dans le système ou le navigateur
• sombre ou clair, je veux choisir sur chaque site

We can avoid the "System" state because it's the default!

Except, real users don’t generally seek out dark mode toggles to express intent for things to stay as they are, they seek them out when things need to change.

Then toggle the "next" state (that is not the system appearance, or reset the state=.

Use proper contrast to make fonts readable

project: https://github.com/spiritov/ds.css

That's a way

It's a chrome-only thing for now using shape()

A way to create demo from UI components: create video in the browser directly, so the recordings can be changed, replayed or its speed can be updated.

The reason I will never go back: it is code, so it is repeatable. A stat is wrong? Change a number and rerun. A beat feels rushed? Nudge one timestamp. Want the same demo for four different products? Loop over four pages and render them all while you make coffee. There is no take to redo and no quality lost to another export.

It seems what the UI does can be a browser extension.

Animations should be OK for each frame

A design system documentation tool

• choose fonts wisely
• optimize the font display:

  body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

• golden ratio for line-height
• keep the amount of characters per line to 90
• prefer SVG and WEBP formats

j'aime beaucoup le système de grille du planning. Il permet de situer plusieurs évènements dans la journée.

L'implémentation est décrite sur https://fourbi.eu/billet/2026-05-13-paris-web-2026-la-grille-de-programmes

The library parses rich schemas (nested sections, $ref, arrays, key/value maps, pattern properties…) into a navigable form tree, renders it as a keyboard-first editor, and validates the result after every edit so users always see the full list of issues before saving.

It can be useful someday

Paste the raw source of an email into the form on the front page. The email will then be parsed, decoded, separated into its various MIME parts, and displayed in an easy to view fashion. Image attachments will be displayed as images. HTML parts will be rendered in Chromium (with javascript and plugins, disabled) and then also displayed as an image. IP addresses in headers and message bodies will be identified, classified, and highlighted along with a flag representing their origin country. Hostnames and email addresses will also be identified and highlighted.