Aus dem OpenReplay Blog
Bilder mit CSS cross-fade() überblenden
CSS cross-fade() mischt Bilder in einer einzigen Deklaration. Mit Prozentgewichten, -webkit-Syntax, @supports-Fallbacks und Browser-Support.
Sichere Programmierung für JavaScript-Entwickler
Sichere JavaScript-Codierung für Browser-Apps: DOM-XSS verhindern, eval() meiden, CSP nutzen, Tokens schützen und postMessage sowie Abhängigkeiten absichern.
Bilder mit Canvas in Base64 konvertieren
Bilder mit Canvas in Base64 umwandeln: toDataURL und toBlob vergleichen, PNG/JPEG/WebP beachten und CORS-Fehler bei tainted canvas vermeiden.
Low-Latency Browser-Kommunikation mit WebTransport
WebTransport für Browser: WebSockets, Datagrams und Streams für HTTP/3-Kommunikation mit geringer Latenz ohne Head-of-Line-Blocking.
5 Git-Dotfiles, die jeder Entwickler kennen sollte
5 wichtige Git-Dotfiles erklärt: .gitconfig, .gitignore, .gitattributes, .git-blame-ignore-revs und .mailmap für sauberere Workflows.
Was ist neu in TypeScript 6.0
TypeScript 6.0 ändert Standardwerte, markiert Legacy-Optionen als veraltet und bringt ES2025-Support, Temporal-Typen und Migrationshinweise vor TypeScript 7.0.
Ersetzen von Animations-Bibliotheken durch native Web-APIs
Ersetzen Sie GSAP oder Framer Motion durch die Web Animations API, CSS Scroll-Driven Animations und View Transitions für gängige UI-Bewegungen.
Linux-Dateiberechtigungen erklärt
Linux-Dateiberechtigungen, Eigentümerschaft, chmod, chown, umask sowie spezielle Bits wie setuid und Sticky Bit erklärt, um jedes Linux-System abzusichern.
Verwendung von CSS `zoom` zur Skalierung von UI-Elementen
CSS zoom und transform scale im Vergleich: Unterschiede im Layout-Fluss, Browserunterstützung und praktische UI-Skalierung für das passende Werkzeug im Projekt.
Lokales HTTPS für die Entwicklung aktivieren
Lokales HTTPS mit mkcert einrichten, Vite- oder Next.js-Devserver konfigurieren und Warnungen wegen selbstsignierter Zertifikate in der Entwicklung vermeiden.
Best Practices für die Arbeit mit SolidJS
Typische SolidJS-Fehler vermeiden durch Wissen zu Reaktivität, Signal-Scoping, Prop-Handling, Store-Nutzung und async-Mustern mit createResource.
Turso kennenlernen: Eine auf Rust basierende Weiterentwicklung von SQLite
Turso und libSQL im Vergleich: Wie Rust, asynchrone APIs und MVCC SQLite für Edge-Deployments und moderne Anwendungsarchitekturen erweitern.
PDFs in Vue 3-Anwendungen anzeigen
Dieser Artikel vergleicht native Embeds, PDF.js und Vue-Wrapper-Komponenten zur PDF-Anzeige in Vue 3 – mit Abwägungen zu CORS, Workers und Bundle-Größe.
Die Vor- und Nachteile von Markdown als CMS
Der Beitrag beleuchtet die echten Abwägungen von Markdown als CMS, behandelt Git-Workflows, MDX, Tina CMS und wann Headless-CMS-Tools besser geeignet sind.
Grundlagen des relationalen Datenbankdesigns
Relationale Datenbankschemata mit Primärschlüsseln, Fremdschlüsseln, Normalisierung und Constraints strukturieren Tabellen und verhindern Datenanomalien.
Logging von Requests mit Node.js-Middleware
Mit Morgan, Pino und AsyncLocalStorage lässt sich HTTP-Request-Logging in Express umsetzen, das Korrelations-IDs verfolgt und sensible Daten aus Logs fernhält.
5 Sicherheitsfunktionen, die moderne Frameworks Ihnen kostenlos bieten
Moderne Frameworks wie Next.js, SvelteKit und Django bieten automatisches XSS-Escaping, CSRF-Tokens und serverseitige Isolation als sichere Standardfunktionen.
Die besten JavaScript-Bibliotheken für Dashboard-Entwicklung
Chart.js, Apache ECharts, Recharts, AG Grid und TanStack Table im Vergleich – für die Wahl der richtigen Dashboard-Bibliothek im Analytics-Einsatz.
Das neue HTML-Geolocation-Element
Das neue Geolocation-Element bringt deklarativen Standortzugriff in HTML und ersetzt navigator.geolocation-Callbacks durch saubereres Permission-Handling.
ResizeObserver vs. Window Resize: Wann welche Methode verwenden
ResizeObserver und Window-Resize-Event im Vergleich: Welches Werkzeug für Viewport-Änderungen, Element-Größenverfolgung und CSS Container Queries passt.
Wie man mit modernem CSS alles zentriert
Elemente lassen sich mit CSS Flexbox, Grid und Auto-Margins zentrieren, indem die passende Methode zum jeweiligen Layout-Kontext gewählt wird.
Terminal-UIs mit Charm erstellen
Terminal-UIs in Go lassen sich mit Bubble Tea, Lip Gloss und Bubbles aus dem Charm-Ökosystem durch die komponierbare Model-Update-View-Architektur erstellen.
AI-Prompting-Tipps für Entwickler
Strukturierte Ausgaben, Few-Shot-Prompting und Context Engineering machen LLM-Integrationen in der Produktion zuverlässig und KI-Antworten vorhersehbar.
So inspizieren und bearbeiten Sie Cookies in den Chrome DevTools
Cookies in Chrome DevTools inspizieren, bearbeiten und löschen – über das Application-Panel, Network-Panel sowie Felder wie HttpOnly, Secure und SameSite.