StartseiteTechnologieTailwind CSS

Tailwind CSS im Einsatz

Tailwind CSS v4 mit CSS-first-Konfiguration: Tokens im @theme-Block, keine tailwind.config.js. Die Skala ist geschlossen, damit ein Wert außerhalb der Skala nicht kompiliert, statt still danebenzuliegen.

Full-Stack-Entwicklung

Screencast · Tailwind CSS in einer laufenden Anwendung
Ein Ausschnitt aus einer Anwendung, die in Produktion läuft.

Belegt durch

Zu Tailwind CSS gibt es hier keine Fallstudie. Es läuft in einer Anwendung, die nicht öffentlich beschrieben ist.

Was das konkret heißt

Die Skala ist geschlossen: Abstände, Schriftgrößen und Farben kommen aus dem @theme-Block, ein Wert außerhalb davon kompiliert nicht. Zwei Themes laufen über dieselben Tokens statt über zwei Stylesheets. Ein Prüfskript vergleicht jede benutzte Abstandsklasse mit der Skala, weil Tailwind v4 eine unbekannte Klasse sonst in gar keine Regel übersetzt.

  • Tailwind CSS v4 mit CSS Layers

  • Custom Design Tokens & Themes

  • Responsive & Mobile-First Design

  • Dark Mode Implementierung

Screencast · Tailwind CSS in einem laufenden Projekt
Im Betrieb, aufgezeichnet in einem laufenden Projekt.
Screenshot · die Tailwind CSS-Einstellung, die man erst nach dem ersten Deploy kennt
Die Einstellung, die man erst nach dem ersten Deploy kennt.
Screenshot · der Fehler, den Tailwind CSS beim ersten Mal produziert
Der Fehler beim ersten Mal — und was ihn behebt.

Weitere Technologien

Kontakt

Eine halbe Minute, dann weißt du mehr.

Eine halbe Minute dazu, woran ich arbeite und wie. Bleibt eine Frage offen, schreib mir — Antwort innerhalb eines Werktags.