Blog

Insights und Tutorials zu Webdesign, Entwicklung und digitaler Strategie.

Blog

MemPalace KI-Gedächtnis-System mit Palace-Architektur und MCP-Tools
Open Source KI Python AI Memory Contributing

MemPalace: Wie Milla Jovovich KI-Gedächtnis revolutioniert

Milla Jovovich hat mit MemPalace ein Open-Source-KI-Memory-System entwickelt, das auf der antiken Method of Loci basiert. Meine Beiträge als Contributor.

10 Min. Lesezeit
Mehr erfahren
@wendermedia/astro-components npm Paket mit 150 Komponenten, Terminal und Storybook
Astro npm Open Source Component Library Storybook Design System

astro-components v2.0 — 150 Komponenten auf npm

Die Astro Component Library ist als Open-Source npm-Paket verfügbar. 150 Komponenten in 17 Kategorien mit Live-Storybook zum Ausprobieren.

10 Min. Lesezeit
Mehr erfahren
Schnellstart-Tutorial: 5 Schritte von npm install zur fertigen Astro-Seite
Astro Tutorial npm Component Library Storybook

Astro-Projekt in 5 Minuten aufsetzen

Schnellstart-Tutorial: Astro-Komponenten installieren, im Storybook erkunden und in ein Projekt integrieren. Von npm install bis zur fertigen Seite.

10 Min. Lesezeit
Mehr erfahren
Live Music Coder IDE mit Code-Editor, Audio-Wellenform und visuellem Node-Graph
Creative Coding Audio React Web Audio CodeMirror Electron Open Source

Live Music Coder: Musik-IDE im Browser und als Desktop-App

Case Study: Eine Live-Coding-IDE für Musik mit 4 Audio-Engines, 7 Visualizern, 43 kuratierte Sessions, Gamepad/MIDI-Input und Electron Desktop-App.

12 Min. Lesezeit
Mehr erfahren
NeuroBirds Browser-Spiel mit 29 sammelbaren Vögeln und neuronalen Netzwerken
Game Dev React Canvas Web Audio

NeuroBirds: 29 Vögel mit echten Gehirnen

Case Study: Ein prozedurales Browser-Spiel mit neuronalen Netzwerken, Bewusstsimulation und Flappy-Bird-Mechanik -- ohne eine Bilddatei.

12 Min. Lesezeit
Mehr erfahren
Component library with 45+ Astro components in Atomic Design
Atomic Design Astro Component Architecture

Atomic Design in der Praxis: 45+ Astro-Komponenten

Wie Atomic Design eine skalierbare Komponentenbibliothek für ein dreisprachiges Portfolio ergibt. Codebeispiele aus Atomen, Molekuelen und Organismen.

15 Min. Lesezeit
Mehr erfahren
Trilingual URL routing with Astro i18n slug mapping
Astro i18n Routing

Astro i18n ohne Plugin: Slug-Mapping-Anleitung

Dreisprachige Website mit uebersetzten URLs bauen. Astros i18n-Routing und eine Slug-Tabelle ersetzen jedes Plugin. Schritt-für-Schritt-Tutorial.

12 Min. Lesezeit
Mehr erfahren
SVG hero animations with pure CSS — zero JavaScript
SVG CSS Animation Performance

SVG Hero-Animationen ohne JavaScript

Mit reinem CSS und SVG animierte Hero-Hintergruende für jede Seite erstellen -- ohne ein einziges Byte JavaScript.

11 Min. Lesezeit
Mehr erfahren
JSON-LD structured data for Google rich results
SEO JSON-LD Schema.org

JSON-LD Structured Data in Astro

JSON-LD und Schema.org in Astro-Seiten einbauen -- FAQPage, Service, BreadcrumbList und LocalBusiness für Google Rich Results.

13 Min. Lesezeit
Mehr erfahren
Atomic Design hierarchy diagram — atoms, molecules, organisms
Design Systems Architecture Astro

Atomic Design: Komponentenarchitektur

Atomic Design nach Brad Frost -- Atome, Moleküle, Organismen, Templates und Seiten mit praxisnahen Astro-Beispielen erklärt.

14 Min. Lesezeit
Mehr erfahren
Design Tokens — colors, spacing, typography as CSS custom properties
CSS Design Tokens Design Systems

Design Tokens: Fundament skalierbarer Websites

Wie CSS Custom Properties Konsistenz bei Farben, Abstaenden, Typografie und Theming schaffen. Ein Leitfaden für tokenbasierte Design-Systeme.

13 Min. Lesezeit
Mehr erfahren
Core Web Vitals Performance-Metriken — LCP, INP, CLS
Performance Core Web Vitals Astro

Core Web Vitals: Der komplette Performance Guide

LCP, INP und CLS meistern — Astros Zero-JS-Architektur, Bildstrategien, CSS-Budgets, Font-Loading und Mess-Workflows für Top-Scores.

22 Min. Lesezeit
Mehr erfahren