Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

November, 2024

Typing Practice

Un outil didactique pour apprendre progressivement à taper plus vite au clavier. Il commence avec une petite portion du clavier et étend progressivement.

Maily - Open-source editor for crafting emails

Un outil pour construire un template d'email assez simplement en drag & drop.

Mermaid Chart - Create complex, visual diagrams with text. A smarter way of creating diagrams.

Un éditeur de diagrammes fait avec Mermaid, en complément de l'éditeur officiel.

Il offre un peu plus de possibilités pour éditer le digramme visuellement et avoir les changements reflétés dans le code directement.

Via https://www.alsacreations.com/astuce/lire/1932-Mermaid--diagrammes-schemas-et-graphiques-dans-markdown.html

Realtime Colors

Créer une palette de couleurs en les voyant en action sur un site fictif en live.

everything about color (literally)

Tout ce que vous avez toujours voulu savoir sur les couleurs. C'est abyssal 🫣

A Friendly Introduction to Container Queries • Josh W. Comeau

Une introduction hyper didactique aux Container queries CSS et à pourquoi leur adoption est encore faible malgré leur support par plus de 90% des versions de navigateurs.

Introducing your new JavaScript package manager: Deno

Deno dévoile un packagé manager intégré à Deno lui-même qui gère aussi bien les packages npm que JSR.

Write With Harper

Un correcteur grammatical open-source (en 🇬🇧 anglais uniquement) qui dispose de plugins pour VS Code et Obsidian notamment.

Advent of TypeScript

Un calendrier de l'avent TypeScript 👀

Ça arrive dans 21 jours.

Pas sûr que je sois encore prêt.

BlockNote - Javascript Block-Based React rich text editor

Un éditeur de texte riche à importer dans vos applications. Il est structuré sous forme de blocs ré-ordonnables.

JavaScript's ??= Operator: Default Values Made Simple

Un nouvel opérateur ??= pour assigner une valeur par défaut à une variable si elle est null ou undefined.

Kagi Translate

Une alternative à DeepL et Google Translate.

rgrove/parse-xml: A fast, safe, compliant XML parser for Node.js and browsers.

Un parser XML en JavaScript qui semble très efficace pour des documents petits à moyens.

oom-components/mastodon-comments: Web component to show comments from mastodon

Un Web Component très léger qui permet d'utiliser Mastodon comme système de commentaire. Parfait pour un blog statique par exemple.

Homepage | A11y Coffee

Un bon point de départ pour comprendre ce qu'est l'accessibilité sur le web et pourquoi il est nécessaire de s'en préoccuper.

Why create a static site? - Lume

Quelques ressources intéressantes dans le cadre de l'utilisation d'un moteur de site statique (et pas forcément Lume).

kalvn/shaarli2bluesky: Automatically post your links from Shaarli to Bluesky.

Je viens de créer un petit plugin similaire à shaarli2mastodon pour publier automatiquement vos liens sur Bluesky.

N'hésitez pas à me faire des retours, il y a sûrement encore quelques petits bugs :)

Cockpit Project — Cockpit Project

Un autre outil de monitoring.

JavaScript performance is weird... Write scientifically faster code with benchmarking

Utilisation de Deno.bench pour comparer la vitesse d'exécution de divers algorithmes de tri, de boucles, etc.

How to roll your own auth in JavaScript & TypeScript

Un exemple de développement d'une couche d'authentification en JavaScript.

J'ai aussi fait ça moi-même dans quelques applications et c'est extrêmement formateur et sensibilisateur aux problématiques de sécurité liées à l'authentification au niveau protocolaire (HTTP, cookies, JWT, etc.).

J'ai le sentiment que très peu de dev le font encore par eux-mêmes et je pense vraiment que ça augmente le risque de mal configurer un outil un jour ou l'autre et d'ouvrir une faille béante sans s'en rendre compte. C'est un domaine complexe mais aussi super intéressant. Prenez le temps de vous y intéresser ! Idéalement sur un petit projet, histoire de réduire l'impact si vous vous plantez. Et si ça arrive c'est pas grave, apprenez de vos erreurs et la prochaine sera la bonne :)

JSON Patch vs JSON Merge Patch - In-Depth Comparison | Zuplo Blog

Deux conventions pour modifier ("patcher") un objet JSON.

How to set your domain as your handle - Bluesky

Bluesky (le Twitter-like) introduit une possibilité intéressante de vérification de compte qui utilise votre nom de domaine internet.

En gros votre nom de domaine devient votre "handle" (votre nom d'utilisateur quoi).

Par exemple, je suis joignable à https://bsky.app/profile/kalvn.net