| Website | https://nouvelle-techno.fr |
🚀 Nouvelle vidéo
Tester une API dans **PhpStorm** sans Postman ? Oui, c’est possible.
Je montre dans cette vidéo comment utiliser le client HTTP intégré de JetBrains pour envoyer des requêtes et lire les réponses directement dans l’IDE.
📣 Nouveau profil sur Treely : Nouvelle-Techno.fr
Tous les liens de Nouvelle-Techno.fr sont maintenant regroupés sur une seule page Treely : site, vidéos, réseaux sociaux, communauté, code…
➡️ https://treely.fr/@Nouvelle-Techno.fr
Pratique pour partager un seul lien au lieu de 10.
Tableaux HTML sur mobile : plutôt que le scroll horizontal, je préfère souvent un affichage en “cartes”.
Dans ce tuto : CSS-only avec td::before + attr(data-label) (mobile-first).
Extrait :
td::before { content: attr(data-label); }
Vidéo : https://youtu.be/H-ONjeR_n8w
Symfony 8 + Docker sur Windows : j’ai mesuré des temps de chargement très lents… puis je passe le projet dans WSL et je relance Docker côté Linux.
Résultat : refresh en ms + workflow beaucoup plus confortable (avec les classiques pièges de permissions chown, www-data sur var/, etc.).
Bonne année 2026 ✨
Merci de suivre Nouvelle-Techno.fr ici.
En 2026, je continue à publier du contenu tech compréhensible, utile et sans sensationnalisme (IA, web, cybersécurité, outils).
Quels sujets vous donneraient le plus envie de lire / commenter cette année ?
Marre des div plates ? J'ai testé le Claymorphism en CSS et le résultat est assez satisfaisant. ☁️
Le truc à retenir : ne jamais utiliser de blanc pur. Il faut de la couleur pour que les ombres internes créent l'effet 3D "gonflé".
La démo du code (et le rendu Violet Électrique) est ici :
https://youtube.com/shorts/e2u0t2RrCek
Marre des designs "flat" et ennuyeux ? 🥱
Petit rappel technique : le support de backdrop-filter est excellent aujourd'hui. C'est le moment d'utiliser le Glassmorphism pour hiérarchiser vos interfaces sans alourdir le DOM.
J'ai fait un petit short pour montrer l'implémentation propre (et l'importance du fond derrière !) :
CSS a enfin son propre système d’ancrage dynamique 🤯
➤ anchor-name pour marquer un élément
➤ position-anchor pour en cibler un autre
➤ top: anchor(bottom) au lieu de bidouiller avec JS
Moins de hacks, plus de lisibilité, et 100% CSS 💅
Pour ceux qui aiment bricoler à la maison : j’ai sorti un tuto pour héberger un bot Discord (discord.js) dans une VM Debian 12… directement sur une Freebox Server.
Au menu : VM, Node.js, config du bot et lancement en continu. Le tout expliqué étape par étape, sans OVH ni VPS, juste la box du salon 😄
🎥 https://youtu.be/lMAfvUMZMK0
#Discord #discordjs #Debian #Freebox #SelfHosting #AutoHébergement #Dev
CSS if() en 2 min : un bouton qui s’adapte au pointeur sans JS.
⚠️ Compat : Chromium 137+ (Chrome/Edge). Safari/Firefox pas encore. Pensez au fallback.
▶️ https://youtube.com/shorts/4_yeIi79b-4
Treely.fr