7 geniale Werkzeuge fürs Webdesign

Die professionellen Webdesigner unter uns sehen sich stets einer unüberschaubaren Menge von Tools und Anwendungen gegenüber, die alle versprechen, das Leben viel einfacher zu machen. Deshalb habe ich hier mal die besten Tools für Design, Aufbau und Wartung von Webseiten zusammengestellt, die dazu noch gratis sind – besonders praktisch, wenn man nur begrenzte Mittel zur Verfügung hat.

JS Fiddle
JS Fiddle ist ideal zum ersten Ausprobieren und Demonstrieren neuer Ideen und Konzepte und wird von vielen Frontend-Webentwicklern verwendet. Neue Accounts sind gratis und es dauert nur Sekunden, bis losgelegt werden kann.

Forrst
Forrst ist eine von Kyle Bragger gegründete Online-Commnity für Webdesigner und –entwickler mit über 20000 Mitgliedern. Hier kannst du  Artikel, Snapshots und Code hochladen und von der Community kommentieren lassen. Die Mitgliedschaft steht nur Eingeladenen offen — so ist sichergestellt, dass nur wahre Profis dir antworten. Eine exzellente Webseite für alle, die auf der Suche nach Inspiration sind oder ihre Ideen begutachten lassen wollen.

Five Second Test
Five Second Test ist eine weitere Webseite, wo andere dir Kommentare und Anregungen für dein neuestes Projekt geben können. Man kann dort eigene Tests posten, und so herausfinden, was andere so von der Benutzerfreundlichkeit deiner Webseite oder Webanwendung halten.Oder selber Testfragen beantworten und damit Karmapunkte verdienen.

DB desgnr
Wer gerade ein neues Projekt beginnt und sich Gedanken über den optimalen Datenbankaufbau macht, findet in DB desgnr ein hilfreiches Werkzeug. Mit Dbdesgnr kann du eine MySQL-Datenbankstruktur entwerfen und sie Anderen zugänglich machen. Ein sehr mächtiges Werkzeug, das auch den Export von SQL-Code zur Verwendung in phpMyAdmin unterstützt. Es ist als Google-App implementiert und umsonst – Besitzer eines Google Accounts müssen sich nicht einmal registrieren.

960 Grid system
Das durch sein Gitternetzkonzept bekanntgewordene 960 Grid System ist immer noch erste Wahl für viele Webdesigner. Was es herausragend macht, ist seine Flexibilität als Framework. Egal ob Gitternetzdarstellung,  Photoshop-Layout oder das vollständige Grid-CSS, du kannst so viel oder so wenig der gesamten Framework-Funktionalität benutzen wie du willst. Also ein für jeden Webdesigner oder -entwickler wertvolles Stück Ausrüstung, und auch noch umsonst.

Font Squirrel
Webfonts haben im letzten Jahr in der Szene für Bewegung gesorgt. Die Einführung der @font-face-Regel in CSS hat es ermöglicht, eigene Schriften in Webseiten zu integrieren, und das browser- und systemunabhängig. Mit Font Squirrel kannst du eigene @font-face-Pakete erstellen und hast außerdem freie Auswahl aus den dort vorhandenen  Fonts. Das große Spektrum verfügbarer Schriftarten und die Vorschaufunktion machen dies zu einem wichtigen Hilfsmittel beim Webdesign.

Go mockingbird
Go mockingbird ist eine Online-Anwendung für das gitternetzgestützte Layout von  Webseiten und Webanwendungen. Damit lassen sich Gitternetze und Sitemaps schnell und einfach entwickeln. Du kannst dich dort für einen Gratis-Account registrieren, deine Entwürfe online abspeichern und als PDF oder PNG exportieren.