Was ich in über 20 Jahren Entwicklung gelernt habe und wie ich moderne KI-Werkzeuge tatsächlich einsetze – nachvollziehbar erklärt, mit Beispielen aus echten Projekten.
CSS, Barrierefreiheit und Oberflächen, die auf jedem Gerät funktionieren.
Zwischen zwei Seiten blitzt es kurz weiß auf, und genau dafür haben Projekte jahrelang eine Single Page Application gebaut. Inzwischen animiert der Browser den Wechsel selbst – drei Zeilen CSS, kein Router, kein Framework, und dort, wo es niemand versteht, passiert einfach nichts.
Die Stelle, an der ein Element in seiner Liste steht, konnte CSS bisher nur treffen, nicht ausrechnen. Zwei neue Funktionen liefern sie als Zahl – und machen gestaffelte Listen von :nth-child-Ketten und --i-Attributen im Markup unabhängig.
Längen lassen sich seit Jahren fließend berechnen, alles andere springt am Breakpoint: Deckkraft, Drehung, ein Mischungsverhältnis. Der Grund ist eine einzelne Regel in calc() – und es gibt inzwischen zwei Wege daran vorbei.
Auf einem aufgeklappten Foldable stimmen alle Breakpoints und das Layout ist trotzdem falsch, weil eine Spalte über dem Knick liegt. Zwei CSS-Abfragen und ein paar env()-Variablen lösen das – wenn man den Fallstrick kennt, der ein Raster ohne Fehlermeldung zusammenklappen lässt.
Sobald Kunden ihre eigene Markenfarbe setzen dürfen, wird der Textkontrast zum Ratespiel. Seit contrast-color() in allen Browsern angekommen ist, übernimmt diese Entscheidung das Stylesheet – inklusive der Stellen, an denen die Automatik an ihre Grenzen kommt.
Ob Performance-Bremse, gewachsener Altbestand oder eine konkrete KI-Idee: Schreib mir kurz, worum es geht. Ich schaue es mir an und sage dir ehrlich, was sich lohnt.