Menu

Aucun menu défini dans le customizer.

Catégorie : JavaScript

Ajout automatique par WPeMatico

Actus Automatisées, Actus Tech, auto-hébergement, JavaScript, Open Source, Sciences, tutoriels-guides/tutoriels-avances, vie-privee-anonymat

Un compteur de visiteurs sur votre site, sans payer un centime

Vous avez peut-être remarqué un petit point rouge tout en bas de mon site, avec un nombre à côté. Il s’agit du nombre de personnes passées sur le site durant la dernière heure.

Je voulais remettre ce truc depuis un bail, bien à l’ancienne comme dans les années 2000 mais sur un site statique, qui plus est sans tracker de stats JS type Google Analytics ou Matomo, et sans cookies de tracking, c’était pas franchement une option… jusqu’à maintenant !

Actus Automatisées, Actus Tech, auto-hébergement, Cloudflare, JavaScript, Sciences, tutoriels-guides/tutoriels-avances, vie-privee-anonymat

Un compteur de visiteurs sur votre site, sans payer un centime

Vous avez peut-être remarqué un petit point rouge tout en bas de mon site, avec un nombre à côté. Il s’agit du nombre de personnes passées sur le site durant la dernière heure.

Je voulais remettre ce truc depuis un bail, bien à l’ancienne comme dans les années 2000 mais sur un site statique, qui plus est sans tracker de stats JS type Google Analytics ou Matomo, et sans cookies de tracking, c’était pas franchement une option… jusqu’à maintenant !

Actus Automatisées, Actus Tech, auto-hébergement, Cloudflare, JavaScript, Sciences, tutoriels-guides/tutoriels-avances, vie-privee-anonymat

Un compteur de visiteurs sur votre site, sans payer un centime

Vous avez peut-être remarqué un petit point rouge tout en bas de mon site, avec un nombre à côté. Il s’agit du nombre de personnes passées sur le site durant la dernière heure.

Je voulais remettre ce truc depuis un bail, bien à l’ancienne comme dans les années 2000 mais sur un site statique, qui plus est sans tracker de stats JS type Google Analytics ou Matomo, et sans cookies de tracking, c’était pas franchement une option… jusqu’à maintenant !

Actus Automatisées, Actus Tech, apprentissage, émulateur NES, JavaScript, jeux-video/retrogaming-emulation, NES, Sciences

EmuDevz – Le jeu où vous codez votre émulateur NES

Afska, le développeur derrière une flopée d’outils pour Game Boy Advance, a eu avec son studio [r]labs une idée géniale ! Ça s’appelle EmuDevz, et c’est un jeu vidéo dans lequel vous devez coder votre propre émulateur NES. Et pas en cliquant sur des boutons comme un loser, hein mais en pissant du vrai code pour le processeur, la puce graphique et la puce audio de la console de Nintendo.

Actus Automatisées, Actus Tech, culture-geek, développement web, developpement/web-developpement, HTML5, JavaScript, Sciences

Favicon – Un site web planqué dans 212 octets

Si vous ne connaissez pas, un favicon, c’est cette mini icône pixelisée que vous pouvez voir dans l’onglet de votre navigateur qui en général est le logo du site que vous visitez. Hé bien le dev Tim Wehrle a réussi à y faire tenir un site web entier en stockant tout son HTML dans les 212 octets de l’image.

L’astuce est toute con vous allez voir… Une image, c’est des pixels. Et chaque pixel a 3 valeurs : rouge, vert, bleu, soit 3 octets. Du coup il prend son HTML, le découpe octet par octet, et colle chaque octet dans une couleur. Premier octet dans le rouge, le suivant dans le vert, puis le bleu, et on continue ainsi de suite. Et voilà comment il arrive à stocker 208 octets de HTML dans un carré de 9 pixels sur 9. Et au final, le truc ressemble à des confettis random.

Actus Automatisées, Actus Tech, cybersecurite/failles-vulnerabilites, JavaScript, navigateur, Sciences, Sécurité, vie-privee-anonymat/surveillance-tracking

FROST – Quand un site web peut vous tracker grâce à votre SSD

FROST, c’est le nom d’une nouvelle attaque qui transforme votre SSD en mouchard. Des chercheurs de l’université de Graz, avec Daniel Gruss au générique (un des cerveaux derrière Spectre et Meltdown), ont montré qu’un simple site web peut deviner quels autres sites et applis vous avez ouverts et cela juste en mesurant les micro-ralentissements de votre disque. Oui, je sais c’est geudin !

Le principe ?

Quand vous ouvrez la page piégée, elle crée discrètement un gros fichier sur votre disque via une API du navigateur baptisée OPFS (
Origin Private File System
), présente aujourd’hui dans tous les navigateurs modernes. C’est ce fichier qui sert de sonde.

Actus Automatisées, Actus Tech, developpement/outils-developpement, developpement/web-developpement, Emscripten, JavaScript, NPM, Sciences

tar-vfs-index – Monter du .tar.gz dans le browser sans l’extraire

Distribuer des paquets binaires en WebAssembly, c’est galère. Vous téléchargez le .tar.gz, vous le gunzippez, vous l’extrayez en mémoire… et ça rame sévèrement !! Mais youpi, Jeroen Ooms (qui contribue à webR et bosse chez ROpenSci) vient de publier
tar-vfs-index
, un petit npm package qui casse cette malédiction des enfers en sautant carrément l’étape extraction.

L’astuce est toute bête ! Au lieu d’extraire l’archive, on génère un fichier d’index qui liste la taille et l’offset de chaque fichier dans le tar. Du coup le navigateur n’a plus qu’à monter le blob du tar comme un système de fichiers virtuel, et chaque lecture devient alors un simple slice du blob à la bonne position. Pas d’extraction donc, mais juste du slicing à la demande !

3d, Actus Automatisées, Actus Tech, CSS, developpement/outils-developpement, developpement/web-developpement, JavaScript, Sciences

VoxCSS – Pour faire du rendu 3D façon Minecraft avec du CSS

Y’a un truc qui me rend joyeux avec le web, c’est quand des devs décident de pousser les technos dans leurs retranchements juste pour prouver que c’est possible.

Et
VoxCSS
, c’est totalement ça : une bibliothèque JavaScript qui permet de faire du rendu voxel complet en utilisant uniquement le DOM et le CSS. Alors attention, quand je dis “uniquement”, je veux dire sans WebGL et sans l’élément <canvas>. Juste des éléments HTML empilés intelligemment qui tirent parti de l’accélération matérielle du navigateur pour les transformations 3D.

Actus Automatisées, Actus Tech, developpement/web-developpement, JavaScript, Live Coding, multimedia-culture/musique, musique, Sciences

Strudel – Composez de la techno en tapant du code dans votre navigateur

Est-ce que vous avez déjà eu cette envie soudaine de composer de la techno tout en ayant l’air d’un hacker qui pirate le Pentagone dans un film des années 90 ?

Si oui, j’ai le truc parfait pour vous :
Strudel
.

Pour ceux qui débarquent, le live coding musical dont je vous ai déjà parlé y’a pas longtemps avec
Loopmaster
, c’est l’art de créer du son en écrivant du code en temps réel.

Actus Automatisées, Actus Tech, Cybersécurité, cybersecurite/malwares-menaces, developpement/outils-developpement, JavaScript, malware, Sciences

safe-npm – Pour ne plus flipper à chaque ‘npm install’

Après l’attaque massive de septembre 2025 qui a vérolé 18 packages ultra-populaires (coucou
debug et chalk
) et la campagne
Shai-Hulud
2.0 qui a siphonné les credentials cloud de 25 000 dépôts GitHub, on peut le dire, on est officiellement dans la sauce. Surtout si vous êtes du genre à faire un npm install comme on traverse l’autoroute les yeux bandés ! Il est donc temps de changer vos habitudes parce qu’entre les crypto-stealers qui vident vos portefeuilles en 2 heures et les malwares qui exfiltrent vos clés AWS, l’écosystème JavaScript ressemble de plus en plus à un champ de mines.