Depuis le blog OpenReplay
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.
Applications MCP : Ajouter une interface utilisateur interactive aux conversations IA
Les MCP Apps intègrent des composants UI interactifs dans les conversations IA, permettant aux serveurs MCP d'afficher tableaux de bord et formulaires via le standard ext-apps SDK.
Une meilleure façon de visualiser les erreurs dans VS Code avec Error Lens
Error Lens affiche les diagnostics ESLint et TypeScript en ligne dans VS Code, aidant les développeurs frontend à repérer et corriger les erreurs plus vite.
Créer votre première API avec Koa
Ce guide montre comment construire une API REST avec Koa en configurant le routage, le parsing des corps JSON et le modèle de cascade middleware pour les endpoints GET et POST.
Quand utiliser user-select: none (et quand c'est un piège UX/accessibilité)
Cas où CSS user-select: none améliore les contrôles interactifs, et cas où il nuit à l'accessibilité, aux outils de traduction et à la sélection de texte.
Comment Mesurer les Performances JavaScript
Profiler JavaScript avec DevTools, la Performance API et les Core Web Vitals permet d'identifier les goulots d'étranglement et de mesurer l'INP réel.
Défilement virtuel pour des interfaces haute performance
Le défilement virtuel ne rend que les noeuds DOM visibles, gardant les grands datasets rapides. Fenêtrage, overscan et TanStack Virtual sont couverts.
OpenClaw : Un nouvel assistant IA open source
OpenClaw est un agent IA auto-hébergé qui exécute des commandes shell, contrôle des navigateurs et s'intègre à Slack, Telegram et WhatsApp.
Les Streams expliqués pour les développeurs Web
Traiter les réponses fetch fragment par fragment avec ReadableStream et TransformStream réduit la pression mémoire et améliore les performances.
Comment fonctionnent les bases de données clé-valeur (par ex., Redis, Memcached)
Redis, Memcached et les bases de données clé-valeur utilisent des tables de hachage en mémoire pour le cache, les sessions et les accès rapides.
Valeurs absolues en CSS avec abs()
La fonction CSS abs() gère les propriétés personnalisées signées pour l'espacement, le timing d'animation et la mise en page, sans recours à JavaScript.
Qu'est-ce que Lynx.js ? Un guide pour débutants
Lynx.js est un framework multiplateforme de ByteDance qui génère des UI natives iOS et Android via React, CSS réel et une architecture double thread.
Construire des clients API type-safe avec OpenAPI et TypeScript
Générer des types TypeScript depuis des specs OpenAPI via openapi-typescript, openapi-fetch et Orval pour créer des clients API type-safe sans erreurs à l'exécution.
Implémentation de la recherche binaire en JavaScript
Implémentation itérative et récursive de la recherche binaire en JavaScript, prérequis du tableau trié, et cas où elle surpasse la recherche linéaire.
Aide-mémoire du traitement de texte sous Linux
Utiliser grep, sed, awk, ripgrep et jq pour analyser des logs, extraire des colonnes et transformer des données texte structurées en terminal.
Comment fonctionne le ratio d'aspect CSS
La propriété CSS aspect-ratio gère le dimensionnement des boîtes, remplace le hack padding et évite les décalages de layout avec object-fit en flexbox et grid.
Comment implémenter des notifications Toast dans Vue
Construction de notifications toast Vue 3 via un composable personnalisé ou Vue Toastification, avec balisage accessible et patterns Composition API.
Les bases de la mise en cache que tout développeur Web devrait connaître
Pour optimiser les applications web, on peut combiner cache navigateur, cache CDN, en-têtes Cache-Control, ETag et validation Last-Modified.
Afficher l'heure de manière lisible dans le navigateur
Formater des horodatages UTC dans le navigateur avec Intl.DateTimeFormat, Intl.RelativeTimeFormat, Intl.DurationFormat et Temporal, sans bibliothèque tierce.
CSS Grid Lanes : La nouvelle mise en page Masonry native
Mise en page masonry native via CSS Grid, support navigateur actuel et stratégies de fallback pour des layouts style Pinterest sans bibliothèques JavaScript.
Les meilleures interfaces Git pour développeurs
Comparatif de Fork, GitKraken, Tower, Sourcetree, GitButler et Lazygit pour choisir l'interface Git adaptée au branching, rebase et conflits.