Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

January, 2025

A Deeper Look into Node.js Docker Images: Help, My Node Image Has Python!

Décortication de différentes images Docker de Node.js. C'est plein de surprises, riche en enseignements et pour autant très facile à suivre. Une saine lecture !

Build for the Web, Build on the Web, Build with the Web – Web Performance and Site Speed Consultant

Une réflexion sur le coût que représente le fait d'utiliser des framework et ainsi de s'éloigner du web "natif".

Some Things You Might Not Know About Custom Counter Styles | CSS-Tricks

Configurer en détail les éternelles listes numérotées est désormais possible en CSS.

Load testing for engineering teams | Grafana k6

Un outil de test de performances (load testing) par Grafana.

1.2.Train - Billets de train SNCF

La solution la plus simple et efficace pour acheter vos billets de train. Le site est super optimisé, sans fioritures et sans pub. Le nouveau Capitaine Train peut-être ?

Via https://sebsauvage.net/links/?utSa4w

PassMark Videocard Value Chart - Performance / Price of Videocards

Comparatifs de cartes graphiques (GPU) en fonction de leur rapport puissance de calcul / prix.

Via https://sebsauvage.net/links/?GxxJ2A

Highlighting journalism on Mastodon - Mastodon Blog

Ajouter un lien vers votre profil Mastodon lorsque certains de vos articles sont partagés sur le Fediverse.

JavaScript Temporal is coming | MDN Blog

C'est le moment de s'intéresser sérieusement à la nouvelle API JavaScript Temporal qui vise à remplacer la mal-aimée Date.

content-visibility - CSS: Cascading Style Sheets | MDN

La nouvelle propriété CSS content-visibility permet de faire du lazy loading sur des morceau entiers du DOM pour améliorer le temps de chargement de vos pages.

Les éléments à qui est attribuée la valeur auto ne seront "peint" ou rendu par le navigateur seulement lorsqu'ils s'apprêtent à être visible, après que l'utilisateur ait suffisamment fait défilé la page.

Et c'est un bon candidat à l'amélioration progressive puisque les navigateurs qui ne connaissent pas cette propriété se contenteront de l'ignorer.

April King — Refresh vs. Long-lived Access Tokens

L'intérêt d'utiliser des refresh tokens en plus des access tokens plutôt que "simplement" des access tokens avec une longue durée de vie.

Learn Yjs by Jamsocket

Un outil qui aide au développement d'applications collaboratives en temps réel.

Element: animate() method - Web APIs | MDN

Je ne connaissais pas la méthode animate() utilisable sur un élément HTML qui permet de créer et déclancher une animation CSS à la volée, en JavaScript, un peu à la manière de ce que permettent les librairies d'animation, mais en natif du coup.

BunkerWeb - The open-source Web Application Firewall (WAF)

Une sorte de WAF (Web Application Firewall) a priori simple à mettre en place.

Via https://korben.info/bunkerweb-pare-feu-magique-protection-sites-web.html

Introduction - act - User Guide | Manual | Docs | Documentation

Un outil en Go qui permet théoriquement d'executer localement un workflow GitHub.

Pour avoir buté sur un de ces workflows sur une vingtaine de commits récemment, je réalise pleinement la valeur de ce que propose cet outil.

Formatting dates and times in JavaScript with Temporal and the Internationalization API

D'autres exemples d'utilisation de la nouvelle API JavaScript Temporal qui améliore la façon de gérer les dates et durées.

Fancy Menu Navigation Using Anchor Positioning | CSS-Tricks

Le positionnement par ancres de CSS (uniquement dans les navigateurs basés sur Chromium pour le moment) ouvre énormément de possibilités.

MDN 2024 content projects | MDN Blog

Un petit résumé des nouveaux contenus qui sont arrivé sur MDN en 2024 et de ce qui nous attend pour 2025.

Analyser du code PHP avec PHPStan - Alsacreations

PHPStan est un analyseur de code statique pour PHP. Parfait pour compenser les manques du système de typage de PHP. Très simple à mettre en place en augmentant graduellement le niveau (littéralement, cet outil a des levels) d'exigence.

Node.js Type Stripping Explained

Les dessous du début de support de TypeScript par Node.

mozilla/readability: A standalone version of the readability lib

Une lib de Mozilla pour extraire le contenu "utile" à lire d'une page web. C'est ce que Firefox utilisé pour sa Reading view.

caronc/apprise: Apprise - Push Notifications that work with just about every platform!

Un outil qui permet d'envoyer des notifications à tout un tas de systèmes (Discord, Telegram, etc.) en ligne de commande, très simplement avec une API unifiée.

Parfait pour recevoir des notifications déclenchées par un de vos systèmes.

Via https://framapiaf.org/@sebsauvage/113820548037262795

The No Hello Club - Just say what you need!

Vous avez déjà eu à faire à ces gens qui engagent la conversation avec un simple "Salut" sans rien dire de ce pourquoi ils vous contactent ? Moi oui 😅

Sheepy: A Short Adventure

Un excellent jeu ! Très court (1 heure environ) mais une très belle expérience, surtout musicalement.

J'adore ce genre de petits jeux 💙

Revue du jeu par Jiti

Tango Game - Play Unlimited

Un petit jeu type Sudoku au principe tout simple.

Via https://korben.info/tango-puzzle-game-deduction-logique.html

Flow Launcher – Canard PC

Flow Launcher est testé et validé depuis longtemps ! Et si vous voulez y ajouter de l'emoji, vous savez où chercher https://github.com/kalvn/Flow.Launcher.Plugin.EmojiFinder 👀

New Front-End Features For Designers In 2025 — Smashing Magazine

Quelques nouveautés CSS quo vont devenir de plus en plus utilisables en 2025.

Wiki|Docs

Un outil à auto héberger pour créer un wiki, le tout sans base de données.

2024 JavaScript Rising Stars

Le librairies JS qui ont le plus progressé cette année en terme d'étoiles sur GitHub (ça vaut ce que ça vaut).

CallToInspiration – Small details for very exacting ideas!

Une source d'inspiration pour créer des morceaux d'interface graphique.

Epoch Semantic Versioning

Une proposition intéressante d'ajouter une notion supplémentaire au Semantic Versioning pour distinguer les "simples" breaking changes des changements plus conséquents.

L'intérêt de cette approche est qu'elle reste compatible avec le semantic versionning lui-même.

Shallow clones versus structured clones

Pour cloner vos objets JavaScript, utilisez structuredClone().

1-billion row challenge with Node.js

Article passionnant sur comment passer de 5 minutes à 11 secondes pour traiter un fichier de 12 Go avec Node. Très didactique, notamment sur l'utilisation des streams.

Node.js Now Supports TypeScript By Default | Total TypeScript

Le support de TypeScript dans Node par défaut arrive à partir de la version 23.6.0.

Il arrivera plus tard dans Node 22 mais pas dans Node 20.

vince - Self Hosted Alternative to Google Analytics

Un autre outil d'analytics open source et GDPR-compliant, à auto-héberger.

Secure DNS (DoT and DoH) is not enough

Il semblerait que malgré DoT ou DoH, le nom des sites que vous consultez ne fuite à cause du SNI. Un nouveau protocole est en cours de standardisation pour combler ce manque.

Announcing bench-node

Un outil pour effectuer du benchmarking avec Node.

Explosion du Cybertruck : l’accès aux données du véhicule pose question - Next

Ce festin que font les constructeurs automobiles de véhicules connectés avec nos données personnelles sans que qui que ce soit ne lève le petit doigt est à gerber.

Interactive SVG Animations

Un cours (payant mais avec preview) sur le format SVG et sur les techniques pour l'animer.

Medama Analytics

Un outil analytics léger, respectueux de la vie privée et qui respecte le RGPD, à héberger sur votre propre serveur. Pas encore testé.

RPGamers, La passion des RPG - Actus, tests et émulation

Très bon site pour télécharger des ROMs de différents RPGs pour émulateurs de plusieurs consoles, de la GBA à la Dreamcast et la Game Cube.

Yaak – The API client for modern developers

Encore un GUI client HTTP pour desktop, par celui qui a créé puis vendu Insomnia, un autre GUI client HTTP pour desktop... qui sont donc des alternatives à Postman, Bruno, Hopscotch, etc.

Bluesky embed

Un Web Component pour afficher un post Bluesky et les réponses qui vont avec.