So ist diese Seite gebaut
Keine Vorlage, kein Baukasten, kein Tracking. Hier steht offen, womit und wie – als Beispiel dafür, wie ich Websites baue.
Zutaten
Von Hand geschrieben
HTML, CSS und ein wenig JavaScript, ohne Framework und ohne Baukasten. Es gibt keinen Build-Schritt: Was im Repository liegt, wird genau so ausgeliefert.
Leicht
Die Startseite überträgt beim ersten Besuch rund 95 KB, je gut ein Drittel davon für Schrift und Foto (als WebP). Eine durchschnittliche Website liegt laut HTTP Archive bei über 2 MB.
Keine Cookies, kein Tracking
Keine Analyse-Tools, keine Werbe-Pixel und deshalb auch kein Cookie-Banner. Die Schriften liegen auf diesem Server statt bei Google. Einziger externer Dienst ist Formspree, das Nachrichten aus dem Kontaktformular zustellt.
Nur eigener Code
Eine Content-Security-Policy erlaubt nur Skripte und Styles von dieser Domain. Fremder Code läuft hier nicht mit.
Auch ohne JavaScript
Navigation, Inhalte und Kontaktformular funktionieren auch ohne. Nur die Live-Demo braucht JavaScript und sagt das dann auch. Dunkles Design und reduzierte Bewegung folgen den Einstellungen Ihres Geräts.
Bei jeder Änderung geprüft
Automatische Prüfungen laufen bei jeder Änderung: HTML-Validierung, ein Check aller internen Links, ein Render-Test in einem echten Browser (Handy und Desktop, mit und ohne JavaScript) und Lighthouse. Fällt ein Wert unter 90, schlägt der Check an.
Grafiken aus Daten und Code
Die Kirschblüte ist ein Streudiagramm aus 409 Punkten, der Igel ein SVG-Pfad, und das Modell der Brötchen-Prognose trainiert direkt in Ihrem Browser.
Das Neuronale Netz
Der Loop auf der Startseite ist in Blender gerendert: ein Forward Pass durch 71 Neuronen und 266 Verbindungen, 8 Sekunden lang. Er lädt erst, wenn er im Bild ist, pausiert außerhalb und im Hintergrund-Tab und lässt sich per Knopf anhalten. Bei reduzierter Bewegung und im Datensparmodus bleibt es ein Standbild.
Gehostet auf GitHub Pages
TLS-verschlüsselt und automatisch aus dem Git-Repository veröffentlicht. Für Umbauten gibt es einen echten Wartungsmodus, der die Seiten gar nicht erst ausliefert.
Mit KI gebaut – offen gesagt
Beim Programmieren, Testen und Formulieren arbeite ich mit KI-Assistenten wie Claude. Das verheimliche ich nicht, denn genau damit arbeite ich auch im AI-Team. Ideen, Inhalte und Entscheidungen sind meine, und alles läuft durch dieselben automatischen Prüfungen wie jede andere Änderung.
So eine Website für Ihren Betrieb?
Schnell, ohne Cookie-Banner und mit einem Design, das nur Ihnen gehört. Sagen Sie kurz, worum es geht.