Menu

Aucun menu défini dans le customizer.

Catégorie : developpement/web-developpement

Ajout automatique par WPeMatico

Actus Automatisées, Actus Tech, animation, CSS, developpement/web-developpement, ffmpeg, Sciences, tutoriels-guides/astuces-productivite

WebP animé vs GIF – Le guide pour enfin virer vos animations de 1987

Le GIF, c’est un format que j’adore mais qui date de 1987. Ouais c’est super vieux quoi (désolé les gens qui sont né cette année là ou avant…On est ensemble…loool). C’est l’époque où Rick Astley cartonnait et où Internet n’existait même pas encore pour le grand public. Et pourtant, y’a encore plein de gens qui s’en servent pour leurs animations avec notamment de la transparence. Alors c’est cool mais aujourd’hui, je vous propose qu’on règle ça une bonne fois pour toute.

Actus Automatisées, Actus Tech, Claude, developpement/web-developpement, GPT, Intelligence artificielle, intelligence-artificielle/actualites-ia, Sciences

Shuffle – Quand 4 IA redesignent votre site (et c’est moche)

Shuffle
, c’est un outil qui vous propose de redesigner votre site web avec 4 modèles d’IA différents. Vous collez votre URL, vous décrivez ce que vous voulez… et boom, Claude Opus 4.6, GPT-5.2, Gemini 3 Pro et Kimi K2.5 vous pondent chacun leur version. J’ai testé sur ma home. Verdict : c’est moche de fou !

Vous arrivez sur la page, vous entrez l’adresse de votre site, vous tapez un petit prompt du genre “modernise mon blog tech” et vous lancez la machine. Les 4 modèles bossent alors en parallèle et au bout de 30 secondes environ, vous avez 4 propositions de redesign à comparer côte à côte.

Actus Automatisées, Actus Tech, developpement/web-developpement, émulateur, jeux-video/retrogaming-emulation, retrogaming, Sciences, TypeScript

RetroTick – Vos vieux .exe qui tournent dans le navigateur

Bonjour les nostalgiques qui aimaient quand l’informatique c’était simple ! Aujourd’hui, j’aimerai vous parler de
RetroTick
, qui est un émulateur x86 qui fait tourner des exécutables Windows à l’ancienne et DOS directement dans votre navigateur. De FreeCell au Démineur en passant par SkiFree, hop, vous glissez-déposez le .exe (ou le .com pour le DOS) et ça tourne impeccable !

Ce projet reproduit une couche Win32, Win16 et DOS, le tout codé en TypeScript (99,8% du repo) sans avoir besoin ni de VM, ni de Wine / QEMU qui rame dans un coin. Vous ouvrez une page web, vous balancez votre fichier .exe, et ça s’exécute.

Actus Automatisées, Actus Tech, developpement/web-developpement, figma, linux-open-source/logiciels-libres, Next.js, Open Source, Sciences

Onlook – Fini les allers-retours entre Figma et le code

Bonne nouvelle pour ceux qui en ont raz la casquette de se taper des allers-retours entre Figma et VS Code ! Parce qu’avec
Onlook
, l’éditeur visuel open source qui vous permet de modifier le design de vos apps React directement dans le navigateur, vous allez pouvoir cliquer simplement sur un élément de design, et en changer la couleur, la typo…etc et hop, ça modifiera le code derrière.

Pas mal, non ?

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.