Sign in

kalvn

@kalvn.net
65 followers 215 following 927 posts

I develop stuff at night in my garage. I share 🇫🇷/🇬🇧 content and links, mainly about #Dev #JavaScript #Node #Vue #Docker 🔗 kalvn.net

PostsRepliesMedia
kalvn @kalvn.net · 27/09/2026
La notion de « dette de compréhension » qui va devenir un problème de plus en plus fréquent dans les boîte qui ont recours à l'IA pour le développement. Bien plus insidieuse que la dette technique, et bien moins visible… 🔗 links.kalvn.net/shaare/K5kSNg #dev #intelligence-artificielle
links.kalvn.net
kalvn's links
010
kalvn @kalvn.net · 27/09/2026
Application web gratuite de conception 3D, utilisée dans l'enseignement. 🔗 www.tinkercad.com #3D #design #app
tinkercad.com
Tinkercad
Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.
010
kalvn @kalvn.net · 27/09/2026
Oubliez le titre qui pourrait vous donner envie de zapper cet article, les conseils qui y sont prodigués sont précieux pour la plupart, et intéressants à appliquer dans le cadre de votre vie professionnelle (si elle s'y prête,… 🔗 links.kalvn.net/shaare/-YuJzA #dev #conseil #pro #travail
links.kalvn.net
kalvn's links
000
kalvn @kalvn.net · 27/09/2026
Utiliser des *sprites* en CSS pour faire de petites animations (et non, il n'y est pas question de soda). 🔗 www.joshwcomeau.com/animation/sprit… #CSS #animation #sprite
joshwcomeau.com
Sprites on the Web • Josh W. Comeau
In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web these days. Which is a shame, because we can do some pretty cool stuff with sprites! In this post, we’ll share the niche CSS function you can use to leverage this technique, and explore some of the potential use cases.
000
kalvn @kalvn.net · 27/09/2026
Personnaliser le rendu des listes (`<ul>`, `<ol>`, etc.) en CSS. 🔗 piccalil.li/blog/an-in-depth-guide-… #CSS #liste
piccalil.li
An in-depth guide to customising lists with CSS
Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.
000
kalvn @kalvn.net · 27/09/2026
Détecter la direction dans laquelle vos utilisateurs scrollent en pur CSS (pour cacher ou afficher un menu en haut de page par exemple). 🔗 una.im/scroll-state-scrolled #CSS #scroll
una.im
una.im | Directional CSS with scroll-state(scrolled)
Style based on scroll direction with this new scroll-state query feature.
000
kalvn @kalvn.net · 27/09/2026
Détail du fonctionnement de `@scope` en CSS pour restreindre la portée d'une portion de code CSS. 🔗 blog.master.dev/how-to-scope-css-no… #CSS
blog.master.dev
How to @scope CSS Now That It’s Baseline &#8211; Master.dev Blog
000
kalvn @kalvn.net · 27/09/2026
L'histoire du succès de Markdown. 🔗 www.anildash.com/2026/01/09/how-mar… #markdown
anildash.com
How Markdown took over the world - Anil Dash
A blog about making culture. Since 1999.
000
kalvn @kalvn.net · 27/09/2026
Un fork de NewPipe pour regarder YouTube sans pub sous Android. Je n'ai pas encore testé. 🔗 github.com/InfinityLoop1308/PipePipe #youtube #Android #app
github.com
GitHub - InfinityLoop1308/PipePipe: An open-source Android app to let you browse YouTube and other services freely.
An open-source Android app to let you browse YouTube and other services freely. - InfinityLoop1308/PipePipe
000
kalvn @kalvn.net · 26/09/2026
Je ne plébiscite vraiment pas l'usage de l'IA, mais je trouve que les 10 fondamentaux cités sont cohérents de manière générale lorsqu'on développe pour le web. 🔗 flaviocopes.com/fundamentals-ai-era #dev #web #conseil
000
kalvn @kalvn.net · 25/09/2026
Créer des applications de bureau en HTML, CSS, JS en se reposant sur la WebView native de votre système d'exploitation, de telle sorte que le binaire finale conserve une taille limitée (~8 Mo pour une petite… 🔗 links.kalvn.net/shaare/glqVdA #web #app #desktop #JavaScript #WebView #HTML
links.kalvn.net
kalvn's links
000
kalvn @kalvn.net · 23/09/2026
Une règle CSS très importante pour éviter un zoom intempestif sur mobile lorsque l'utilisateur clique très vite dessus plusieurs fois : ``` touch-action: manipulation; ``` 🔗 piccalil.li/blog/stop-buttons-trigg… #CSS #mobile #zoom #astuce
piccalil.li
Stop buttons triggering zoom when they’re double tapped
It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag!
001
kalvn @kalvn.net · 20/09/2026
Évitez d'utiliser les *barrel files* en JavaScript. Ces fichiers qui se contentent d'importer et d'exporter des modules sans y ajouter de logique, dans l'espoir de "simplifier" le chemin de certains modules imbriqués. C'est inutile et… 🔗 links.kalvn.net/shaare/4t40Jw #JavaScript #structure
links.kalvn.net
kalvn's links
000
kalvn @kalvn.net · 15/09/2026
Un *boilerplate* HTML. 🔗 vale.rocks/posts/html-boilerplate #HTML #boilerplate
vale.rocks
My HTML Boilerplate
You don't need much going on in your head.
000
kalvn @kalvn.net · 15/09/2026
Un outil pour optimiser l'ordre dans lequel les éléments de votre `<head>` HTML sont déclarés, en terme de performance. 🔗 rviscomi.github.io/capo.js #head #HTML #optimisation #performances
rviscomi.github.io
capo.js: get your ﹤𝚑𝚎𝚊𝚍﹥ in order
Getting starting with capo.js
000
kalvn @kalvn.net · 12/09/2026
Des explications sur quelques-unes des options les plus communes de `tsconfig.json`. 🔗 flaviocopes.com/tsconfig-explained #TypeScript #configuration
011
kalvn @kalvn.net · 08/09/2026
CSS dispose à présent de nombreuses pseudo-classes pour adapter le style d'un élément en fonction de son état. 🔗 css-tricks.com/css-states-and-javas… #CSS
css-tricks.com
The Shifting Line Between CSS States and JavaScript Events | CSS-Tricks
CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS &quot;listens&quot; for and how they are alternatives to what Javascript typically listens for.
001
kalvn @kalvn.net · 06/09/2026
Une lib qui semble prometteuse pour créer des PDF en JavaScript. 🔗 jasy.dev #lib #PDF #JavaScript
jasy.dev
jasy - Create PDFs easier than ever
Declarative PDFs in pure TypeScript. ZUGFeRD & XRechnung built in. No headless browser, no Java.
100
kalvn @kalvn.net · 06/09/2026
Une bonne analyse de ce que Kubernetes apporte, mais aussi de ce qu'il "coûte". 🔗 dunalis.fr/blog/kubernetes-pme-reto… #kubernetes #architecture
dunalis.fr
Kubernetes en PME : pourquoi nous le déconseillons le plus souvent
Deux ans de retour de terrain sur Kubernetes en PME : ce qu&#x27;il apporte réellement, pourquoi sa surface d&#x27;attaque et son coût de maintenance sont sous-estimés, et à quelle condition il vaut le coup.
020
kalvn @kalvn.net · 06/09/2026
Les serveurs DNS de FDN sont accessibles publiquement et supportent DoT et DoH. 🔗 www.fdn.fr/actions/dns #DNS
fdn.fr
Résolveurs DNS ouverts | FDN - Fournisseur d'Accès à Internet associatif depuis 1992
000
kalvn @kalvn.net · 06/09/2026
Solution simple de blocage des robots (IA et autres) avec Nginx. 🔗 framagit.org/framasoft/adminsys/ngi… #nginx #robot #bloque
framagit.org
Framasoft / adminsys / Nginx / botcheck · GitLab
Nginx Anti-Bot Challenge
000
kalvn @kalvn.net · 05/09/2026
Mullvad met un terme à leur serveurs DNS DoH publics :( Pensez à migrer vers un autre fournisseur. Ils suggèrent Quad9. 🔗 mullvad.net/en/blog/shutting-down-o… #DNS #doh
mullvad.net
Shutting down our public encrypted DNS servers and sponsoring Quad9 instead | Mullvad VPN
Mullvad has operated public encrypted DNS (DoH) servers since 2022. They are unnecessary when using Mullvad VPN — traffic is already encrypted and Mullvad VPN's internal DNS handles all queries.
000
kalvn @kalvn.net · 05/09/2026
Des instances de Nitter qui semblent toujours fonctionner malgré la déclaration de guerre de X. Nitter est un client léger et sans tracking pour accéder au contenu de X/Twitter. 🔗 codeberg.org/mv12star/shitter/wiki/… #twitter
codeberg.org
Instances
Alternative Twitter front-end. Fork of zedeus/nitter on GitHub.
000
kalvn @kalvn.net · 05/09/2026
Un gestionnaire de version de Node pour Windows. Alternative à Volta, Mise, n, nvm, etc. 🔗 docs.nvm-windows.com/install/instal… #NodeJS #version
000
kalvn @kalvn.net · 04/09/2026
DNS alternatif qui permet de bloquer les domaines malveillants et le tracking. 🔗 dnsforge.de #DNS #privacy
dnsforge.de
dnsforge.de – Öffentlicher DNS-Resolver aus Deutschland
Zensurfreier, verschlüsselter DNS-Resolver ohne Logging – blockiert Werbung, Tracking und Malware. DNS-over-TLS &amp; DNS-over-HTTPS, Serverstandort Deutschland.
010
kalvn @kalvn.net · 02/09/2026
Sur le débat à propos des boutons pour passer d'un thème clair à un thème foncé et vice-versa. > Before any significant problem-solving task, it’s always good practice to step back and ask ourselves “is this a real problem worth… 🔗 links.kalvn.net/shaare/AFE5qg #UX #interaction
links.kalvn.net
kalvn's links
010
kalvn @kalvn.net · 31/08/2026
Un éditeur de vidéo qui semble complet et facile d'accès, pour Windows Linux et MacOS. 🔗 www.openshot.org #video #editeur #app #montage
openshot.org
OpenShot Video Editor | Free, Open, and Award-Winning Video Editor for Linux, Mac, and Windows!
OpenShot is an award-winning free and open-source video editor for Linux, Mac, and Windows. Create videos with exciting video effects, titles, audio tracks, and animations.
020
kalvn @kalvn.net · 31/08/2026
Sous le coude : les dernières astuces pour créer un compte local à l'installation de Windows. 🔗 warriordudimanche.net/article2090/6… #Windows #compte #astuce
warriordudimanche.net
Blocage de BOTS
000
kalvn @kalvn.net · 28/08/2026
Sous le coude. 🔗 flaviocopes.com/github-actions-intr… #GitHub #CICD
000
kalvn @kalvn.net · 28/08/2026
Un retour sur les alternatives à Spotify. Spoiler : Qobuz semble faire le job pour l'auteur. 🔗 elliotjaystocks.com/blog/spotify #spotify #streaming #musique
elliotjaystocks.com
Elliot Jay Stocks | The search for a Spotify alternative
Elliot Jay Stocks is a designer and author, usually doing something with typography
000
kalvn @kalvn.net · 28/08/2026
Du plaisir de coder à la main, de rencontrer des problèmes, de les résoudre soi-même, et d'en devenir meilleur. 🔗 michellebarker.co.uk/writing/little… #web #dev
michellebarker.co.uk
Little Websites Everywhere
000
kalvn @kalvn.net · 25/08/2026
Un émulateur Nintendo 64 en JavaScript qui tourne dans le navigateur ! 🔗 github.com/hulkholden/n64js #émulateur #nintendo #JavaScript
github.com
GitHub - hulkholden/n64js: An n64 emulator in JavaScript
An n64 emulator in JavaScript. Contribute to hulkholden/n64js development by creating an account on GitHub.
010
kalvn @kalvn.net · 23/08/2026
Ce petit script ajoute un petit morceau de ville dans laquelle vos visiteurs peuvent discuter et interagir. J'adore ce genre de petites idées, ça me rappelle le web d'avant. 🔗 townsquare.cauenapier.com #fun
townsquare.cauenapier.com
TownSquare, a tiny presence layer for websites
010
kalvn @kalvn.net · 21/08/2026
Boilerplate HTML 2026 avec les explications qui vont bien. Il y a des incontournables, d'autres pour lesquels il y a débat, mais l'ensemble reste tout à fait instructif. 🔗 www.matuzo.at/blog/2026/html-boiler… #HTML #boilerplate #starter
matuzo.at
My HTML boilerplate in 2026 - Manuel Matuzović
Every element I use for the basic structure of a HTML document, with explanations why.
010
kalvn @kalvn.net · 19/08/2026
Un gigantesque melting pot de pop culture sous forme d'une animation géante en pixel art. Ça regorge de références en tous genres. 🔗 floor796.com #culture #pop #pixel #art #fun
floor796.com
Floor796
020
kalvn @kalvn.net · 18/08/2026
Comment déterminer si un élément d'une longue page defilable est visible ou pas dans la fenêtre de l'utilisateur. 🔗 flaviocopes.com/intersection-observ… #web #navigateur #scroll
000
kalvn @kalvn.net · 15/08/2026
Des jolis indicateurs de chargement. 🔗 benhowdle89.github.io/intermission #loading
000
kalvn @kalvn.net · 15/08/2026
Générateur de post vide de sens pour LinkedIn 😄 🔗 www.cringebot3000.com #LinkedIn #fun
cringebot3000.com
LinkedIn CringeBot 3000
000
kalvn @kalvn.net · 09/08/2026
Un outil pour convertir plusieurs formats de documents (Word, Excel, PDF, etc.) en Markdown. 🔗 firecrawl.github.io/anydoc #markdown #conversion #outil #CLI #document
firecrawl.github.io
anydoc by Firecrawl
An open source Rust library that turns any office document into clean GitHub-Flavored Markdown, with bindings for Node.js, Python, and the browser. Try it here: the conversion runs as WebAssembly, in your browser.
010
kalvn @kalvn.net · 09/08/2026
Un générateur de phrases de passe en français, et configurable. 🔗 pass.alsacreations.com #password #sécurité #outil
pass.alsacreations.com
Générateur de mots de passe robustes et mémorisables
Créez des mots de passe robustes et mémorisables en un clic.
000
kalvn @kalvn.net · 08/08/2026
Un "framework" CSS qui semble assez bien conçu tout en évitant d'être trop complexe et lourd. Ça reste bien entendu un surplus à télécharger pour vos visiteurs et donc à surveiller. 🔗 smoothcss.com #CSS #framework #lib
smoothcss.com
SmoothCSS
000
kalvn @kalvn.net · 08/08/2026
Bruno passe en v4. C'est mon client HTTP principal depuis 1 an environ et je l'apprécie tout particulièrement. Notamment du fait de sa philosophie du *local first*, évitant ainsi les pièges de la dépendance au cloud et de la prise… 🔗 links.kalvn.net/shaare/c3AFJg #Bruno #HTTP #client #app
links.kalvn.net
kalvn's links
000
kalvn @kalvn.net · 06/08/2026
Un article UX très intéressant sur les choix possibles, bons et mauvais, pour le sélecteur de thème clair/sombre. > Do not flood users with options that are irrelevant to their current situation. Options that might become relevant… 🔗 links.kalvn.net/shaare/A4gq5A #UX #theme #clair #sombre
links.kalvn.net
kalvn's links
010
kalvn @kalvn.net · 05/08/2026
Les inconvénients de Tailwind CSS par rapport à l'utilisation de CSS directement. 🔗 en.andros.dev/blog/af3ee191/why-i-d… #CSS #TailwindCSS
en.andros.dev
Why I don&#x27;t recommend Tailwind CSS | Andros Fenollosa
Tailwind CSS is a very popular CSS framework among web developers. With no prior graphic design knowledge, it solves the standardization of spacing, c
010
kalvn @kalvn.net · 04/08/2026
Les pratiques des fabriquants de TV connectées (Samsung, LG, etc.) sont vraiment à gerber. Un mouchard est inclus et permet à des gens d'utiliser votre connexion internet depuis l'extérieur sans votre… 🔗 links.kalvn.net/shaare/fxR4Lg #TV #privacy #spyware
links.kalvn.net
kalvn's links
000
kalvn @kalvn.net · 02/08/2026
Brève explication des UUID les plus communs, ces identifiants uniques fréquemment utilisés dans les bases de données. 🔗 flaviocopes.com/uuid-v4-vs-v7 #uid #UUID
000
kalvn @kalvn.net · 30/07/2026
Sous le coude. 🔗 evilmartians.com/chronicles/the-sec… #npm #package #sécurité
evilmartians.com
The secure way to release an npm package in 2026—Martian Chronicles, Evil Martians’ team blog
How to protect your npm package from being stolen in a supply chain attack and improve its position in security ratings
020
kalvn @kalvn.net · 28/07/2026
Utilisation de k6 pour créer des petits scripts de tests de charge. Mettez vos APIs sous tension et voyez ce qu'il se passe. 🔗 flaviocopes.com/k6-load-testing-tut… #stresstest #loadtest #test #k6
000
kalvn @kalvn.net · 28/07/2026
Un exemple d'utilisation des Testcontainers dont j'avais parlé il y a quelques temps, pour effectuer des tests d'intégration. 🔗 flaviocopes.com/nodejs-testcontaine… #container #test #integration #Docker
010
kalvn @kalvn.net · 26/07/2026
Une lecture très instructive pour comprendre comment héberger une application web avec Cloudflare en utilisant leurs différentes ressources (hosting, workers JS, DB, cache, fichiers, etc.). Mais j'en recommande… 🔗 links.kalvn.net/shaare/aWdVQA #infrastructure #web #dev #cloud #Cloudflare
links.kalvn.net
kalvn's links
010