Elektrine lite

← Feed

kalvn

kalvn@framapiaf.org

<p>Enthousiaste du web depuis Wanadoo 512k.</p><p>Ici je partage surtout des liens sur le développement web, souvent en lien avec JavaScript.</p><p><a href="https://framapiaf.org/tags/Web" class="mention hashtag" rel="tag">#<span>Web</span></a> <a href="https://framapiaf.org/tags/Dev" class="mention hashtag" rel="tag">#<span>Dev</span></a> <a href="https://framapiaf.org/tags/HTML" class="mention hashtag" rel="tag">#<span>HTML</span></a> <a href="https://framapiaf.org/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> <a href="https://framapiaf.org/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a></p>

Posts

  • View post

    Le goût amer laissé par les produits open-source financés par le grand capital, et souffrants de fait d&amp;#39;impératifs de rentabilité. 🔗 https://brettcodes.com/the-disappointing-death-of-deno/#fnref-1 #Deno #opensource

  • View post

    Un système ingénieux pour gérer vos icones en pur CSS avec des variables. 🔗 https://lea.verou.me/blog/2026/icons/ #CSS #icones

  • View post

    À l&amp;#39;heure de l&amp;#39;IA à tous les coins de rue, ce post fait du bien ! Comment optimiser un petit bout de code tout bête, petit à petit, en prenant simplement le temps de se poser les bonnes questions. 🔗 https://www.thenodebook.com/blog/fast-nodejs-doing-less#the-short-version #NodeJS #optimisation #code

  • View post

    Une nouvelle lib pour générer des diagrammes Mermaid. Bien plus légère et performante que *mermaid.js*, et sans dépendances. La grande différence est qu&amp;#39;elle génère le diagramme en SVG au lieu de PNG, ce qui veut dire que le résultat est customisable avec CSS, et qu&amp;#39;il est adapté à un affichage sur mobile (dans une certaines mesure). Le créateur de cette lib est l&amp;#39;actuel &amp;quot;PDG&amp;quot; d&amp;#39;Obsidian, et elle deviendr… 🔗 https://links.kalvn.net/shaare/gD85C...

  • View post

    Un exemple de l&amp;#39;utilisation de Void pour déployer une application full-stack sur l&amp;#39;infrastructure cloud de Cloudflare. 🔗 https://flaviocopes.com/void/ #Void #Cloudflare #Hono #NodeJS

  • View post

    Un petit jeu de logique très sympa qui part d&amp;#39;un Sudoku miniature mais ajoute une couche supplémentaire : les couleurs ! Ça se joue assez rapidement, sur des petites grilles de 4 ou 5 tuiles. 🔗 https://playtupo.com/ #JeuxVidéos #logique

  • View post

    L&amp;#39;histoire derrière la genèse du jeu de logique Tupo. 🔗 https://joshcollinsworth.com/blog/tupo #histoire #JeuxVidéos

  • View post

    Un outil pour tester le contraste de vos palettes de couleur. 🔗 https://thishueshallpass.clearleft.com/ #couleur #accessibilité

  • View post

    Une application web pour créer de simples documents et tableurs mais dont la totalité du contenu est stockée dans l&amp;#39;URL. 🔗 https://tinylittleoffice.com/ #word #texte #app #URL #privacy

  • View post

    L&amp;#39;échelle de l&amp;#39;Univers 🔗 https://scaleofuniverse.com/fr #science #fun

  • View post

    Évolution du nombre de CVE en fonction du temps. Il s&amp;#39;agit du suivi international des vulnérabilités des systèmes informatiques. L&amp;#39;énorme évolution depuis un peu plus d&amp;#39;un an est liée à l&amp;#39;essor des LLMs. 🔗 https://cve.0xosprey.com/ #vulnérabilités #dev

  • View post

    La sélection de Josh Comeau pour les fonctionnalités à venir dans CSS (*CSS interop 2027*). 🔗 https://www.joshwcomeau.com/css/interop-2027/ #CSS

  • View post

    Détection, avec CSS, d&amp;#39;éléments HTML qui se chevauchent. 🔗 https://ishadeed.com/article/css-detect-overlap/ #CSS

  • View post

    Comment utiliser Pagefind pour indexer un site statique (qui n&#39;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

  • View post

    Un type d&amp;#39;organisation de code intéressant. Il s&amp;#39;applique facilement en dehors de Remix. 🔗 https://laconicwit.com/the-secret-to-maintainable-remix-apps-hexagonal-architecture/ #architecture #code #structure

  • View post

    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

  • View post

    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&amp;#39;article sont un peu caricaturaux mais l&amp;#39;approche est intéressante. 🔗 https://togetherlondon.com/insights/active-listening-swiss-army-knife #communication

  • View post

    Sous le coude. 🔗 https://warriordudimanche.net/article2210/6a08309c2fe01 #bios

  • View post

    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

  • View post

    Un outil pour générer automatiquement un client HTTP pour une API REST donnée. Il suffit ensuite d&amp;#39;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

  • View post

    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&amp;#39;écran. 🔗 https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/ #CSS

  • View post

    Une introduction courte et claire sur les risques d&amp;#39;imbrication des boucles qui peuvent cacher des problèmes d&amp;#39;optimisation qui n&amp;#39;apparaissent qu&amp;#39;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

  • View post

    Sous le coude pour lecture ultérieure. 🔗 https://www.thenodebook.com/ #NodeJS

  • View post

    Des exemples des *utility types* de TypeScript et de quelques cas d&amp;#39;utilisation qui justifient leur existence. 🔗 https://piccalil.li/blog/real-world-uses-of-typescripts-utility-types/ #TypeScript

  • View post

    Comment gérer les fichiers binaires (mais pas que) en JavaScript à l&amp;#39;aide de Blob. 🔗 https://jsdev.space/howto/master-blob-api/ #blob #JavaScript #binaire #fichier

  • View post

    Same here. 🔗 https://androidessence.com/leave-me-behind/ #intelligenceartificielle #dev

  • View post

    Une explication de comment fonctionne le nouveau header `No-Vary-Search` qui permet d&amp;#39;ignorer certains *query params* lors de la sauvegarde d&amp;#39;une page dans le cache. 🔗 https://csswizardry.com/2026/05/better-browser-caching-with-no-vary-search/ #cache #header #HTTP

  • View post

    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

  • View post

    Des alternatives européennes aux grands services américains, triées par catégorie. 🔗 https://european-alternatives.cloud/en #alternative #europe #app #outil

  • View post

    Alternative à MinIO pour héberger un serveur de fichier compatible S3. 🔗 https://github.com/rustfs/rustfs #S3 #selfhosted