Depuis le blog OpenReplay
Édition dans le navigateur avec contentEditable
Édition contenteditable dans le navigateur : activez l’édition de texte en ligne, captez les événements input et évitez les risques XSS.
5 APIs JavaScript que tout développeur frontend devrait connaître
5 API JavaScript natives pour les développeurs frontend: IntersectionObserver, ResizeObserver, AbortController, Clipboard API et View Transitions.
Comment corriger l'erreur 'ERR_TOO_MANY_REDIRECTS'
Corrigez ERR_TOO_MANY_REDIRECTS avec un guide de diagnostic des boucles de redirection, des erreurs HTTP vers HTTPS, de Cloudflare SSL et des proxys.
Utiliser des agents IA pour automatiser les tâches répétitives d'un projet
Utilisez les skills Claude Code pour automatiser les tâches répétitives, capturer les étapes de setup et de déploiement, et fiabiliser les workflows.
Tester les composants pilotés par API dans Storybook
Utilisez MSW dans Storybook 10 pour tester des composants pilotés par API avec états chargement, erreur, vide et succès, puis en faire des tests.
Propriétés CSS Shorthand Courantes
Fiche CSS des raccourcis margin, padding, border, font, background et flex, avec règles de reset, ordre des valeurs et bugs silencieux.
Faire de la géométrie réelle dans le navigateur avec Geometric.js
Geometric.js apporte l intersection de polygones, les boîtes englobantes, le test point dans polygone et l interpolation de trajectoire aux cartes, graphiques, SVG et Canvas.
3 Systèmes de types qui ne sont pas TypeScript
Comparez JSDoc + @ts-check, ReScript et Flow comme alternatives à TypeScript pour JavaScript, avec leurs compromis sur la sûreté, le build et l adoption.
MDN est désormais un serveur MCP
Le serveur MCP de MDN donne aux agents IA un accès en direct à la recherche, à la documentation et aux compatibilités navigateur, avec installation et limites.
Qu'est-ce que bunx et quand l'utiliser
bunx expliqué: comment Bun exécute des binaires npm sans installation globale, quand utiliser --bun et quand npx reste plus sûr.
Comment tronquer du texte en CSS
Tronquez du texte en CSS avec text-overflow: ellipsis pour une ligne ou line-clamp pour plusieurs, plus les correctifs flex et grid.
5 Bookmarklets Utiles pour les Développeurs
Cinq bookmarklets utiles pour développeurs : modifier une page en direct, déboguer la mise en page, afficher les mots de passe, choisir des couleurs et injecter eruda.
Tester les composants Svelte 5 avec Vitest
Testez les composants Svelte 5 avec Vitest via mount, testing-library ou le mode navigateur, avec la bonne config pour runes, effets et snippets.
Premiers pas avec les espaces de travail npm
Configuration, commandes et limites des npm workspaces pour gérer un monorepo, lier des paquets voisins et savoir quand ajouter Turborepo ou Nx.
Comment sauvegarder un site WordPress
Sauvegardez un site WordPress avec mysqldump, tar, cron et rclone. Couvre fichiers, base MySQL, stockage hors site et test de restauration.
Revues de code automatiques avec CODEOWNERS
Configurez CODEOWNERS sur GitHub, évitez les échecs silencieux et imposez la revue avec les bons motifs, droits et protections de branche.
Révision du code généré par l'IA avec Difftastic
Utilisez Difftastic pour relire du code généré par IA avec des diffs structurels, l intégrer à git et isoler les changements de comportement.
3 Pièges JavaScript Expliqués
Trois pièges JavaScript expliqués : calcul en virgule flottante, tests de NaN et await dans les boucles, avec les bons correctifs.
Synchronisation des onglets de navigateur avec BroadcastChannel
BroadcastChannel synchronise les onglets en temps réel avec des messages en clone structuré, le nettoyage, un fallback et des modèles pour auth, panier et thème.
Récupération de données dans les React Server Components
Récupérez des données dans les Server Components React avec des fonctions async, comprenez le cache Next.js 15/16 et évitez les waterfalls avec Promise.all.
Utiliser les Text Expanders pour Git, les PRs et les Prompts IA
Snippets Espanso pour Git, PR et prompts IA : utilisez shell, presse-papiers et curseur pour créer des expansions contextuelles.
Comment animer display: none sans recourir à JavaScript
Animez display none en CSS avec allow-discrete et @starting-style, plus la gestion overlay des dialogs et popovers et la prise en charge navigateur.
Guide pratique de l'opérateur `satisfies` en TypeScript
Explication de l opérateur satisfies de TypeScript avec exemples de config, inférence étroite et usage face à as ou aux annotations de type.
JSPI Expliqué : Un Meilleur Pont Entre JavaScript et Wasm
JSPI relie JavaScript et WebAssembly pour que Wasm synchrone appelle des API Promise comme fetch, avec Suspending, promising et l état des navigateurs.