Meine CSS-Tools für den täglichen Workflow
Eine Sammlung von CSS-Tools, entstanden aus meinem täglichen Workflow, gebaut, um wiederkehrende Aufgaben schneller und konsistenter zu lösen.
Warum ich diese Tools gebaut habe
Ich arbeite täglich mit CSS – Typografie, Spacing, Design-Systeme, fluiden Layouts und allem, was dazugehört.
Und dabei bin ich immer wieder über dasselbe Problem gestolpert: Ich habe ständig dieselben Dinge berechnet, Werte getestet oder nach passenden Tools gesucht.
Clamp-Werte, Typografie-Skalen, Farben, Design Tokens … das sind keine Spezialfälle, sondern Dinge, die in fast jedem Projekt vorkommen.
Irgendwann war klar:
Ich will das nicht jedes Mal neu zusammensuchen. Ich will es direkt in meinem Workflow haben.
Also habe ich mir genau diese Tools selbst gebaut. Ja, mit KI-Unterstützung, aber genau auf meine Probleme und meine Arbeit angepasst.
Meine CSS-Tool-Sammlung
Das hier ist kein „Produkt“ im klassischen Sinn, sondern einfach mein persönliches Arbeits-Set, das über die Zeit entstanden ist.
Eine Sammlung für alles, was ich im Alltag ständig brauche:
- CSS Clamp Generator
- Infinite CSS Clamp Generator
- Clamp Spacing Generator
- Clamp Reverse Analyzer
- CSS Clamp Visualizer
- Fluid Type Scale Generator
- CSS Color Converter
- OKLCH Color System Tool
- CSS One-Line Formatter
- Spacing Scale Generator
- Design Token Generator
Die Tools sind entstanden, weil ich sie gebraucht habe, nicht weil ich sie geplant habe.
Wenn sie auch anderen helfen, schneller mit modernen CSS-Workflows zu arbeiten, ist das ein schöner Nebeneffekt.
Was als persönliches Set begonnen hat, ist mittlerweile eine kleine Sammlung geworden, die auch für andere Entwickler nützlich sein kann.