3 supercoole Tools für Webdesigner

Hier stelle ich ein paar sehr nützliche Websites / Tools vor, die das Leben eines Webdesigners erleichtern können. Ich nutze sie oft.
Die erzeugten Codes können direkt kopiert und für eigene Projekte verwendet werden. Es ist keine Anmeldung erforderlich.

Weitere hilfreiche Links findest Du hier: Empfehlenswerte Websites rund um Webdesign & Co.

1. Farbverläufe / Gradients erzeugen

Der Online Gradient Generator erzeugt nahtlose Verläufe aus zwei oder mehr Farben – nützlich für Hintergründe, Banner und Schaltflächen.
Es gibt 4 Arten von Farbverläufen, die hier erzeugt werden können: linear, radial, elliptisch, konisch (eckig).
Der Code kann im CSS-, RGBA-, HEX-, Canvas-, SVG-, SwiftUI- und Android-XML-Format generiert und direkt herunterladen werden.

Online Gradient Generator

Alternative: CSS Gradient

2. Bilder auf Formen beschneiden

Mit der CSS-Eigenschaft clip-path kann man komplexe Formen in CSS erstellen, indem man damit ein Element auf eine Grundform (Kreis, Ellipse, Polygon oder Einschub) oder auf eine SVG-Quelle beschneidet.
CSS-Animationen und Übergänge sind mit zwei oder mehr Clip-Pfad-Formen mit der gleichen Anzahl von Punkten möglich.

CSS clip-path maker

3. Variable Schriftgrößen erstellen

Mit diesem Tool lassen sich Schriftgrößen erzeugen, die sich der Bildschirmgröße anpassen – ohne zu klein oder zu groß zu werden.
Das war bisher schwierig. Mit der CSS-Eigenschaft clamp ist es nun möglich, einen minimalen, einen idealen und einen maximalen Wert zu bestimmen.

Fluid Type Scale Calculator

27. März 2023

Kategorie/n: Tipps und Tricks: Problemlöser & Codeschnipsel