Depuis le blog OpenReplay
Comment détecter le statut en ligne et hors ligne en JavaScript
Détectez l’état en ligne et hors ligne en JavaScript avec navigator.onLine, les événements online/offline et des vérifications fetch.
Comparaison des moteurs de jeu JavaScript populaires
Comparez Phaser, Babylon.js, PlayCanvas, Excalibur et melonJS pour choisir le bon moteur de jeu JavaScript pour des jeux web 2D et 3D.
Fusionner des images avec CSS cross-fade()
CSS cross-fade() mélange des images en une seule déclaration. Poids en pourcentage, syntaxe -webkit, solutions @supports et compatibilité.
Conversion d'images en Base64 avec Canvas
Convertissez des images en Base64 avec Canvas : comparez toDataURL et toBlob, gérez PNG/JPEG/WebP et évitez les erreurs CORS de canvas.
Programmation sécurisée pour les développeurs JavaScript
Bonnes pratiques de code JavaScript sécurisé pour les apps web : prévenir le DOM XSS, éviter eval(), utiliser CSP, protéger les jetons et postMessage.
Communication navigateur à faible latence avec WebTransport
WebTransport pour les navigateurs : comparez WebSockets, datagrammes et flux pour des échanges HTTP/3 à faible latence sans blocage.
5 fichiers de configuration Git que tout développeur devrait connaître
5 dotfiles Git essentiels expliqués : .gitconfig, .gitignore, .gitattributes, .git-blame-ignore-revs et .mailmap pour un workflow plus propre.
Remplacer les bibliothèques d'animation par les API Web natives
Remplacez GSAP ou Framer Motion par l’API Web Animations, les animations CSS pilotées par le scroll et View Transitions pour les animations UI courantes.
Quoi de neuf dans TypeScript 6.0
TypeScript 6.0 change les valeurs par défaut, déprécie des options héritées et ajoute le support ES2025, Temporal et des conseils de migration vers TypeScript 7.0.
Comprendre les permissions de fichiers sous Linux
Permissions de fichiers Linux, propriété, chmod, chown, umask et bits spéciaux comme setuid et sticky bit expliqués pour sécuriser tout système Linux.
Utiliser la propriété CSS `zoom` pour mettre à l'échelle les éléments d'interface
Comparaison entre CSS zoom et transform scale : flux de mise en page, compatibilité navigateur et cas d'usage pratiques pour choisir l'outil adapté.
Bonnes pratiques pour travailler avec SolidJS
Éviter les pièges courants de SolidJS grâce à la réactivité fine, la portée des signaux, la gestion des props, les stores et createResource.
Comment activer HTTPS en local pour le développement
Mettre en place un HTTPS local fiable avec mkcert, configurer les serveurs dev Vite ou Next.js et éviter les alertes de certificats auto-signés.
Découvrez Turso, une évolution de SQLite basée sur Rust
Comparaison de Turso et libSQL : comment Rust, les API async et MVCC étendent SQLite pour les déploiements edge et les architectures modernes.
Afficher des PDF dans des applications Vue 3
Comparaison des intégrations natives, PDF.js et composants wrapper Vue pour Vue 3, avec les compromis sur le CORS, les workers et la taille du bundle.
Les avantages et inconvénients de l'utilisation de Markdown comme CMS
Analyse des compromis de Markdown comme CMS, entre workflows Git, MDX, Tina CMS, et les cas où un headless CMS structuré sert mieux les équipes éditoriales.
Les bases de la conception de bases de données relationnelles
Concevoir des schémas relationnels fiables via clés primaires, clés étrangères, normalisation et contraintes pour structurer les tables et éviter les anomalies.
Journalisation des requêtes avec les middlewares Node.js
Journalisation HTTP structurée dans Express avec Morgan, Pino et AsyncLocalStorage pour suivre les IDs de corrélation et protéger les données sensibles.
5 fonctionnalités de sécurité offertes gratuitement par les frameworks modernes
Les frameworks modernes comme Next.js, SvelteKit et Django fournissent par défaut l'échappement XSS, les tokens CSRF et l'isolation des secrets serveur.
Le nouvel élément HTML Geolocation
Le nouvel élément geolocation apporte un accès déclaratif à la localisation en HTML, remplaçant navigator.geolocation par une gestion simplifiée des permissions.
Meilleures bibliothèques JavaScript pour créer des tableaux de bord
Comparatif de Chart.js, Apache ECharts, Recharts, AG Grid et TanStack Table pour choisir les bibliothèques JavaScript adaptées aux projets d'analytique.
ResizeObserver vs Window Resize : Quand utiliser chacun
Comparaison entre ResizeObserver et window resize pour choisir l'outil adapté au viewport, au suivi de taille d'élément et aux container queries CSS.
Comment centrer n'importe quoi avec le CSS moderne
Centrer tout élément horizontalement ou verticalement avec CSS Flexbox, Grid et les marges auto, en choisissant la méthode adaptée à chaque contexte.
Créer des interfaces utilisateur en terminal avec Charm
Construction d'interfaces en terminal avec Go via Bubble Tea, Lip Gloss et Bubbles de l'écosystème Charm, selon une architecture composable Model, Update, View.