Zum Hauptinhalt springen
Thema

tutorial

24 Artikel zum Thema

Scroll-Animationen für Websites: Scroll Trigger, Pin, Parallax & Scroll-Linked erklärt

Scroll Trigger, Pin, Parallax, Horizontal Scroll, Scroll Progress und Scroll-Linked Animation: die sechs Grundmuster hinter fast jeder guten Scroll-Animation im Web, mit GSAP ScrollTrigger, echten Beispielen und wann welches Muster passt.

Cinemagraph erstellen mit KI: Wie ein Foto in Minuten lebendig wird

Was ein Cinemagraph ist, warum das früher Stunden in Photoshop und After Effects gekostet hat, und wie ich mit Claude Code und KI-Videogenerierung eine komplette Pipeline dafür gebaut habe, als offenen Skill.

Claude Code macht jetzt mein SEO. Und zwar besser als Ahrefs und Semrush zusammen

Wie ich OpenSEO, eine Open-Source-Alternative zu Ahrefs und Semrush, lokal per Docker selbst gehostet habe, mit Claude Code als Setup-Assistent. Kosten, Stolpersteine, und warum sich das für gelegentliche Nutzung klar lohnt.

Vibe Coding: Was es ist, und warum dein Prototyp trotzdem noch nicht fertig ist

Vibe Coding erklärt: was der Begriff bedeutet, warum er gerade explodiert, und warum "es läuft" noch nicht "fertig" heißt. Mit den Zahlen zu Sicherheitslücken in KI-generiertem Code und einer Checkliste zum Selbstcheck.

Warum kommen meine Mails vom Root-Server nicht an?

SPF, DKIM, abgelaufene Zertifikate, falsche Subdomains, ein praxisnaher Debugging-Leitfaden für Mails vom Plesk Root-Server die einfach nicht ankommen.

PocketBase: Das Backend für die Hosentasche

PocketBase ist ein Open-Source-Backend in einer einzigen Datei. Datenbank, REST-API, Echtzeit, Auth und Admin-UI, alles inklusive, kein Hosting-Overhead.

Phantom Grid, Teil 1: Ich habe das erste vollständig code-basierte Musiklabel der Welt gebaut

Kein Büro, keine Mitarbeiter, kein Notion-Board. Nur ein öffentliches GitHub-Repository als Gehirn, KI-Entitäten als kreative Mitarbeiter und GitOps als Betriebsmodell. Wie Phantom Grid entstand, und warum es so etwas bislang noch nicht gibt.

llms.txt: Das robots.txt für KI-Agenten

llms.txt ist ein neues Dateiformat, das KI-Systemen erklärt, welche Inhalte einer Website besonders relevant sind. Was steckt dahinter, wer nutzt es bereits, und lohnt sich die Implementierung heute schon?

Von Google Cloud zu eigenem Kubernetes: Warum ich umgezogen bin

GCP war bequem, aber teuer und fragmentiert. Ich habe meine gesamte Infrastruktur auf einen selbst verwalteten k3s-Cluster migriert, mit ArgoCD, GitOps und automatischen Deployments. Was ich gewonnen habe, was mich Nerven gekostet hat, und warum ein Kollege namens Paul der eigentliche Auslöser war.

WordPress 7.0 und KI: Was der WP AI Client wirklich bedeutet

WordPress 7.0 kommt am 9. April 2026 und bringt mit dem WP AI Client erstmals KI-Infrastruktur direkt in Core. Kein Plugin mehr nötig, aber was bedeutet das konkret für Entwickler und Site-Betreiber?

Claude Skills erklärt: Die Markdown-Datei, die deinen KI-Workflow automatisiert

Claude Skills sind kein Feature. Sie sind eine Markdown-Datei. Was dahinter steckt, wann es sich lohnt und wie ich damit meinen SEO-Audit-Workflow automatisiert habe.

Anfängertutorial: Einen eigenen Chatbot programmieren (updated 2026)

Von Grund auf lernen, wie man einen Chatbot mit Python und der OpenAI API entwickelt - vom einfachen Grundgerüst bis zu fortgeschrittenen Funktionen.

ARIA: Wann du es brauchst und wann es mehr schadet als nützt

ARIA-Attribute überall, aber die Website wird dadurch schlechter? Die Geschichte, wie ich lernte, dass weniger ARIA oft mehr Barrierefreiheit bedeutet - inklusive einer Quasar-App mit Legacy-Problemen.

Progressive Enhancement vs. Single Page Apps: Die Renaissance klassischer Web-Architektur

2025 erleben wir einen Paradigmenwechsel: SPAs verlieren an Boden, Progressive Enhancement feiert ein Comeback. Warum Server-Rendering mit gezielten Enhancements oft die bessere Wahl ist, und wie WordPress, Vue und moderne Tools das Beste aus beiden Welten vereinen.

Webflow Effekte mit nativem CSS und JS

Typische Webflow Scrplling Effekte mit nativem Code umsetzen

WordPress-Entwicklung auf Pro Level 2025 Teil 1

Raus aus dem WordPress-Workflow von 2009: DDEV, Vite mit Hot Module Replacement und ein moderner Entwicklungs-Stack, der sich anfühlt wie React oder Vue, nur eben für WordPress.

ChatGPT hat gerade dein CMS gebaut...

... und 5 Gründe, warum das eine katastrophale Idee war

Barrierefrei? Das kostet nur! Der teuerste Irrtum im Webdesign 2025

Warum Barrierefreiheit im Web kein Nice-to-have sondern ein Must-have ist und wie du davon profitierst.

Was ist eigentlich... "Jamstack?"

Du willst in der Webentwicklung durchstarten und hast noch nie was von Jamstack gehört? Dann lies witer...

Wie du deine Youtube Videos viral gehen lässt

Wie man seine Videos von 0 auf 100 bringt

Warum Headless CMS die Zukunft ist

Plattformunabhängig Content managen

Wird 2023 das Jahr der Webcomponents?

Thoughts on Web Components mit Vue.js und Tailwind

Bye bye Bootstrap

Warum Tailwind ein Gamechanger ist

Meine Meinung zu Wordpress

Wann Wordpress sinnvoll ist und wann nicht