Blog

Insights and tutorials on web design, development, and digital strategy.

Blog

MemPalace AI memory system with palace architecture and MCP tools
Open Source AI Python AI Memory Contributing

MemPalace: How Milla Jovovich Is Revolutionizing AI Memory

Milla Jovovich built MemPalace, an open-source AI memory system based on the ancient Method of Loci. My contributions as an active contributor.

10 min read
Read more
@wendermedia/astro-components npm package with 150 components, terminal and Storybook
Astro npm Open Source Component Library Storybook Design System

astro-components v2.0 — 150 Components on npm

The Astro Component Library is now available as an open-source npm package. 150 components in 17 categories with a live Storybook to explore.

10 min read
Read more
Quick start tutorial: 5 steps from npm install to a finished Astro page
Astro Tutorial npm Component Library Storybook

Set Up an Astro Project in 5 Minutes

Quick start tutorial: install Astro components, explore them in Storybook, and integrate into your project. From npm install to a finished page.

10 min read
Read more
Live Music Coder IDE with code editor, audio waveform and visual node graph
Creative Coding Audio React Web Audio CodeMirror Electron Open Source

Live Music Coder: Music IDE in the Browser and as Desktop App

Case study: A live coding IDE for music with 4 audio engines, 7 visualizers, 43 curated sessions, gamepad/MIDI input and Electron desktop app.

12 min read
Read more
NeuroBirds browser game with 29 collectible birds and neural network visualization
Game Dev React Canvas Web Audio

NeuroBirds: Building 29 Birds with Real Brains

Case study: A procedural browser game with neural networks, consciousness simulation, and Flappy Bird mechanics -- zero image files.

12 min read
Read more
Component library with 45+ Astro components in Atomic Design
Atomic Design Astro Component Architecture

Atomic Design in Practice: 45+ Astro Components

How Atomic Design produces a scalable component library for a trilingual portfolio. Real code examples from atoms, molecules, and organisms.

15 min read
Read more
Trilingual URL routing with Astro i18n slug mapping
Astro i18n Routing

Astro i18n Without Plugins: Slug Mapping Guide

Build a trilingual website with translated URLs using Astro built-in i18n routing and a custom slug table. Step-by-step tutorial, no plugins needed.

12 min read
Read more
SVG hero animations with pure CSS — zero JavaScript
SVG CSS Animation Performance

SVG Hero Animations Without JavaScript

How to create unique, animated hero backgrounds for each page using pure CSS and SVG -- without a single byte of JavaScript.

11 min read
Read more
JSON-LD structured data for Google rich results
SEO JSON-LD Schema.org

JSON-LD Structured Data in Astro

How to implement JSON-LD structured data in Astro pages -- FAQPage, Service, BreadcrumbList, and LocalBusiness for Google Rich Results.

13 min read
Read more
Atomic Design hierarchy diagram — atoms, molecules, organisms
Design Systems Architecture Astro

Atomic Design: Component Architecture

Brad Frost Atomic Design methodology -- atoms, molecules, organisms, templates, and pages explained with real-world Astro examples.

14 min read
Read more
Design Tokens — colors, spacing, typography as CSS custom properties
CSS Design Tokens Design Systems

Design Tokens: The Foundation of Every Design System

How CSS custom properties create consistency across colors, spacing, typography, and theming. A practical guide to token-based design systems.

13 min read
Read more
Core Web Vitals performance metrics — LCP, INP, CLS
Performance Core Web Vitals Astro

Building for Performance: The Complete Core Web Vitals Guide

Master LCP, INP, and CLS optimization — from Astro zero-JS architecture to image strategies, CSS budgets, font loading, and real-world measurement workflows.

15 min read
Read more