Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

November, 2024

tBaxter/questions-for-employers: A big collection of useful questions to ask potential employers.

Une collection de bonnes questions à poser à un employeur lors d'un entretien d'embauche.

AW - Creative Developer Freelance - France

Impressionnant ce portfolio 😳
Attention ça bouge beaucoup !

Dependencies vs. devDependencies for JavaScript apps | Angelika.me

Une analyse intéressante de ce que sont les dépendances versus les dépendances de développement. Au final utiliser la seconde catégorie n'a pas autant d'implications qu'on pourrait le penser.

Deno 2.1: Wasm Imports and other enhancements

Deno 2.1 est de sortie avec un paquet d'améliorations.

Why Alpine is the new jQuery and Why that is an Awesome Thing – Frontend Masters Boost

Alpine.js a décidément l'air intéressant pour des applications de taille moyenne qui nécessitent beaucoup de manipulations du DOM mais où un gros framework type React serait too much.

Exploring JavaScript Symbols

Une bonne introduction aux Symbols JavaScript.

A lightweight carousel library with fluid motion and great swipe precision | Embla Carousel

Une lib de carrousel au feeling très fluide sur mobile.

C'est marrant j'ai le sentiment qu'il y a des libs de carrousel depuis la nuit des temps et que c'est pas prêt de s'arrêter 😅

Exploring the HTML5 <a> Tag Ping Attribute

Je découvre l'attribut ping de l'élément <a> en HTML.

Build a Typesafe API with tRPC and Deno

Un exemple de l'utilisation de tRPC (ici avec Deno) pour échanger entre le client et le serveur tout en bénéficiant du typage des deux côtés.

Overflow Clip

La propriété CSS overflow gère la valeur clip qui apporte de la flexibilité.

URL, URI, URN, quelles différences ? - Alsacreations

De la différence entre URI et URL (et URN que je découvre).

LAN Party House

Hallucinant cette maison 😳

Le site est très bien fait et contient énormément de détails techniques et humoristiques sur le pourquoi du comment 😊

Guide to the Node.js `exports` field | Hiroki Osame

Le guide ultime sur la propriété exports du package.json de Node, utilisée pour définir comment exposer un package. C'est à dire définir les points d'entrée accessibles et bloquer tous les autres.

Daisy, la mamie virtuelle qui fait cauchemarder les arnaqueurs | Insolite | Le site de Korben

C'est marrant ça, utiliser une IA vocale qui se fait passer pour une mamie qui radotte, pour faire perdre leurs temps aux arnaqueurs par téléphone 😏

CSS-Next/logo.css

Il semblerait que CSS ait maintenant son propre logo 🙌

Infinite AI Artboard - Recraft

Un outil de génération d'image par IA.

A beautiful library with SVG logos - Svgl

Une collection de 439 logos orientés tech/développement en SVG.

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