Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

March, 2024

ESLint Stylistic

Une initiative pour remplacer les règles stylistiques de ESLint, étant donné qu'ESLint a annoncé l'arrêt du support de ces règles pour se focaliser sur les règles fonctionnelles de JS et TS à partir de la v8.53.0. Parfait si vous êtes insatisfait de Prettier.

Popular git config options

Une liste assez longue d'options populaires pour Git. On a tendance à oublier que Git propose énormément d'options pour ajuster son comportement.

J'ai tendance à essayer de rester aussi proche que possible de la config par défaut pour éviter les différences avec d'autres développeurs, mais c'est bien de savoir que ces options existent.

A Global Documentation Platform - Piccalilli

Ça craint, Mozilla est en train de merdifier leur meilleur service : MDN, une enorme base de documentation sur les technos du web. Ils ont ajouté une IA qui raconte apparemment n'importe quoi mais de manière très convaincante.

Vraiment triste de voir ce virage :(

Node.js — Diving into the Node.js Website Redesign

Retour sur le redesign du site de Node.js. C'est l'occasion de découvrir quelques uns des outils qu'ils ont utilisé.

WebAssembly Concepts - WebAssembly | MDN

Une bonne introduction (en anglais ici, mais existe en français) à WebAssembly.

VPN public de FDN

Un VPN gratuit fourni par FDN.

Mentionné chez Sebsauvage, Next et Korben.

What is a passkey? | Proton

Une explication (en anglais) sur ce que sont les passkeys, une tentative de remplacer les mots de passe (curieux de voir comment ce sera traduit en français d'ailleurs 😃).

Il y a aussi ce très bon résumé de Sebsauvage : https://sebsauvage.net/links/?Ao8CoA

Node.js: The Documentary | An origin story

Un excellent documentaire (1h) sur la genèse de Node.js et les péripéties qui s'en sont suivies.

romgrk

Comment optimiser du code JavaScript. Il faut noter que ça se fait souvent au détriment de la lisibilité et de la compréhensibilité. Certains conseils sont donc à réserver pour des scénarios où les performances sont cruciales.

Announcing VitePress 1.0 | The Vue Point

Le générateur de sites statiques basé sur la stack Vue, VitePress est de sortie en version 1.

Overview | LocalAI documentation

Une alternative open-source et auto-hébergeable à OpenAI.

Eta | Eta

Un langage de templating pour JavaScript qui se pose en alternative au bon vieux EJS.

A Beginner's Guide to Node.js Worker Threads | Better Stack Community

Un guide sur l'usage des Worker Threads (multithreading) en Node.js.

Build a Node App with TypeScript | Total TypeScript

Matt Pocock (qui est un peu le gourou absolu de TypeScript) explique simplement comment mettre en place un projet Node.js avec TypeScript.

Pour m'y être mis récemment, je trouve ce genre de ressources précieuses. Il y a tellement d'options et de possibilités qu'on peut facilement se sentir submergé et jeter l'éponge. Ici c'est une très bonne base.

How to Iterate Over Object Keys in TypeScript | Total TypeScript

En TypeScript, une situation simple peut parfois prendre des proportions... 🙈

Carto GRAOU

Une sorte de Flight Radar des trains en France. C'est rempli d'infos, assez fascinant !

cobalt

Téléchargez la vidéo d'une page web en copiant simplement son URL ici. Pas encore testé.

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

FileZilla - Wikipedia - Liens en vrac de sebsauvage

Il semblerait que l'installeur Windows de FileZilla contienne des spywares. Préférez WinSCP.

What is private DNS, and should you use it with a VPN? - Proton VPN Blog

Des infos sur les différents types de DNS privés qui existent (essentiellement DoT et DoH).

En complément, Sebsauvage a compilé une excellente liste de résolveurs alternatifs avec leur support de DoH ou DoT.

HTTP/3 From A To Z: Core Concepts — Smashing Magazine

Une explication détaillée de HTTP3. La principale différence est qu'il utilise UDP + QUIC + TLS au lieu de TCP + TLS.

QUIC vise à moderniser et remplacer TCP, mais pour garder une compatibilité maximale avec les équipements réseau (routeurs, firewalls, etc.) UDP est nécessaire.

Signal version 7 est sorti. Voici ce qui change. - Liens en vrac de sebsauvage

Des explications sur le nouveau système de username de Signal qui arrive avec la version 7, tout juste déployée.

CachedView

Voir quelles copies (cache) d'une page web existent.

CSS for printing to paper

Exemple d'utilisation du sélecteur CSS @page pour configurer précisément le rendu de vos pages web lors de l'impression. L'auteur utilise cette technique pour partager des formulaires dynamiques plutôt que des fichiers PDF, tout en conservant la possibilité d'imprimer sur papier ou PDF pour les utilisateurs.

Attention cependant aux conseils à la fin de l'article. Ajouter la clé primaire des données comme paramètre dans l'URL et charger les données en JavaScript présente le risque qu'un utilisateur modifie à la main ce paramètre et récupère des données auxquelles il ne devrait pas avoir accès. Si le format de la clé primaire est un identifiant généré aléatoirement et suffisamment long (type UUID), le risque est moindre.

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

The Magic in Shiki Magic Move

Une façon ingénieuse de créer des transitions visuelles entre l'affichage de deux bouts de code qui partagent certaines similitudes. Par exemple pour illustrer une simplification de code.

darktable

Une alternative open source à Adobe Lightroom.

Losing the imitation game - Liens en vrac de sebsauvage

Réflexion sur l'utilisation de l'IA pour développer. Très pertinent.

Capo.js: A five minute web performance boost – Frontend Masters Boost

Il semblerait que l'ordre des éléments dans le <head> des pages HTML ait une importance pour les performances. L'article avance jusqu'à plusieurs secondes de différence.

L'outil (extension de navigateur ou bookmarklet) permet de remettre les éléments dans le bon ordre.

SUPIR - XPixel Group

Un outil d'upscale d'image qui a l'air très efficace.

CSS :has() Interactive Guide

Un guide intéractif pour le nouveau sélecteur :has en CSS.

Introducing JSR - the JavaScript Registry

L'équipe qui développe Deno, une alternative à Node.js, vient d'annoncer JSR, un nouveau gestionnaire de paquets (package manager) pour les librairies JavaScript et TypeScript. Une alternative à npm donc.

C'est un grand boom dans le monde du JavaScript. Npm est sans conteste l'un des package managers les plus utilisés au monde. Cette annonce pourrait avoir un impact considérable.

Leur approche n'est pas nécessairement d'essayer de forcer les gens à utiliser Deno, JSR est compatible avec la majorité des runtimes JavaScript, incluant Node et Bun. L'idée est plutôt d'analyser ce qui fonctionne bien et ce qui fonctionne moins bien avec npm, notamment du fait qu'il a ete créé il y a longtemps et dans un contexte bien différent de celui d'aujourd'hui, et de repartir de zéro avec quelque chose de plus efficace et plus ouvert.

Très curieux de voir ce que ça va donner. Ça rappelle la grande époque de Bower 😄