Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

February, 2025

Sniffnet: comfortably monitor your Internet traffic

Un outil qui permet de voir tout le trafic réseau qui sort de votre ordi avec des stats intéressantes.

A Million Little Secrets • Josh W. Comeau

Ajoutez une touche d'animation (ou plusieurs !) à vos sites web.

Flexbox Labs

Un outil interactif pour comprendre le positionnement Flexbox en CSS et expérimenter ses propriétés.

Linux Mint 22 : vidéos pas à pas pour les débutants - LinuxFr.org

Des vidéos en français très didactiques pour apprendre à installer et utiliser Linux Mint.

PDFKit

Lib JavaScript pour générer des documents PDF.

Obsidian is now free for work - Obsidian

Obsidian peut à présent être utilisé sans license dans un contexte d'entreprise.

All – Tiny Helpers

D'autres petits outils pour faire des tâches bien précises dans le navigateur.

Web Apps

Un ensemble de petites applications conçues pour tourner dans le navigateur uniquement :

  • Un outil pour enlever le fond d'une photo
  • Un optimisateur d'images
  • Un optimisateur de vidéos
  • Un éditeur d'image
  • Un upscaler d'image
  • Etc.
CSS scrollbar-color and scrollbar-gutter are Baseline Newly available  |  Articles  |  web.dev

Il existe enfin une façon standard de styliser les barres de défilement (scrollbars) avec scrollbar-color et scrollbar-width.

Faux Containers in CSS Grids – Cloud Four

Utilisation de CSS Grid pour créer un bloc duquel le contenu dépassé partiellement aux extrémités, mais de manière harmonieuse.

Le code final reste assez complexe surtout si vous n'êtes pas familier avec CSS Grid 😬

La notion d'origine web et CORS - Alsacreations

Explication de ce que signifie l'origine d'une page web, concept essentiel pour bien comprendre les CORS qui donnent des sueurs froides à tant de développeurs alors qu'elles (ils ? 🤔) sont essentielles pour la sécurité.

Valibot: The modular and type safe schema library

Une alternative à Zod (et plein d'autres) pour faire de la validation de données en JavaScript. Valibot est apparemment plus modulaire et permet donc de réduire la taille du code nécessaire en fonction de ce que vous utilisez réellement.

CSS margin-trim and line height units | 12 Days of Web

2 ajouts intéressants à CSS, surtout margin-trim qui permet à un élément parent d'annuler toutes les marges des éléments enfants avec lesquelles il est en contact.

A guide to `tsconfig.json`

Un guide complet et quasi exhaustif sur tsconfig.ts qui sert à paramétrer TypeScript.

Modern Font Stacks

Des familles de polices modernes et surtout natives, donc instantanées.

Why does target=”_blank” have an underscore in front? | Kyrylo Silin

Pourquoi on écrit target="_blank" avec un underscore.

Beej's Guide to Git

Un (long) guide ultra complet sur Git.

Monit [Wiki de sebsauvage.net]

Exemple d'utilisation de Monit.

GitHub - Evyweb/ioctopus: TS IoC container – lightweight, framework-agnostic, React/Next.js (Node+Edge) ready.

Une lib d'injection de dépendence (pattern IoT pour Inversion of Control) TypeScript qui semble assez simple à utiliser.

Mapping with Leaflet – Frontend Masters Boost

Comment utiliser Leaflet.js pour afficher une carte sur votre site.

Tutorial: publishing ESM-based npm packages with TypeScript

D'excellentes recommendations pour la création de packages TypeScript pour npm.

C'est surprenamment difficile de trouver de bonnes ressources en la matière.

Which rich text editor framework should you choose in 2025? | Liveblocks Blog

Une listes des principaux éditeurs de texte "riche" JavaScript et des leurs avantages/inconvénients (à nuancer dans la mesure où ce site propose aussi sa propre solution).

There are a lot of ways to break up long tasks in JavaScript. | Alex MacArthur

Une revue de différentes méthodes pour découper le traitement de tâches longues et ainsi éviter de bloquer le thread principal en JavaScript (ce qui est primordial).

Machine Learning with TypeScript and TensorFlow: Training your first model

Un exemple de machine learning avec Node et TypeScript.

Mock Service Worker - API mocking library for browser and Node.js

Un outil pour mocker les appels réseau effectués par Node à la volée. Pratique pour tester du code qui appelle des services HTTP externes.

GitHub - microsoft/markitdown: Python tool for converting files and office documents to Markdown.

Un outil de Microsoft qui transforme les documents classiques (PDF, Word, etc.) en Markdown. Pas testé.

Via https://korben.info/markitdown-convertisseur-fichiers-markdown.html

Gittyup | Understand your Git history!

Un client open source pour Git qui a l'air intéressant. Il est développée en C++ donc natif à chaque plateforme.

Le repo GitHub : https://github.com/Murmele/Gittyup
Via https://korben.info/gittyup-client-git-graphique-simplifie-workflow.html

Who's Afraid of a Hard Page Load?

Un texte en faveur de limiter l'usage des SPA aux quelques cas où elles sont réellement un bénéfices. Pour le reste, le web natif offert par le navigateur est suffisant.

GitHub - victorqribeiro/TinyJS: Tiny JS is a lightweight JavaScript utility for dynamically creating HTML elements

Un micro "framework" qui tient en 35 lignes de JavaScript et permet de composer des composants déclarativement un peu comme React. C'est forcément moins optimisé mais très malin et ça peut être un bon compromis pour des apps légères mais très dynamiques.