Aus dem OpenReplay Blog
Charts.css: Diagramme mit reinem CSS erstellen
Charts.css nutzt reines CSS und semantische HTML-Tabellen für Balken-, Linien- und Kreisdiagramme ohne JavaScript, mit zugänglichen Daten.
Touch-Geräte mit JavaScript erkennen
Touch-Geräte in JavaScript mit maxTouchPoints, Pointer Events und CSS-Media-Queries erkennen, auch auf Hybriden und beim aktuellen Eingabetyp.
Wie man CSS in modernen Webprojekten organisiert
CSS mit Cascade Layers, Design Tokens, CSS Modules und flachem Nesting für wartbare moderne Webprojekte organisieren.
Kreative Tricks mit dem GitHub Contributions Graph
Passen Sie Ihren GitHub Contributions Graph mit SVG, Snake-Animation und automatisch aktualisierten README-Stats-Karten per GitHub Actions an.
Der Stand von On-Device-KI im Browser
On-device KI im Browser erklärt: Chrome-APIs, Transformers.js, ONNX Runtime Web, WebGPU, WebNN und hybride Fallbacks.
Val Town: Serverless JavaScript im Browser
Val Town ist eine browserbasierte Plattform für serverloses JavaScript und TypeScript mit Vals, Deno-Runtime, SQLite, Blob Storage, E-Mail und OpenAI.
Datenbank-Transaktionen verstehen
Datenbanktransaktionen, ACID, Isolationsstufen und MVCC erklärt mit Praxiswissen zu zuverlässiger Parallelität und Rollback.
Tailwind CSS mit NativeWind in React Native nutzen
NativeWind bringt Tailwind CSS-Styling zu React Native mit className, Dark Mode, Varianten, Setup und wichtigen Grenzen.
OpenCode: Ein Terminal-First AI Coding Agent
OpenCode ist ein terminalorientierter Open-Source-AI-Coding-Agent mit Bring-your-own-Provider, Plan- und Build-Modus sowie LSP, MCP und eigenen Befehlen.
Kostenlose Stock-Foto-Ressourcen für Entwickler
Kostenlose Stockfotos für Entwickler mit Lizenzdetails, API-Zugang, Attributionsregeln und Wiederverwendungsgrenzen für Unsplash, Pexels, Pixabay, Openverse und mehr.
Datengetriebene Apps mit React Admin erstellen
React-Admin-Architektur erklärt: dataProvider-Methoden, CRUD-Ansichten, Authentifizierung und wiederverwendbare Listen- und Editierseiten für backend-agnostische Apps.
So debuggen Sie CORS-Fehler im Browser
CORS-Fehler im Browser mit DevTools, Konsolenmeldungen und OPTIONS-Preflight prüfen. Mixed Content, TLS- und Credential-Probleme schnell erkennen.
Daten von APIs in Node.js abrufen
Nutzen Sie fetch in Node.js für API-Requests, POSTs, Timeouts und Fehlerbehandlung. Sehen Sie, wann undici Pool oder Axios sinnvoll ist.
Fügen Sie WebGPU-Effekte zu Ihrer UI mit Shaders.com hinzu
Shaders.com bringt WebGPU-Effekte in React, Vue, Svelte und Solid mit 90+ kompositorischen Presets, visuellem Editor und Browser-Fallbacks.
Typsichere Event-Emitter in TypeScript
Typsichere Event Emitters in TypeScript: Mit Event Maps, einem generischen Emitter oder Node.js EventEmitter typos und Payload-Fehler zur Compile-Zeit finden.
So erkennen Sie den Online- und Offline-Status in JavaScript
Erkennen Sie Online- und Offline-Status in JavaScript mit navigator.onLine, online/offline-Events und fetch-basierten Prüfungen.
Links vs. Formulare bei HTTP-Anfragen
Links vs. Formulare in HTTP-Requests: wann <a>, GET-Formulare, POST-Formulare passen und warum method=link in HTML ungültig ist.
Beliebte JavaScript-Game-Engines im Vergleich
Vergleichen Sie Phaser, Babylon.js, PlayCanvas, Excalibur und melonJS, um die passende JavaScript-Game-Engine für 2D- und 3D-Webspiele zu wählen.
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.