Du möchten wissen, ob deine Webseite responsive ist? Oder schnell testen welche Schriftarten gut zusammenpassen? Hierfür gibt es unzählige Tools und Online Generatoren, die die tägliche Arbeit von Webworkern vereinfachen. Einige wirklich nützliche und kostenlose Webdesign Tools möchte ich dir heute vorstellen.
ColorScheme Designer
Ein nützliches Webdesign Tool zur Farbauswahl und zum Erstellen von Farbpaletten
Fontello
Mit dem Icon Font Generator kannst du aus verschiedenen Iconfont-Bibliotheken deine eigene Sammlung generieren. Diese lässt sich anschließend downloaden und für das eigene Webprojekt nutzen.
Aktuell bietet Fontello 14 verschiedene Iconfonts an, darunter z.B. Font Awesome, Entypo und Linecons.
Am I Responsive?
Mit diesem Online Tool kannst du schnell testen, ob eine Webseite responsive ist und erhältst eine stylische Vorschau.
RealFaviconGenerator
Das Tool generiert nicht nur ein Standard Favicon, sondern liefert auch gleich noch die Favicons für mobile Endgeräte.
Flexy Boxes – CSS flexbox playground
Das Tool Flexy Boxes ist nicht nur eine CSS Spielwiese. Deine Flexbox-Einstellungen kannst du dir als Code ausgeben lassen und dann einfach kopieren.
Flexbox.help
Flexbox help ist ein weiteres Tool für das Testen und Erstellen von flexiblen Boxen.
Griddy
Mit Griddy kannst du dich spielerisch in die CSS Technik von Grid Layouts einarbeiten. Natürlich kannst du den Code auch hier kopieren und für den Webseite nutzen.