Insights

Einblicke und Ausblicke in die tägliche Arbeitswelt von Tobeworks

Alle Artikel

dvh, svh, lvh — warum 100vh auf Mobile kaputt ist und wie man es richtig macht

100vh funktioniert auf Mobile nicht so wie erwartet — die Browser-Chrome-Leiste macht alles kaputt. dvh, svh und lvh lösen das Problem. Was die neuen Viewport-Units bedeuten, wann man welche nimmt, und warum dvh der neue Standard sein sollte.

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.

Suchmaschinen sind tot

der größte Irrtum des Jahres 2026. Alle reden davon, dass Google am Ende ist. Die Zahlen erzählen eine andere Geschichte. Warum der 'SEO ist tot'-Hype für die meisten Unternehmen gefährlich ist.

Webdesign vs. Webentwicklung – was ist eigentlich der Unterschied?

Webdesign und Webentwicklung klingen nach dasselbe, sind aber zwei sehr verschiedene Disziplinen. Dieser Artikel erklärt den Unterschied – ohne Fachchinesisch.

Structured Data: Warum manche Google-Einträge größer aussehen als andere

Manche Websites nehmen in den Google-Suchergebnissen doppelt so viel Platz ein wie andere — mit aufgeklappten FAQ-Boxen, Sternebewertungen oder direkten Preisangaben. Was dahintersteckt, warum das für dein Business relevant ist, und was du dafür brauchst.

Case Study: So arbeite ich an digitalen Projekten

The Moon Records ist mein eigenes Label und ein Referenzprojekt für mein neues Produkt. Wie ich von der Identität über das Design System bis zur vollautomatischen Deployment-Pipeline vorgehe. Und warum meine Kunden genau das Gleiche bekommen.

30 WordPress-Plugins gekauft, Backdoor in alle gepflanzt — warum das jeden betrifft

Jemand hat 30+ WordPress-Plugins über Flippa gekauft und in alle eine Backdoor eingebaut. 8 Monate lang hat niemand etwas bemerkt. Was passiert ist, wie der Angriff funktioniert hat — und warum Plugin-Abhängigkeit ein strukturelles Problem ist.

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.

Warum ich 2026 (fast) keine WordPress-Seite mehr baue

Nach 20 Jahren WordPress ziehe ich einen Strich. Warum ich 2026 (fast) keine neuen WordPress-Seiten mehr baue – und was ich stattdessen empfehle. Persönlicher Erfahrungsbericht mit harten Zahlen und ehrlichen Alternativen.

Ich habe einen WordPress-Speed-Check gebaut — ohne Mail-Gate

Wie schnell ist deine WordPress-Seite wirklich? Ich habe ein kostenloses Tool gebaut, das in 15 Sekunden eine ehrliche Antwort gibt. Kein Account, kein Mail-Funnel, kein Fachchinesisch. Hier steht warum — und wie es technisch funktioniert.

Frameworks sind keine Strategie: Warum die meisten Tech-Diskussionen Zeitverschwendung sind

Angular oder React? Java oder Go? Monolith oder Microservices? Fast völlig irrelevant – solange du die falschen Fragen stellst. Warum Tech-Entscheidungen erst dann Sinn ergeben, wenn die Business-Logik klar ist.

AGENTS.md ist ein Anfang. Das OS-Repo ist die Antwort.

AGENTS.md löst ein echtes Problem, aber zu kurz gedacht. Mein OS-Repo-Prinzip geht weiter: Ein Repo, das das gesamte Projekt definiert, bevor die erste Zeile Code geschrieben wird. Design System, Deployment, Brand, Prompts — alles in Git, alles maschinenlesbar.

Warum Vibe Coding deinem Unternehmen schadet

Ein Kunde schickt eine Sprachnachricht und kündigt an, KI macht den Rest. Was danach passierte und warum Vibe Coding für Laien und Amateure nicht nur teuer, sondern brandgefährlich ist.

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?

MCP 2026: Von Anthropics Experiment zum Industriestandard

MCP wurde im November 2024 als kleines Open-Source-Experiment gestartet. 16 Monate später: 97 Millionen monatliche SDK-Downloads, 10.000+ Server, und alle großen KI-Anbieter an Bord. Was sich geändert hat – und was das für deine Projekte bedeutet.

KI-Bildgenerierung 2026: Was ist ein Modell, was ist eine App – und welches Tool ist wofür?

Midjourney, Flux, Nano Banana, Seedream, Riverflow – viele kennen die Namen, aber kaum jemand weiß, was davon ein Modell ist und was eine App. Eine ehrliche Erklärung für alle, die endlich durchblicken wollen.

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.

DSGVO-konformes Tracking ohne Consent-Banner: Was wirklich funktioniert

Cookie-Banner nerven, zerstören das UX und kosten dich bis zu 60 % deiner Analysedaten. Was 2026 wirklich funktioniert: Matomo cookieless, Server-Side Tracking und warum "Tracking ohne Consent" nur unter bestimmten Bedingungen klappt.

Update: KI im Webdesign: Dein umfassender Guide für 2026

Wie Du mit aktuellen KI-Tools Deine Webprojekte revolutionierst, Effizienz steigerst und dabei Kosten sparst.

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.

KI-Agents 2026: Vom Coding-Buddy zum autonomen Entwickler

Was wirklich funktioniert (und was nicht): Meine Real-World Erfahrungen mit Agents, MCP Servern und KI APIs

BEM: Schluss mit CSS-Chaos!

Warum BEM im KI-Zeitalter wichtiger denn je ist: Lerne die CSS-Namenskonvention, die deine Projekte wartbar macht und KI-Tools optimal steuert. Mit modernem CSS-Nesting, praktischen Beispielen und AI-Workflow-Tipps.

Barrierefreiheit: Warum automatische Tools nicht reichen

Automatisierte Tests finden nur 30% der Probleme. Hier ist mein kompletter Workflow für Barrierefreiheits-Audits: Von axe-core über Screenreader bis zur finalen Priorisierung.

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.

Warum der Software-Boom bisher ausbleibt - trotz KI-Revolution

Entwickler sollten durch KI 10x produktiver sein. Die Realität? Flache Kurven, keine neuen Projekte, und ich fetze mich mit Claude um Code. Was läuft hier schief?

Von der Browser-Console zum Userscript: Wie ich SoundCloud automatisierte

31 Felder manuell ausfüllen? Nicht mit mir. Die Geschichte eines Userscripts, das mit Playwright scheiterte, von React ausgetrickst wurde und am Ende doch funktionierte.

WordPress + Headless CMS: Der hybride Ansatz im Professional WordPress

Die Ära der reinen Headless-CMS ist vorbei. Entdecke den hybriden Ansatz, der WordPress-Templates mit headless APIs kombiniert – für 6x bessere Performance bei 40% niedrigeren Kosten als Pure Headless.

Vue Vapor Mode: Wenn deine App plötzlich 88% leichter wird

Vue Vapor Mode eliminiert den Virtual DOM und macht Vue so schnell wie Solid.js. 88% kleinere Bundles, doppelte Rendering-Speed - aber ist es schon production-ready?

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.

Plesk Mail-Fehler: User unknown in virtual mailbox table lösen

Wenn dein Plesk-Server zu schlau ist: Warum E-Mails zwischen Domains fehlschlagen und wie du den "User unknown in virtual mailbox table" Fehler in 60 Sekunden löst.

Webflow Effekte mit nativem CSS und JS

Typische Webflow Scrplling Effekte mit nativem Code umsetzen

14 Landing Page Regeln für explodierende Konversionsraten

Diese 14 bewährten Strategien verwandeln deine Landing Page von einem digitalen Prospekt in eine Konversions-Maschine. Inklusive Barrierefreiheit-Tipps für 2025.

Focus Traps: Barrierefreiheit im Web umsetzen

Ein praktischer Leitfaden zur Implementierung von Focus Traps in Vue-Anwendungen für bessere Tastatur-Navigation und Web-Barrierefreiheit.

Der 100.000 €-Fehler, den 96% aller Websites machen

Ab Juni 2025 wird Barrierefreiheit zur Pflicht. 96% der Websites sind nicht bereit. Ein Fehler, der bis zu 100.000 € kosten kann. Bist du betroffen?

Code Invaders: Wie ein spontanes Easter Egg zum vollwertigen Retro-Game wurde

Was passiert, wenn ein Webentwickler spontan Lust auf ein Easter Egg hat? Ein komplettes Space Invaders-Game mit Bugs als Gegnern und jeder Menge 80er-Jahre-Nostalgie.

Bitcoin-Stabilität 2021-2025: Der ultimative Reality-Check

4 Jahre, 100% Uptime, zehnfache Hash Rate-Steigerung: Wie Bitcoin vom Experiment zur robusten Finanzinfrastruktur wurde. Die schockierenden Zahlen und Fakten.

MCP: Die KI-Revolution mit Licht und Schatten

Das Model Context Protocol (MCP) revolutioniert KI-Integrationen: Statt nur über Software zu sprechen, bedient die KI sie direkt. Von Blender 3D bis Powerpoint - aber Vorsicht vor den Sicherheitsrisiken!

BEM: Schluss mit CSS-Chaos!

Warum BEM im KI-Zeitalter wichtiger denn je ist: Lerne die CSS-Namenskonvention, die deine Projekte wartbar macht und KI-Tools optimal steuert. Mit modernem CSS-Nesting, praktischen Beispielen und AI-Workflow-Tipps.

Mein Tech-Stack 2025: Die ungefilterte Wahrheit

Ein ehrlicher Einblick in die Tools und Technologien, die mein Business täglich antreiben.

2025: Was von der 'normalen' Webentwicklung übrig bleibt
Von 0 auf 100x Woocommerce-Produkte in 30 Sekunden

Wie ich mit KI und PHP einen WooCommerce Shop automatisch mit Dummy-Produkten fülle und dir dabei Zeit spare.

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.

7 Schritte zur kosteneffizienten Webentwicklung

Wie Du durch strukturierte Planung und nutzerzentrierte Entwicklung bis zu 40% Deiner Projektkosten einsparen kannst.

Warum deine Seite bei Google unsichtbar ist

Wie ein kleiner HTML-Tag deine Website vor dem digitalen Nichts bewahrt und warum Google manchmal einfach wegsieht

90% aller Websites verschwenden Bandbreite mit falschen Bildformaten

Eine praxisnahe Analyse der gängigsten Bildformate im Web und wie du mit modernen Formaten Performance und SEO optimierst

Der Hyperlink - die größte Ironie der Web-Geschichte

Wie Social Media seinen eigenen Urvater verrät - die paradoxe Geschichte des Hyperlinks

Jamstack Serie Teil 4 - Headless CMS

Heute wieder kopflos unterwegs

Jamstack Serie Teil 3 - APIs

Die heimlichen Superhelden des Web

Jamstack Serie Teil 2

Wenn JavaScript die Lead-Gitarre spielt

Jamstack Serie Teil 1: Zurück in die Zukunft...

... und warum Fertigpizza einfach eklig ist

Warum SASS am Ende ist

Natives CSS wird endlich erwachsen und könnte einige Präprozessoren endlich obsolet machen

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 die Mails von deiner Webseite im Spamfilter landen.
Wordpress und Sicherheit

Hätte ich das über WordPress mal früher gewusst,... ich hätte mir einiges an Arbeit erspart.

Warum eine schnelle Landingpage heute Standard sein sollte

Warum eine schnelle Webseite heute kein Luxus, sondern Standard sein sollte und was du sofort tun kannst, um deine Landingpage deutlich zu beschleunige

Vermeide die Cookie Consent Fehler Falle

So prüfst und optimierst du deine Cookie-Einwilligung

Flatfile CMS exposed. Grav vs. WordPress: Das Duell

Warum ein Flat File CMS die richtige Entscheidung sein könnte

Was ist eigentlich... “Full Stack Developer”?
Was ist eigentlich... “Web Components”?
Was ist eigentlich... “PWA”?

PWA in der Web-Entwicklung

Was ist eigentlich... “Treeshaking”?

Treesking in der Web Entwicklung

Meine erste KI-basierte Web App

Einen Ki-basieten Märchengenerator und eine Reise ins Unbekannte

Woocommerce - (Nicht nur) Versandklassen schnell übersetzen

Schnelle Lösung für das manuelle Übersetzen von Strings (nicht nur) mit Polylang

Worauf es bei modernen Webseiten ankommt

und was die Vorteile von handgemachten Webseiten im Vergleich zu Wordpress und Co sind

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