Depuis le blog OpenReplay
Styliser les éléments Select avec CSS moderne
Styliser les éléments select via appearance none et base-select, appliquer clip-path et focus spans, tout en améliorant progressivement le rendu cross-browser.
Pourquoi vous devriez être prudent avec `!` en TypeScript
L'opérateur non-null assertion de TypeScript réduit le compilateur au silence sans protection à l'exécution, transformant les erreurs statiques en crashes null difficiles à tracer.
Syntaxe des couleurs relatives en CSS expliquée
La syntaxe des couleurs relatives en CSS permet de dériver teintes, nuances et variantes d'opacité d'une couleur source via OKLCH et d'autres fonctions modernes.
Qu'est-ce que Babylon.js ? Une introduction rapide
Babylon.js est un moteur 3D JavaScript open-source basé sur WebGL et WebGPU, avec une comparaison à Three.js et les possibilités qu'il offre.
Écrire des chaînes asynchrones plus propres avec Promise.try
Promise.try convertit les erreurs synchrones en rejets, clarifiant les chaînes async. Comparaison avec les alternatives et application aux patterns de chargement conditionnel.
Comment sécuriser un site WordPress
Sécuriser un site WordPress implique la mise à jour des plugins, l'activation du 2FA, des permissions correctes et un WAF comme Cloudflare ou Wordfence.
Comprendre les unités de viewport dynamiques en CSS
Les unités CSS svh, lvh et dvh corrigent le rognage mobile causé par le chrome du navigateur, pour des layouts responsive et plein écran fiables.
Plaidoyer pour JavaScript Vanilla plutôt que les Frameworks
Analyse des cas où JavaScript vanilla, Web Components, modules ES et APIs natives surpassent React ou Vue pour un projet frontend donné.
Qu'y a-t-il dans une réponse HTTP ?
Les réponses HTTP comprennent une ligne de statut, des headers et un body. Chaque partie facilite le débogage dans DevTools et la gestion des résultats fetch.
Fonctionnalités méconnues de Chrome DevTools
CSS Overview, Logpoints, l'onglet Coverage et le débogage des Layout Shifts dans Chrome DevTools permettent d'améliorer les performances et le flux de travail.
Découvrez UnJS : des outils JavaScript agnostiques aux frameworks
L'écosystème UnJS regroupe des outils comme Nitro, h3, ofetch et unplugin pour gérer l'infrastructure JavaScript indépendamment des runtimes et frameworks.
Comment OpenUI façonne les composants web
OpenUI standardise les modèles d'UI via la Popover API, l'Invoker Commands API et un select CSS personnalisable, limitant le JavaScript superflu.
Commandes npm essentielles que tout développeur devrait connaître
Le CLI npm gère l'audit des dépendances, l'exécution de scripts et le verrouillage des transitives. On peut déboguer les arbres et corriger les vulnérabilités.
Comment Lazy Loader des Composants dans Svelte
Lazy loader des composants Svelte via les imports dynamiques et le rendu conditionnel permet de réduire les bundles initiaux dans les projets SvelteKit et Vite.
Comment corriger l'erreur « Cannot use import statement outside a module »
Corriger l'erreur cannot use import statement outside a module dans Node.js, les navigateurs et Jest en identifiant le conflit de système de modules.
Explication de la permission Local Network Access (LNA) de Chrome
La permission Chrome Local Network Access bloque les sites publics depuis les appareils locaux. Ce guide couvre ce qui déclenche LNA et comment le gérer.
L'art ASCII dans le navigateur et le terminal
Comment la luminosité des pixels correspond aux caractères, comment Unicode Braille et les éléments de bloc étendent l'art ASCII, et comment Canvas, WebGL et ANSI le restituent.
Comment typer les réponses d'API en TypeScript
Typer les réponses d'API avec des interfaces, Zod et OpenAPI évite les incohérences de données à l'exécution et garantit des types fiables en TypeScript.
Comparaison des modèles de réactivité : React, Vue, Angular, Svelte
Comparaison de la réactivité dans React, Vue, Angular et Svelte : cycles de rendu, signaux fins et mises à jour DOM pilotées par compilateur.
Ripple : un nouveau framework UI TypeScript à surveiller
Ripple est un framework UI TypeScript piloté par compilateur, sans virtual DOM diffing ni suivi manuel des dépendances, via des primitives réactives fines.
Comment implémenter le glisser-déposer dans Svelte
Implémenter le glisser-déposer dans Svelte avec l'API HTML5 native ou svelte-dnd-action pour les animations, le tactile et les listes multiples.
Quand 100vh ment : corriger les problèmes de viewport mobile
Corriger le clipping mobile en comprenant comment svh, dvh et lvh diffèrent de vh, et quand appliquer chaque unité pour des layouts stables en pleine hauteur.
Cas d'usage des générateurs JavaScript
Les générateurs JavaScript produisent des valeurs à la demande pour l'itération paresseuse, la pagination async et les pipelines via l'Iterator Helpers API.
Comment organiser les définitions de types dans un projet TypeScript
Organiser les types TypeScript avec une stratégie de colocation claire, entre fichiers inline, répertoires partagés et fichiers de déclaration ambiants.