•13 min read
2D Elliptical Bin-Packing for Responsive DOM Tag Clouds
How we engineered a deterministic 2D elliptical bin-packing layout engine in TypeScript that shapes interactive DOM tag clouds with zero layout shift.
#User Experience (UX) Design
Holistic user journeys, usability testing, and interaction models prioritizing human satisfaction and task efficiency.
Blog Posts15
•14 min read
Zeilenexakte Text-Geometrie & 2D-SDF-Gitter mit TreeWalker im Hero-Layout
Wie wir mit TreeWalker, Range.getClientRects() und 2D Signed Distance Fields (Quilez smin) ein kollisionsfreies Hero-Layout mit 60 FPS Canvas-Batching bauten.
•12 min read
Slide-as-Code: Interaktive Präsentationen mit Astro
Wie wir eine maßgeschneiderte Slide-as-Code Presentation Engine mit synchronisiertem Neural-Voiceover, Astro-Integration und KI-Agenten-Workflows bauten.
•13 min read
Interaktives 3D-Comic-Gesicht mit WebGL POM und Depth Anything V2
Wie wir ein reales Porträtfoto über Gemini, Inpainting und Depth Anything V2 in ein lebendiges WebGL-POM-Gesicht mit adaptiver Mimik-State-Machine verwandelt haben.
•9 min read
Building a Dynamic Parallax Content Gallery: Kinematics, Zero-Duplication Pooling, and LRU History Tracking
How we engineered a living 3-tier parallax content gallery in Astro and TypeScript featuring optical motion kinematics, zero on-screen duplication, and a two-factor probabilistic selection engine powered by localStorage LRU history tracking.
•14 min read
Architektur und Funktionsweise von Open WebUI: Entkoppelte Human-in-the-Loop Orchestrierung, In-Process Functions, hybrides RAG und Enterprise Governance
Eine softwaretechnische Tiefenanalyse von Open WebUI: Wie die Entkopplung von SvelteKit und FastAPI echte Multi-Model-Souveränität schafft, warum In-Process Functions externe Pipelines ablösen, wie hybrides RAG mit BM25 und Cross-Encoder Präzision garantiert und welche Rolle die Plattform in Lehre, Forschung und Unternehmen einnimmt.
Interactive Presentations1
•10 slides · ~7 min
Interactive Presentations: Unsere Slide-as-Code Engine
Motivation, Content-Strategie und technische Umsetzung interaktiver Web-Keynotes mit Neural-Voiceover