Menu

Aucun menu défini dans le customizer.

UxNote – Annotez vos maquettes web sans prise de tête

Il y a quelques jours, un lecteur (merci Benjamin !) m’a envoyé un outil qu’il a bricolé lui-même avec Codex d’OpenAI et ça touche une petite corde sensible chez moi, d’où le fait que je vous en parle.

C’est pas souvent que je bosse avec des clients sur autre chose que des articles mais il m’est arrivé par le passé qu’un client m’envoie ses retours par mail, avec des captures d’écran floues, des flèches rouges partout et des commentaires du genre “le truc là, à gauche, je sais pas trop ??“.

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.

NeoCities – Refaire du vrai web comme à l’époque

Je suis complètement passé à côté car j’étais en vacances lors de leur dernière mise à jour… mais j’ai franchement halluciné en retombant sur
NeoCities
ces jours-ci. Si vous avez connu l’époque bénie de
GeoCities
, quand le web était moche mais vivant, alors vous allez kiffer.

NeoCities, c’est tout simplement l’héritier spirituel de cette époque… mais en mieux ! Leur philosophie c’est de redonner le contrôle aux gens et ramener la créativité brute sur le web, tout ça sans publicité, sans trackers ni cookies et sans vendre vos données à des IA aux dents pourries.

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.

TerraGuessr – Le globe 3D qui vous fait voir les inégalités mondiales

Si vous aimez les globes 3D qui en jettent, j’ai un petit projet sympa à vous présenter. Ça s’appelle
TerraGuessr
et c’est Fred, un lecteur de longue date (coucou Fred !), qui m’a envoyé ça !

L’idée de Fred est assez géniale. Il propose d’utiliser un globe terrestre interactif pour visualiser la “déformation” du monde sous le poids des inégalités. En gros, au lieu de voir une sphère parfaite, vous voyez les continents s’étirer ou se contracter en fonction d’indicateurs comme la richesse, l’éducation ou encore la santé.

Beats – La drum machine minimaliste

Les boîtes à rythmes physiques des années 90 sont devenues de vraies antiquités… lol. Après moi j’ai grandi avec alors forcément je mesure pas trop l’évolution mais j’imagine des gamins qui découvrent ça… Ça doit être un grand moment de solitude pour eux.

Alors si vous avez toujours rêvé de posséder l’un de ces petits Pocket Operators de chez Teenage Engineering, j’ai ce qu’il vous faut.

Ça s’appelle
Beats
et c’est une drum machine qui tourne DIRECT dans votre navigateur.

Loopmaster – Faites de musique électro en codant directement dans votre navigateur

Si vous avez déjà vu des vidéos d’algorave, ces soirées où des mecs font danser des foules entières en tapant des lignes de code sur un écran géant, vous savez de quoi je parle. Le live coding musical, c’est hypnotique, c’est technique, et ça donne des résultats sonores assez dingues.

Le problème, c’est que jusqu’ici, pour s’y mettre, fallait souvent s’infuser l’installation de trucs comme Sonic Pi ou
TidalCycles
. C’est génial, mais faut configurer l’environnement, les serveurs audio, et là, bam, la flemme pointe le bout de son nez. C’est là qu’intervient
Loopmaster
, un projet passion qui permet de faire exactement la même chose, mais directement dans votre navigateur.

Dittytoy transforme votre navigateur en studio de musique qui se code

Est-ce que vous avez déjà rêvé de composer de la musique comme on code un programme ? Genre, écrire une boucle for et qu’elle génère un beat au lieu d’afficher des nombres dans la console ?

Hé bien, c’est exactement ce que propose
Dittytoy
. Et le truc de fou, c’est que ça tourne directement dans votre navigateur. Une simple URL et hop, vous voilà compositeur.

Vous allez sur le site, vous tapez du code JavaScript dans un éditeur, vous cliquez sur “Compile”, et votre navigateur se transformera alors en synthétiseur. La plateforme utilise la Web Audio API pour générer le son en temps réel, ce qui donne des possibilités assez dingues côté créativité sonore.

Aurora OS.js – Un OS virtuel et jeu de hacking directement dans votre navigateur

Et si l’OS lui-même ÉTAIT le jeu ?

C’est exactement le concept derrière
Aurora OS.js
, un projet open source complètement barré qui simule un système d’exploitation complet dans votre navigateur… avec des mécaniques de jeu de hacking intégrées.

Le truc, c’est que ce n’est pas juste une démo technique. Aurora OS.js embarque un vrai système de fichiers virtuel avec stockage persistant, un terminal avec des commandes type Linux (ls, cd, cat, mkdir…), un gestionnaire de fenêtres, un bloc-notes avec coloration syntaxique, et toute une architecture modulaire pour les applications. Bref, ça ressemble à un vrai OS, ça se comporte comme un vrai OS, mais ça tourne dans un onglet de votre navigateur.

Aurora OS.js – Un OS virtuel et jeu de hacking directement dans votre navigateur

Et si l’OS lui-même ÉTAIT le jeu ?

C’est exactement le concept derrière
Aurora OS.js
, un projet open source complètement barré qui simule un système d’exploitation complet dans votre navigateur… avec des mécaniques de jeu de hacking intégrées.

Le truc, c’est que ce n’est pas juste une démo technique. Aurora OS.js embarque un vrai système de fichiers virtuel avec stockage persistant, un terminal avec des commandes type Linux (ls, cd, cat, mkdir…), un gestionnaire de fenêtres, un bloc-notes avec coloration syntaxique, et toute une architecture modulaire pour les applications. Bref, ça ressemble à un vrai OS, ça se comporte comme un vrai OS, mais ça tourne dans un onglet de votre navigateur.