Depuis le blog OpenReplay
Ajouter des animations avec les plugins Tailwind CSS
Tour d'horizon des options pour ajouter des animations Tailwind CSS, des utilitaires natifs aux plugins et keyframes v4, en tenant compte de l'accessibilité.
Un premier aperçu de l'API HTML Sanitizer
L'HTML Sanitizer API intègre la protection XSS dans le navigateur, compare les méthodes sûres aux alternatives DOMPurify et configure les listes d'autorisation.
Gestion sécurisée des entrées utilisateur dans Node.js
Zod, les requêtes paramétrées et les arguments explicites protègent Node.js contre l'injection SQL, la pollution de prototype et le mass assignment.
Comment trouver des éléments DOM par texte
Sélectionner des éléments DOM par texte via querySelector, TreeWalker et XPath avec document.evaluate pour des sélections textuelles fiables.
Les meilleurs CDN pour les applications web modernes
Comparatif de Cloudflare Workers, Fastly Instant Purge, AWS CloudFront et Akamai Ion pour choisir le CDN adapté à son architecture frontend.
Débuter avec Laravel Livewire
Créer des interfaces Laravel dynamiques avec Livewire via des composants PHP et Blade gérant la validation de formulaires et les mises à jour réactives du DOM.
Explorer la fonction CSS random()
La fonction CSS random() génère des valeurs numériques natives dans les feuilles de style, remplaçant JavaScript grâce à sa syntaxe, ses clés de cache et ses fallbacks.
UX en temps réel avec l'extension SSE de htmx
Intégrer une UI en temps réel dans des projets htmx grâce à l'extension SSE, aux server-sent events et aux seuls attributs HTML, sans framework JavaScript.
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.