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, fluide 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.
Wie die Tools entstanden sind
Gebaut habe ich sie mit KI als Werkzeug – so, wie ich auch sonst mit modernen Frameworks und Libraries arbeite. Den Unterschied macht nicht, wer die Zeilen tippt, sondern wer weiss, welches Problem gelöst werden muss und woran man erkennt, dass die Lösung wirklich stimmt. Jedes Tool ist an einer echten Anforderung aus meiner eigenen Arbeit entstanden, getestet und so lange verfeinert, bis es im Alltag tatsächlich trägt.
Meine CSS-Tool-Sammlung
Das hier ist kein „Produkt» im klassischen Sinn, sondern mein persönliches Arbeits-Set, das über die Zeit gewachsen ist – von den ersten paar Generatoren auf inzwischen 18 Tools.
Eine Sammlung für alles, was ich im Alltag ständig brauche, gruppiert nach Einsatzbereich:
Fluid Typography & Spacing
- CSS Clamp Generator
- Infinite CSS Clamp Generator
- Clamp Spacing Generator
- Clamp Reverse Analyzer
- CSS Clamp Visualizer
- Fluid Type Scale Generator
Farben
Layout & Effekte
- CSS Grid Generator
- Spacing Scale Generator
- Box-Shadow Generator
- Cubic-Bezier Generator
- Aspect-Ratio Rechner
Code-Utilities
Design-Systeme
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.
Genau diese Sorgfalt steckt auch in jedem Kundenprojekt, das ich umsetze. Wenn du eine Website brauchst, die genauso durchdacht ist wie diese Tools, melde dich bei mir – ich freue mich auf dein Projekt.