Einführung in 10 Online-Entwicklungstools für Webdesign

1. Online-Textgenerator

BlindTextGenerator: Für Designer ist dies ein einfaches und benutzerfreundliches Tool zur Texterstellung. Es enthält viele Schriftarten und Sie können die Zeichengröße, Anzahl, den Stil, die Anzahl und Ausrichtung der Absätze usw. festlegen. Sie können auch die Größe der Textblöcke einfach und genau anpassen.

Weitere Informationen: http://www.blindtextgenerator.com/lorem-ipsum

Fillerati: Ein Textgenerator mit ausgeprägtem Sinn für Design und modernem Stil.

Weitere Informationen: http://www.fillerati.com/

2. CSS-Generator

Randradius: Viel einfacher geht es nicht. Gehen Sie auf die Website und geben Sie einen Wert in das Eingabefeld an einer Ecke des Rechtecks ​​ein, um den CSS-Code für das abgerundete Rechteck zu generieren.

Weitere Details: http://border-radius.com/

CSS3-Gradientengenerator: Ein sehr benutzerfreundlicher CSS-Gradientencodegenerator, der auch einfach zu verwenden ist.

Weitere Informationen: http://gradients.glrzad.com/

Ultimativer CSS-Gradientengenerator: Wenn Sie mit Photoshop vertraut sind, werden Sie sich mit diesem CSS-Gradientencodegenerator sehr wohl fühlen. Natürlich sind seine Funktionen auch sehr leistungsstark.

Weitere Details: http://www.colorzilla.com/gradient-editor/

CSS Tricks Button Maker: Ein CSS-Codegenerator für Buttons. Kein Zweifel, er ist so praktisch!

Sie können die Größe, Farbe, den Rahmenradius, den Farbverlauf, den Hintergrund, den Rahmen, den Hover und den aktiven Status der Schaltfläche frei definieren. Klicken Sie nach dem Einrichten auf Ihre Schaltfläche und kopieren Sie den CSS-Code.

Details: http://css-tricks.com/examples/ButtonMaker/

3. Satzwerkzeuge

Baseline-CSS: Dies ist ein sehr leistungsfähiges Tool für Websites mit viel Text.

Weitere Details: http://baselinecss.com/

TypeTester: Ein Tool, mit dem Sie einfach und schnell die beste Typografie testen können! Bietet drei Schemata zum Vergleich und eine Liste sicherer Schriftarten. Wenn Sie das perfekte Setup gefunden haben, können Sie sich auch das entsprechende CSS holen.

Weitere Informationen: http://www.typetester.org/

4. Andere Werkzeuge

Favicon.cc: Dies ist ein Tool zum Generieren kleiner Symbole, die normalerweise in der Statusleiste oder im Browsertab angezeigt werden (zur Identifizierung einer Website). Laden Sie nach Abschluss einfach die ICO-Datei herunter und ziehen Sie sie in das Stammverzeichnis Ihres Webservers. Sehr schnell und bequem.

Details: http://www.favicon.cc/

JSONLint: Ein einfacher und benutzerfreundlicher JSON-Validator. Kopieren Sie einfach den Code und fügen Sie ihn in den Textbereich ein. Es unterstützt sogar die Verifizierung durch einfache Eingabe einer URL (kein Code).

Details: http://www.jsonlint.com/