Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

January, 2024

Inside .git

Que contient le répertoire .git ?

Modern JavaScript library starter - Advanced Web Machinery

Les bases pour créer une librairie JavaScript aujourd'hui, avec TypeScript, tests, et flux CI/CD pour automatiser les tests et la publication sur npm.

An introduction to using tcpdump at the Linux command line | Opensource.com

Un article qui explique de manière très pragmatique comment utiliser tcpdump pour inspecter le trafic réseau entre un client et un serveur par exemple. Pratique pour détecter des lenteurs et leur cause potentielle.

This flexible, powerful command-line tool helps ease the pain of troubleshooting network issues.

Niolesk

Un meta-outil de design de diagrammes avec du texte.

Via https://korben.info/creer-editer-diagrammes-format-texte-niolesk.html

Luciole - Typeface

Une police d'écriture conçue spécifiquement pour les personnes malvoyantes. Visuellement elle n'est pas vilaine en plus.

Via https://korben.info/luciole-police-caracteres-accessible-malvoyants.html

ProcDump débarque sous Linux !

Un outil pour faire des dumps de processus lorsqu'ils atteignent certains critères (CPU supérieur à 80% par exemple).

Pratique pour debugger !

Quels sont les meilleurs câbles USB-C selon vos besoins ?

Une sélection de câbles USB C. La norme devient compliquée à suivre 😬

console.delight – Frontend Masters Boost

Afficher à peu près n'importe quoi (SVG et HTML) dans la console du navigateur des utilisateurs de votre site.

CSS :has() le sélecteur de parent, mais bien plus encore ! - Alsacreations

Un article en français qui présente le sélecteur CSS :has avec quelques cas d'utilisation.

Je sens que ça va me prendre un peu de temps de l'appréhender, mais il ouvre de belles possibilités :)

Preventing and Debugging Memory Leaks in Node.js | Better Stack Community

Un excellent article qui détaille pas à pas comment détecter et résoudre un memory leak dans une app Node.js.

Top 5 des logiciels de retouche photo pour PC

Un listing de quelques outils de retouche photo sur ordinateur.

La cérémonie de signature de clé de la zone racine de DNSSEC | Cloudflare

La cérémonie de signature de clé de la zone racine fait des serveurs de noms DNS racine une ancre de confiance. Au lieu de partir d'une confiance dérivée d'une zone parentale, la confiance est supposée. Toute cette cérémonie est conçue pour renforcer cette confiance. Il s'agit d'un aspect très humain de la sécurisation de l'Internet : la raison pour laquelle vous pouvez faire confiance aux serveurs DNS racine tient à la confiance que vous avez dans les personnes qui les signent. Et si vous pouvez faire confiance aux personnes qui le signent, c'est parce que les protocoles qu'elles suivent pour le faire sont très stricts. C'est pour cela qu'existe la cérémonie de signature de clé de la zone racine.

Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes

Une alternative au module node:fs qui pallie certaines faiblesses de l'original.

Note: Utiliser wget pour télécharger récursivement toutes les pages d'un site web

J'ignorais que wget pouvait être utilisé pour télécharger récursivement toutes les pages d'un site. J'avais besoin de faire ça simplement pour extraire la documentation d'un vieux site dont je ne suis pas sûr qu'il soit toujours en ligne dans quelques années.

wget -r -p https://urldusite.com

Et le tour est joué ! Bon j'ai juste eu un souci avec l'extension .html qui manquait pour la plupart des fichiers mais sinon ça fait le job.

Source: https://www.makeuseof.com/tag/how-do-i-download-an-entire-website-for-offline-reading/

Mettre en surbrillance ligne et colonne au survol d'une table - Alsacreations

Une astuce pour mettre en surbrillance la ligne et la colonne auxquelles appartient la cellule d'un tableau HTML, uniquement avec CSS.

Judicious JSON - Socket

Un article long mais intéressant à propos du JSON et de ses petites particularités qu'on a tendance à ignorer parce que dans 95% des cas on se limite à des cas très simples.

L'article évoque notamment l'éternel débat entre omettre une valeur nulle ou la conserver avec une valeur null.

Instead of defaulting values to null it is recommendable to preserve and check if the property exists instead.

Il est ici conseillé d'omettre les valeurs et de vérifier leur présence durant la serialisation, afin d'éviter d'avoir à distinguer les 2 cas, et d'être plus raccord avec le required des schémas JSON.

Cloudflare Radar - 2023 Year in Review

Une revue de données intéressantes sur le web en 2023, basé sur les statistiques de Cloudflare.

HTML: The Bad Parts - HTMHell

Les problèmes que posent certains composants natifs du HTML.

Les utiliser est bon pour la sémantique mais pas forcément pour l'expérience utilisateur. Il faut aussi prendre conscience que les développeurs de navigateurs web doivent prendre d'extrêmes précautions lorsqu'ils mettent à jour les composants natifs, car ils prennent le risque de causer des bugs dans les sites qui les utilisent et n'ont pas anticipé ces changements.

Building a tooltip using web components

Construire un tooltip sous forme de web component, histoire de remplacer le tooltip par défaut qui s'affiche avec l'attribut title.