Code, der läuft.
Hartnäckige Bugs, Code-Anpassungen und Debugging – hier erkläre ich, wie ich vorgehe und was du erwarten kannst.
Den Fehler finden – und wirklich verstehen, warum.
Bugs sind frustrierend – besonders dann, wenn man nicht versteht, warum etwas funktioniert hat, und jetzt plötzlich nicht mehr. Debugging ist kein Raten: es ist ein systematischer Prozess, bei dem man die Ursache einkreist, statt blind Varianten auszuprobieren. Genau das unterscheidet eine nachhaltige Lösung von einem Workaround, der beim nächsten Update wieder bricht.
Ich arbeite im Bereich HTML, CSS und JavaScript – also dem klassischen Frontend-Stack, der hinter fast jeder Website steckt. Typische Probleme, die ich löse: Layouts, die auf manchen Bildschirmen brechen, Animationen die haken, Formulare die nicht senden, JavaScript-Fehler in der Browser-Konsole, oder eine Seite, die nach einem Update plötzlich anders aussieht als erwartet.
Wie gehe ich vor?
Zuerst das Problem reproduzieren: Unter welchen Bedingungen tritt es auf? Immer? Nur auf bestimmten Browsern? Nur auf Mobilgeräten? Dann isolieren: den kleinsten Code-Ausschnitt finden, der das Problem zeigt. Dann verstehen: warum verhält sich der Code so? Was erwartet der Browser, was bekommt er, was gibt er aus? Erst dann kommt die Lösung – und die wird erklärt, nicht nur eingespielt.
/* ❌ Problem */
.hero-text { position: absolute; left: 320px; }
/* ✓ Fix: relativ zur Viewport-Breite denken */
.hero-text {
position: relative;
max-width: min(520px, 90vw);
margin: 0 auto;
}
Bei JavaScript-Fehlern ist die Browser-Konsole (F12 → Console) der erste Anlaufpunkt. Fehlermeldungen wie TypeError: Cannot read properties of null sagen oft genau, was fehlt – wenn man weiß, wie man sie liest. Ich zeige dir, wie du selbst Fehler in der Konsole einordnest und was die häufigsten Meldungen bedeuten.
Manchmal ist das Problem kein Fehler im Code, sondern ein Caching-Problem: der Browser zeigt eine alte Version der Seite, weil er die CSS-Datei aus dem Cache lädt. Manchmal liegt es an einem Leerzeichen zu viel oder einer fehlenden schließenden Klammer. Manchmal steckt der Bug in einer externen Bibliothek, die in einer neuen Version sich anders verhält. Ich helfe dir, das auseinanderzuhalten.
- Layout-Bugs in CSS – Flexbox, Grid, Positionierung, responsive Brüche
- JavaScript-Fehler in der Konsole lokalisieren und beheben
- Formular-Probleme: Validierung, Senden, Fehleranzeige
- Verhalten in verschiedenen Browsern prüfen und angleichen
- Caching-Probleme identifizieren und Workarounds erklären
- Code-Review: bestehenden Code lesen, erklären und verbessern