Menu

Aucun menu défini dans le customizer.

Catégorie : developpement/web-developpement

Ajout automatique par WPeMatico

Actus Automatisées, Actus Tech, Animations Javascript, demoscene, developpement/web-developpement, multimedia-culture/culture-geek, Sciences

Dwitter Beta – Le creative coding en 140 caractères

C’est fou ce qu’on peut faire avec trois bouts de ficelle et un peu de jugeote. Ou plutôt, avec 140 caractères de JavaScript et un élément . Si vous ne connaissez pas encore
Dwitter
, c’est le moment de sortir de votre grotte les amis… surtout si vous aimez les challenges et le code !

Le concept c’est que vous avez une fonction u(t) où t est le temps qui passe, et vous devez pondre un truc visuellement bluffant sans dépasser la taille d’un tweet (époque pré-Elon, le fameux 140 caractères). Et là, c’est la claque car les mecs qui participent à ce défi arrivent à caser des univers entiers, des forêts en parallaxe ou des simulations de colonies de fourmis dans un mouchoir de poche.

Actus Automatisées, Actus Tech, developpement/web-developpement, Sciences

Détecter les articles qui veulent vous énerver

Si vous avez l’impression que tout ce que vous lisez en ligne est conçu pour vous énerver… vous avez probablement raison ! Le rage bait, élu mot de l’année 2025 par Oxford, c’est exactement ça. Et
RageCheck
, un outil gratuit lancé début janvier, se propose justement de le détecter pour vous.

En gros, le principe c’est de coller l’URL d’un article ou d’un connard de réseau social quelconque dans le champ de saisie de ragecheck.com, et l’outil le passe au peigne fin en 3-4 secondes pour repérer les techniques de manipulation émotionnelle. Du langage chargé, du framing “nous contre eux”, des formulations catastrophistes… tout ce qui est conçu pour vous faire cliquer en jouant sur l’indignation plutôt que sur l’information.

Actus Automatisées, Actus Tech, développement JavaScript, développement web, developpement/web-developpement, linux-open-source/logiciels-libres, Sciences

Éditer des documents Word en local dans votre navigateur

Si vous avez déjà essayé d’intégrer une fonction d’édition de documents Word dans une application web, vous savez que c’est souvent la croix et la bannière. En fait, pour obtenir un truc correct, on finit souvent par s’appuyer sur des solutions lourdes côté serveur ou des APIs propriétaires qui coûtent un bras. Mais ça, c’était avant que je tombe sur docx-js-editor.

Ce petit bijou open source est un éditeur WYSIWYG conçu spécifiquement pour l’écosystème React qui permet d’ouvrir, de modifier et d’enregistrer des fichiers .docx directement dans le navigateur. Le gros point fort revendiqué par le projet, c’est l’absence de dépendance serveur pour toute la partie édition. Tout le boulot se fait donc en local chez le client, ce qui est plutôt classe côté confidentialité des données puisque vos documents ne transitent pas par un backend obscur.

Actus Automatisées, Actus Tech, developpement/web-developpement, Flight Simulator, hardware-diy/gadgets-crowdfunding, Sciences, simulateur de vol, Three.js

Web Flight Simulator – Pilotez un F-15 dans votre navigateur

Survoler la Terre entière depuis son navigateur web, sans RIEN installer, c’est possible et en plus c’est gratuit !

Web Flight Simulator
c’est un simulateur de vol qui tourne directement dans votre browser, et qui vous colle aux commandes d’un F-15 au-dessus de la planète entière. Un vrai terrain 3D avec des données satellites, du relief, des textures… le tout grâce à CesiumJS pour la partie géospatiale et Three.js pour le rendu 3D. Du coup vous pouvez survoler n’importe quel coin du monde, que ce soit les Alpes, Manhattan ou le désert australien.

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

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 ??“.

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