50 superpraktische Tools für Webdesigner

Webdesigner zu sein ist nicht einfach. Sie müssen nicht nur Design und Architektur berücksichtigen, sondern auch auf verschiedene kleine Details achten. Die Arbeit eines Designers ist mit verschiedenen Problemen verbunden. Sie benötigen eine Reihe äußerst praktischer Tools, die Ihnen bei der Lösung verschiedener Probleme helfen, die Zeit und Energie kosten. Dieser Artikel stellt 50 sehr leistungsstarke Tools vor, von denen Sie einige großartig finden werden. Dies ist der erste Teil.

Startliste

Eine Checkliste für den Vorstart einer Site mit 28 voreingestellten zu prüfenden Elementen, die auch angepasst werden können. Ähnliche Tools: Die ultimative Checkliste für den Website-Start und Die ultimative Checkliste vor dem Website-Start.

Pencil-Projekt: Skizzieren und Prototyping mit Firefox

Ein Open-Source-GUI-Prototyping-Tool.

Zootool

Ein sehr schönes Lesezeichen-Tool, mit dem Sie Ihre gesammelten Materialien, Bilder, Dokumente, Links, Videos usw. online organisieren können.

Prallen

Geben Sie eine Site-Adresse ein und das Programm macht einen Screenshot der Site. Sie können ihn dann mit Anmerkungen und Kommentaren versehen und ihn mit Freunden teilen. Perfekt, um das Design einer Site online mit Ihren Kunden zu besprechen.

Ninite Batch-Installationsprogramm

Diese Site kann eine Menge kostenloser beliebter Software (die besten Versionen) zusammenstellen und sofort auf Ihrem Computer installieren. Unterstützt werden Windows 7, Vista und XP.

Supportdetails (dringend empfohlen)

Wenn Sie möchten, dass Ihr Benutzer seine Browserumgebung angibt, z. B. Flash-Version, Betriebssystem, Bildschirmauflösung, Cookies, JavaScript-Status usw., können Sie ihn auffordern, diese Site zu besuchen. Diese Site erkennt diese Inhalte möglicherweise automatisch und ermöglicht es dem Benutzer, Ihnen sofort einen Bericht per E-Mail zu senden.

MugTugs Dunkelkammer

Ein Online-Bildbearbeitungsprogramm, mit dem Sie Kontrast, Weißabgleich, Belichtung, Sättigung usw. anpassen können. Es können Bilder von Picasa und Flickr hochgeladen werden. Ähnliche Produkte: Pixlr und Sumo Paint.

Visueller Website-Optimierer

Visual Website Optimizer ist absolut das beste A/B-Testtool, das Sie jemals sehen werden.

Keyonary

Mit diesem einfachen Onlinetool können Sie eine Liste mit Tastenkombinationen für Mac OS X, Photoshop und mehr erstellen.

Gridr-Buildrrr

Ein Online-Rasterdesigntool, mit dem Sie das gewünschte Rasterlayout auswählen, in der Vorschau anzeigen und CSS-Code generieren können.

Instant Blueprint – Erstellen Sie in Sekundenschnelle ein Webprojekt-Framework.

Hilft Ihnen, sofort ein Webprojekt-Framework auf Basis von legalem HTML/XHTML und CSS zu erstellen.

Kolibri

Ein auf Node.js basierendes Tool zur Site-Verkehrsanalyse in Echtzeit (wirklich in Echtzeit, 20-mal pro Sekunde aktualisiert).

jsFiddle

Online-Web-Editor, der JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML und CSS unterstützt.

String: Erstellen Sie eine mehrsprachige Website oder App

Helfen Sie beim Erstellen von Ressourcendateien für mehrsprachige Webanwendungen,

Titanpad

Mehrere Personen können gleichzeitig dasselbe Dokument bearbeiten, und alle Änderungen werden in Echtzeit in unterschiedlichen Farben markiert. Dabei kann es sich um mehrere Benutzer im selben Büro oder mehrere Benutzer am anderen Ende der Welt handeln.

Pixelnovel Timeline: Versionskontrolle für Adobe Photoshop

Dieses Tool integriert den Subversion-Client über ein Plug-In und ermöglicht so die Implementierung einer Versionskontrolle in Photoshop. Kein kostenloses Tool.

0 bis 255

Bei einer bestimmten Farbe werden Ihnen verschiedene Farbvariationen dieser Farbe von hell bis dunkel angezeigt. Die Funktion ist speziell für das Web optimiert.

Belastungsauswirkungen: Website-Belastungs-/Stresstest

Ein Online-Stresstesttool, das den gleichzeitigen Zugriff mehrerer Benutzer auf Ihre Site simuliert und einen Bericht zur Analyse der Besucherzahl erstellt, die Ihre Site verkraften kann.

Ideone: Online-IDE- und Debugging-Tool

Ein Online-IDE- und Debugging-Tool, das bis zu 40 Sprachen unterstützt, darunter C++, Java, JavaScript, Perl, PHP, Python und Ruby. Ähnliche Produkte: PHP Anywhere und CodeRun.

Online-Dummy-Bildgenerator

Hilft Ihnen, schnell ein virtuelles Online-Image zu generieren, damit Sie einige Tests durchführen können.

HiFi RegExp-Tool

Online-Tool für reguläre Ausdrücke.

Tableizer

Kopieren Sie den Inhalt Ihrer Excel-Tabelle und fügen Sie ihn in diese Site ein. Dadurch wird eine Tabelle im HTML-Format (HTML-Tabelle) erstellt.

FollowUpThen: Einfache E-Mail-Erinnerung

-Wenn Sie möchten, dass Sie jemand daran erinnert, wann Sie etwas tun müssen, können Sie eine E-Mail an eine Adresse wie [email protected] senden. 1day bedeutet einen Tag später. Auf diese Weise erhalten Sie einen Tag später die Erinnerungs-E-Mail. 1day kann in eine Person oder ein anderes Zeitintervall geändert werden.

Divine: Konvertierungstool von PSD nach HTML

Dieses Tool ist ein Photoshop-Plugin, das Ihre PSD in ein WordPress-Theme umwandeln kann. (Übersetzer: Wird überprüft)

Internationale Quelle dieses Artikels: Smashing Magazine 50 leistungsstarke Zeitsparer für Webdesigner (Originalautor: Vitaly Friedman)