Was das Tool macht
Es wandelt eine minimale und maximale Größe samt Viewport-Bereich in einen CSS-clamp()-Wert um, zeigt, wie das Ergebnis bei gängigen Bildschirmbreiten aussieht, und exportiert es als reines CSS, Custom Property oder Tailwind-Klasse. Der Modus Typo-Skala erstellt eine komplette modulare Skala, der Abstandsmodus macht dasselbe für Padding, Margin und Gap.
Für wen es gedacht ist
Für Frontend-Entwickler, die einen verlässlichen clamp()-Wert wollen, ohne eine Tabellenkalkulation zu öffnen, für Designer, die responsive Typo-Spezifikationen übergeben, und für Teams, die Designsysteme mit fluiden Tokens bauen. Die Erklärungen auf jeder Seite sind so geschrieben, dass Einsteiger die Mathematik nachvollziehen können, während Erfahrene einfach das Ergebnis kopieren und weiterarbeiten.
Wie es gebaut ist
Die Website wird mit Next.js statisch generiert und läuft vollständig in deinem Browser. Es gibt kein Konto, keine Datenbank und keine serverseitige Verarbeitung; deine Werte stehen nur in der URL. Die Mathematik steckt in einem kleinen, per Unit-Tests geprüften TypeScript-Modul, und die Website gibt es in sieben Sprachen.
Feedback
FluidClamp wird zusammen mit anderen kostenlosen Web-Tools wie ContrastCheck und dem Seitenverhältnis-Rechner gepflegt. Wenn dir ein Fehler oder eine holprige Übersetzung auffällt, melde es bitte über das GitHub-Repository des Projekts.