Webdesign

Webdesign-Tools für WordPress

Nützliche und hilfreiche Tools, die das Webdesign verbessern und beim Erstellen von schönen und modernen Websites sehr unterstützend sein können.

Dazu gehören Tools und Websites für folgende Bereiche:

  • Layout & Design
  • Typografie
  • Farben
    • Google webfonts helper

      Google Webfonts Helper

      Der Google Webfonts Helper ist ein kostenloses Online-Tool, das dir hilft, Google Fonts lokal auf deinem Server zu hosten, für DSGVO-Konformität und um Ladezeiten zu optimieren. Zum Download gibt’s alle Schriftdateien und fertige CSS-Snippets.

      • Zum Tool
      • Video
      • Colorspace

        ColorSpace

        ColorSpace ist ein kostenloses Tool, das aus einer eingegebenen Farbe automatisch harmonische Farbpaletten und Verläufe generiert. Ein simples jedoch sehr hilfreiches Tool für Webdesigner.

        • Zum Tool
        • Gradient generator

          Gradient Generator

          Der Gradient Generator von Josh Comeau ist ein phänomenales Tool zum Erstellen von schönen CSS Farbübergängen. Die Farbübergänge strahlen förmlich im Gegensatz zu regulären CSS Color Gradients. 

          • Zum Tool
          • Font converter

            Font Converter

            Der Name ist Programm, mit dem Font Converter lasen sich Webfonts in verschiedene Formate konvertieren. Ich nutze das Tool z.B. um große .ttf Dateien in .woff und .woff2 umwandeln zu können.

            • Zum Tool
            • Wp templater

              WP Templater

              Die Block Templates von WP Templater sind meine eigene Kollektion von Design Patterns für Kadence. Sie sind entwickelt für Responsive Webdesign und schnelle Ladezeiten. Ich nutze sie als Standard für jede Website.

              • Zur Website
              • CSS Clamp Function Rechner

                Clamp Function Rechner

                Der CSS Clamp-Rechner ist ein Tool zum Erstellen responsiver Websites. Er berechnet die optimalen Werte für die Clamp-Function, für eine gleichmäßige Typografie auf verschiedenen Bildschirmgrößen.

                • Zum Tool