Lab

Blog

Was wir im Labor ausprobieren, steht hier — Browser-APIs, CSS-Features, KI-Workflows. Wo es geht, läuft die Technik im Beitrag statt als Screenshot.

  1. Die Softwarefabrik: ein Fließband mit vier Toren

    Unsere Arbeitsweise als 3D-Fließband in three.js: Roboter bauen, der Hog hält die Tore, und ein Kanban-Board läuft im Takt mit.

  2. Leere Blasen, echter Text

    Ein Cartoon-Strip in der Strichzeichnungs-Welt dieser Site. Die Sprechblasen entstehen leer, der Text steht in einer Datendatei und sitzt per CSS im Bild.

  3. Ein Kartendienst ohne Kartenserver

    Wie die Anfahrtskarte auf /karte/ entstanden ist: ein 157-MB-Regionsauszug als statische Datei, MapLibre im Browser, und zwei Fallen, die beide dasselbe Symptom hatten: eine stumme graue Karte.

  4. Nighthog-Skate: Liniengrafik auf Rollen

    Das Maskottchen der Site fährt Skateboard durch eine gezeichnete Fußgängerzone, und der Roboter stellt die Hindernisse auf.

  5. APIs für Agenten: fünf Bauregeln

    Die Agentic-ERP-Debatte von der Bau-Seite: Was sich an Schnittstellen ändern muss, damit ein KI-Agent sie sicher bedienen kann, und warum das fast nur gutes API-Design ist.

  6. Block Invaders: Blockgrafik-Shooter wie auf dem PET

    Der Blockgrafik-Shooter vom Commodore PET als Browser-Nachbau, dazu die Erinnerung an die Computerabteilung im Kaufhof am Stachus.

  7. Lunar Lander: der Autopilot ist ein Thermostat

    Das Landespiel von 1969 als Canvas-Nachbau mit Mondgravitation, drei Düsen und einem Autopiloten, der nur ein Proportionalregler ist.

  8. Schneeballschlacht überm Berg

    Ein Wurfspiel nach Gorillas-Prinzip in einem Canvas: Wurfparabel, Wind als Störgröße und eine KI, die aus drei Zeilen Fehlerkorrektur besteht. Läuft komplett im Browser.

  9. ELIZA im Terminal: das erste Chat-Programm, 60 Jahre später

    Joseph Weizenbaums ELIZA von 1966 als deutscher Nachbau in JavaScript. Läuft komplett im Browser und zeigt, wie wenig Regelwerk für den Eindruck eines Gesprächs reicht.

  10. Dark-only und eine H1 aus rohen Zeichen: der Umbau dieser Site

    pad.software ist jetzt das Labor der pad Software GmbH. Was beim Umbau technisch passiert ist und welche zwei Kontrast-Fehler Lighthouse nicht gefunden hätte.

  11. Scroll-getriebene Beats ohne JavaScript

    Wie die Arbeitsteilungs-Erzählung auf /arbeitsweise mit animation-timeline: view() läuft, welchen Fallback sie bekommt und was ein Astro-Update dabei einmal lautlos kaputt gemacht hat.

Gebaut aus Tokens, nicht aus Stock-Fotos. Keine Cookies an Bord.