Web-Apps und Online-Tools, die das Leben eines Designers erleichtern

Webdesign und -entwicklung umfassen eine Vielzahl von Bereichen – von der Bildbearbeitung bis hin zur Programmierung. Die Anschaffung der Tools, die für alle Eventualitäten benötigt werden, kann zu einer kostspieligen Investition werden. Es gibt jedoch eine große Auswahl an kostenlosen Webentwicklungs-Tools, die du kostenlos herunterladen oder online nutzen kannst – von Bildbearbeitungsprogrammen bis hin zu integrierten Entwicklungsanwendungen, die dir bei der Erstellung und Gestaltung einer Website helfen. Hier sind sechs kostenlose Online-Tools, die einen Blick wert sind und deine Entwicklungsumgebung ergänzen können.

Spottdrossel

Mockingbird ist ein kostenloses webbasiertes Tool zum Erstellen und Teilen von Wireframes. Es hat eine einfache, benutzerfreundliche Oberfläche, mit der du schnell und einfach Mockups einer Website erstellen kannst. Du kannst die Elemente der Benutzeroberfläche einfach per Drag & Drop verschieben, neu anordnen und die Größe ändern, um eine perfekt ausbalancierte Seite zu erstellen. Füge so viele Seiten hinzu, wie du brauchst, und verbinde sie dann miteinander, um sie mit Kollegen, Kunden oder Freunden zu teilen und ihnen zu zeigen, wie sie auf der Website navigieren können. Sobald das Mockup fertig ist, wird ein Link generiert, den die Nutzer/innen mit anderen teilen können, oder es wird ein eingebetteter Code für die eigene Website erstellt. Mockingbird ist ein leichtgewichtiges Tool mit minimalen Funktionen (d.h. es gibt keine Vorlagen zur Orientierung), aber das macht es einfach und schnell zu benutzen.

Kuler

Kuler wurde von Adobe entwickelt und ist eine kostenlose Webanwendung zur Inspiration und zum Experimentieren mit Farbthemen. Die Nutzer/innen können Farben auswählen, verändern, erstellen, mischen und anpassen und ihre eigenen Farbfelder mit RGB- und HEX-Codes erstellen. Du kannst deine Farbmuster speichern oder Themen aus der Kuler-Community herunterladen. Außerdem können die Nutzer/innen eine bestimmte Farbpalette auf der Grundlage eines Bildes oder einer Illustration erstellen, die sie auf Flickr ausgewählt oder hochgeladen haben. Kuler ist nicht nur in die Adobe Creative Suite integriert, sondern auch als separater Dienst im Browser zugänglich und über eine kostenlose App, Adobe AIR, verfügbar.

Pixlr

Pixlr ist eine kostenlose Flash-basierte Webanwendung für mobile und Desktop-Bildwerkzeuge und Dienstprogramme. Da Pixlr auf Flash basiert, bietet es erhebliche Vorteile gegenüber einer HTLM5-Basis. Wenn die Nutzer/innen Flash 10 oder höher haben, sind die mit Pixlr verwendeten Bilder weder für das Unternehmen noch für andere Personen zugänglich. Derzeit können Nutzer/innen aus drei Anwendungen der Pixlr-Suite wählen: Pixlr Editor (fortgeschritten), Pixlr Express (effizient) und Pixlr-o-matic (spielerisch).

Gimp

In der Welt der Webentwicklung ist es immer notwendig, sich mit Bildbearbeitung zu beschäftigen. GIMP ist eine Open-Source-Grafikbearbeitungssoftware, deren wichtigster Vergleich Adobe Photoshop ist. Obwohl es technisch gesehen keine Webanwendung ist, wird es als Open Source entwickelt, d. h. es ist völlig kostenlos und bietet gleichzeitig einige der fortschrittlichen Eigenschaften der vergleichbaren kostenpflichtigen Software. Manche würden behaupten, dass Adobe Photoshop eine teure Software ist, die nicht so effizient ist wie Gimp, wenn es um einfache grafische Bearbeitung geht. Im Vergleich dazu hat Adobe eine unübersichtliche Arbeitsumgebung für fortgeschrittene Benutzer, während die Benutzeroberfläche von Gimp viel reduzierter ist. Außerdem ist Gimp ein superschnelles Programm und braucht weniger Platz als Adobe.

SpritePad

SpritePad ist eine kostenlose Web-Anwendung, die die Erstellung von CSS-Sprites vereinfacht. Direkt in den Browsern ziehen die Nutzer/innen einfach Bilder auf die Leinwand und beginnen mit der Erstellung einzigartiger CSS-Sprites. Jedes Mal, wenn ein Bild hinzugefügt wird, wird ein CSS-Code-Schnipsel erstellt; die Nutzer/innen können Bilder verschieben, Optionen ändern und der CSS-Stil wird automatisch aktualisiert. Mit der integrierten Funktion zur automatischen Ausrichtung kannst du Zeit und Platz sparen: Mit einem Klick werden alle Bilder automatisch ausgerichtet.

Favicon und Apple Touch Icon Generator
Neu auf den Markt gebracht! Unser eigenes Tool von InMotion Hosting ist ein Favicon-Generator, der auch das iTouch-Webicon erstellt. Jetzt kannst du deine Website auf jedem ipad, itouch oder iphone mit einem eigenen Icon als Lesezeichen anzeigen lassen!