Elektrine
Log in Register
Paige Chat Timeline Gallery Friends Email Drive DNS Private DNS Domains VPN Kairo Nerve
Remote

kalvn

@kalvn@framapiaf.org
mastodon 4.6.9
  • Open on framapiaf.org

Enthousiaste du web depuis Wanadoo 512k.

Ici je partage surtout des liens sur le développement web, souvent en lien avec JavaScript.

#Web #Dev #HTML #CSS #JavaScript

292 Followers
428 Following
20 Posts
Joined November 04, 2017
Site:
https://kalvn.net
Mes liens:
https://links.kalvn.net
Bluesky:
https://bsky.app/profile/kalvn.net
GitHub:
https://github.com/kalvn
Open post
kalvn @kalvn@framapiaf.org
· 5mo ago
Une façon originale de présenter les infos que votre navigateur envoie aux sites que vous visitez sans vous prévenir. 🔗 https://sinceyouarrived.world/taken #privacy #navigateur
Since You Arrived

taken.

A web page that tells you what your browser gave away the moment you arrived. No login, no form, no permission. Most pages do this. None of them tell you.

17
5
24
0
Open post
kalvn @kalvn@framapiaf.org
· 3mo ago
Comment utiliser Pagefind pour indexer un site statique (qui n'a donc pas de logique côté serveur et pas de base de données). 🔗 https://flaviocopes.com/static-site-search-pagefind/ #statique #recherche #moteurderecherche #site
flaviocopes.com
1
2
1
0
Open post
kalvn @kalvn@framapiaf.org
· 5mo ago

Des alternatives européennes aux grands services américains, triées par catégorie.

🔗 https://european-alternatives.cloud/en

#alternative #europe #app #outil

european-alternatives.cloud
2
0
2
0
Open post
kalvn @kalvn@framapiaf.org
· 7mo ago

Alternative à MinIO pour héberger un serveur de fichier compatible S3.

🔗 https://github.com/rustfs/rustfs

#S3 #selfhosted

github.com
3
0
3
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Same here.

🔗 https://androidessence.com/leave-me-behind/

#intelligenceartificielle #dev

Android Essence

Leave Me Behind | Android Essence

Simplified Android Development

1
0
2
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Une technique de communication qui permet de débloquer certaines situations ou de développer un lien avec ses collègues par exemple.

Les exemples en fin d'article sont un peu caricaturaux mais l'approche est intéressante.

🔗 https://togetherlondon.com/insights/active-listening-swiss-army-knife

#communication

togetherlondon.com
1
0
1
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Un type d'organisation de code intéressant. Il s'applique facilement en dehors de Remix.

🔗 https://laconicwit.com/the-secret-to-maintainable-remix-apps-hexagonal-architecture/

#architecture #code #structure

The Secret to Maintainable Remix Apps: Hexagonal Architecture
Laconic Wit

The Secret to Maintainable Remix Apps: Hexagonal Architecture

Ever feel like updating your Remix app's UI is a circus act? One small change, and suddenly everything's breaking? You're not alone. This fragility often comes from tightly coupled components – a change in one place triggers a domino effect throughout your code. But there's a solution:

1
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 5mo ago
Replying to
@flore@tutut.delire.party Ok, ouf Mes onglets c'est un peu ma liste de lecture, ça m'embêterait de les avoir perdu 😅
1
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Une explication de comment fonctionne le nouveau header `No-Vary-Search` qui permet d'ignorer certains *query params* lors de la sauvegarde d'une page dans le cache.

🔗 https://csswizardry.com/2026/05/better-browser-caching-with-no-vary-search/

#cache #header #HTTP

csswizardry.com

Better Browser Caching with No-Vary-Search – CSS Wizardry

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Comment gérer les fichiers binaires (mais pas que) en JavaScript à l'aide de Blob.

🔗 https://jsdev.space/howto/master-blob-api/

#blob #JavaScript #binaire #fichier

Howto Master the Blob for File Handling and Memory Optimization
JavaScript Development Space

Howto Master the Blob for File Handling and Memory Optimization

Learn how to use the Blob API for file processing, uploads, previews, downloads, and memory optimization in modern JavaScript applications.

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Des exemples des *utility types* de TypeScript et de quelques cas d'utilisation qui justifient leur existence.

🔗 https://piccalil.li/blog/real-world-uses-of-typescripts-utility-types/

#TypeScript

Piccalilli

Real-world uses of TypeScript’s utility types

Sam Rose walks us through some real-world usage of TypeScript’s utility types in their day job’s open source codebase to help those new to the language get to grips with this key capability.

0
0
1
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Sous le coude pour lecture ultérieure.

🔗 https://www.thenodebook.com/

#NodeJS

NodeBook: Understand Node.js From the Inside Out
NodeBook

NodeBook: Understand Node.js From the Inside Out

Read NodeBook online for free and understand the Node.js runtime, streams, memory, processes, networking, HTTP, and production systems from first principles.

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Une introduction courte et claire sur les risques d'imbrication des boucles qui peuvent cacher des problèmes d'optimisation qui n'apparaissent qu'une fois le code en production, avec un trafic conséquent.

🔗 https://dev.to/aralroca/the-on2-bug-that-looked-like-clean-code-3556

#optimisation #JavaScript

dev.to
0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Il existe des propriétés CSS qui informent les sites des zones du viewport à éviter, à cause des encoches ou des appareils photos frontaux qui rognent sur l'écran.

🔗 https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/

#CSS

Using safe-area-inset to build mobile-safe layouts | Polypane
polypane.app

Using safe-area-inset to build mobile-safe layouts | Polypane

Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Un outil pour générer automatiquement un client HTTP pour une API REST donnée.

Il suffit ensuite d'en appeler les différentes méthodes sans avoir à configurer les requêtes elles-mêmes.

🔗 https://heyapi.dev/

#HTTP #API #générateur #lib #TypeScript

OpenAPI to code in seconds.
Hey API

OpenAPI to code in seconds.

Generate production-grade API infrastructure from your OpenAPI spec. SDKs, validators, query hooks, and 20+ plugins across TypeScript and Python. Free and open source.

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Guide de migration de Node 22 à 24, avec des *codemods* qui sont des petits modules pour automatiser la migration de chaque *breaking change* automatiquement dans vos apps.

🔗 https://nodejs.org/en/blog/migrations/v22-to-v24

#NodeJS #migration #codemod

nodejs.org

Node.js — Node.js v22 to v24

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Sous le coude.

🔗 https://warriordudimanche.net/article2210/6a08309c2fe01

#bios

warriordudimanche.net

Blocage de BOTS

0
0
1
0
Open post
kalvn @kalvn@framapiaf.org
· 4mo ago

Un tuto sur Jujutsu, qui est une sorte de wrapper autour de Git, qui vise à en simplifier certains aspects.

🔗 https://jj-for-everyone.github.io/introduction.html

#Jujutsu #Git #tuto

jj-for-everyone.github.io
0
1
0
0
Open post
kalvn @kalvn@framapiaf.org
· 2mo ago
Replying to
@ptl@tooting.ch Tant mieux :) Je ne l'ai pas encore mis en place de mon côté parce que pas assez de contenu mais j'y songerai
0
0
0
0
Open post
kalvn @kalvn@framapiaf.org
· 5mo ago
Replying to
@flore@tutut.delire.party 😬 le site doit être un peu trop agressif dans sa façon d'interroger le navigateur. J'utilise Firefox aussi mais pas de souci à signaler. L'alternative aurait été de couper le réseau avant de l'ouvrir pour pouvoir tuer l'onglet. Ou tuer l'onglet depuis la version desktop dans le cas où tu utilises Firefox Sync Je vais ajouter un warning
0
2
0
0
Back
313k7r1n3
Elektrine

Tor hidden service

elekhj7afj4qnrr4yd3bkzslsyo5jgfxw3orgjkhlcxifueodybyiiad.onion

I2P eepsite

j6b6cyk6gjmepjih7jjadxgxvvf3lzzujljuu2v4biemzpg3naya.b32.i2p

Platform

  • Email
  • Chat
  • Timeline
  • VPN
  • DNS

Company

  • About
  • Contact
  • FAQ
  • Lite (no JS)

Legal

  • Terms of Service
  • Privacy Policy
  • Transparency Report
  • Report Abuse
  • Warrant Canary
  • VPN Policy

Support

  • support@elektrine.com
  • Report Security Issue
Mail client setup IMAP mail.elektrine.com:993 POP3 mail.elektrine.com:995 SMTP mail.elektrine.com:465
© 2026 Elektrine. All rights reserved. Server: 09:38:55 UTC