Menu

Aucun menu défini dans le customizer.

Catégorie : developpement/web-developpement

Ajout automatique par WPeMatico

Actus Automatisées, Actus Tech, Culture Internet, developpement/web-developpement, FCC, Geocities, reseaux-internet/hebergement-serveurs, Sciences

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.

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, developpement/web-developpement, fred, intelligence-artificielle/actualites-ia, Sciences, terraguessr, vibecode

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é.

Actus Automatisées, Actus Tech, developpement/web-developpement, drum machine, multimedia-culture/musique, pocket operator, Sciences

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.

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

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.

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

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.

Actus Automatisées, Actus Tech, cybersecurite/hacking-pentest, developpement/web-developpement, electron, hacking game, Jeux video, Sciences

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.

Actus Automatisées, Actus Tech, cybersecurite/hacking-pentest, developpement/web-developpement, electron, hacking game, Jeux video, Sciences

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.

Actus Automatisées, Actus Tech, algolia, developpement/web-developpement, google 1998, Hugo, Sciences, tutoriels-guides/tutoriels-avances

Comment j’ai viré Algolia et recréé le Google de 1998 sur mon site

Bon, faut qu’on parle un peu du moteur de recherche de mon site. Ceux qui l’ont déjà utilisé savent de quoi je parle : c’était pas terrible. Enfin, « pas terrible » j’suis gentil. C’est un espèce d’overlay avec des résultats certes fiables mais c’était vraiment pas pratique.

Et en plus de ça, comme j’ai un site statique généré avec Hugo, je passais par Algolia pour la recherche. Si vous ne connaissez pas, Algolia c’est un service cloud qui indexe votre contenu et vous fournit une API de recherche ultra-rapide. Sur le papier c’est génial et dans la pratique aussi d’ailleurs sauf que voilà, ça coûte des sous. Et mon site rencontre un franc succès ces derniers temps (merci à vous !), donc j’ai de plus en plus de visiteurs, donc de plus en plus de recherches, donc une facture Algolia qui grimpe gentiment chaque mois.

Actualité, Actus Automatisées, Actus Tech, developpement/outils-developpement, developpement/web-developpement, Innovation, Sciences, Tech

MediaBunny – L’avenir du traitement vidéo dans le navigateur

Vous avez déjà essayé de faire du traitement vidéo dans le navigateur

Bienvenue en enfer ! Et dire que pendant 20 ans, la seule solution viable c’était de compiler FFmpeg en WebAssembly, attendre 10 secondes que 40 Mo de code se chargent, puis regarder votre RAM fondre comme neige au soleil.

Heureusement,
MediaBunny
débarque et compte bien changer les choses !

En effet, cette bibliothèque TypeScript vous permet de lire, écrire et convertir des fichiers vidéo et audio directement dans le navigateur. MP4, WebM, MKV, MP3, WAV, Ogg, FLAC, vous nommez simplement le format, et MediaBunny le gère. Et la bibliothèque ne pèse que 5 Ko en version minifiée. Ça semble peu mais en fait, au lieu d’essayer de porter un outil desktop vers le web, Vanilagy (le créateur) a construit MediaBunny from scratch pour exploiter ce que le navigateur savait déjà faire.