Die besten Tools für Webdesigner

Vor kurzem haben wir euch vorgestellt, wie unsere PHP Entwicklungsumgebung (auf Basis von Eclipse) aussieht und kurz darauf haben wir wichtige Firefox Addons für Webentwickler und Webdesigner vorgestellt.
Heute möchte ich nun darauf eingehen, was ich außer dem Firefox und Eclipse, bei der täglichen Arbeit als Webdesigner und Webentwickler an Software und Tools benutze und was ich im Internet sonst noch so sinnvolles gefunden habe, was dem ein oder anderen helfen könnte.

Zunächst sei erwähnt, dass ich als Betriebsystem Windows XP gewählt habe. Im folgenden nun eine Aufzählung nach Themen sortiert, was ich als sinnvolle Tools erachte und größtenteils auch täglich bei mir im Einsatz habe. Ich habe dabei versucht immer erst ein kostenloses Tool aufzuzählen, stelle aber teilweise auch kostenpflichtige Tools vor. Davon können die meisten aber in eingeschränkter aber meist ausreichender Form auch als Demo genutzt oder getestet werden.

Editoren und Office Tools
Für kleine Textfiles reicht eigentlich das von Microsoft mitgelieferte Tool “notepad”. Es ist schlank, schnell und nichts weiter als ein Texteditor. Etwas mehr Komfort bietet das schlanke Tool Notepad++. Ich nutze es mittlerweile als Standardeditor für alles mögliche. Notepad++ unterstützt diverse Syntaxhighlightings, öffnete mehrere Dateien in Tabs und merkt sich diese beim schließen. Rechtschreibprüfung ist auch einbaubar und das Programm verhält sich stabil und schnell ist also der ideale Standardeditor. Mehr über Notepad++ gibt es im Hochwald IT Blog

Für umfangreichere Programmierarbeiten setze ich wie erwähnt unsere PHP Entwicklungsumgebung (auf Basis von Eclipse) ein.

Für Office Dokumente wie Briefe, Tabellen uns so weiter ist OpenOffice.org am Start. Ich denke, es ist allgemein bekannt, dass OpenOffice.org eine Open Source Officesuite ähnlich des Microsoft Office Paketes. Auf bepixeld.de gibt es Hilfe zu OpenOffice mit Kostenlosen Handbüchern, Videos, Tutorials und mehr

Immer mal wieder praktisch ist es, aus allen Anwendungen heraus PDF Dateien zu erstellen. Sei es nur um einem Kunden oder Mitarbeiter kurz etwas zu mailen und die Sicherheit zu haben, dass dieser es anschauen kann und korrekt angezeigt bekommt. Dafür aber gleich die teure Adobe PDF Suite zu kaufen wäre eine Überreaktion, schließlich gibt es da das praktisches Tool PDFCreator, welches sich als Drucker installiert und so die Möglichkeit bietet völlig kostenlos aus jeder Anwendung heraus PDF Dateien zu erstellen. Mehr über den PDFCreator steht in “PDFs erstellen mit PDFCreator”.

Professionelle PDFs setzt man am besten selber. Ich bevorzuge da LaTeX und nutze als Latex Editor das TeXnicXenter. Für einen schnellen Einstieg hat Sekerlik ein paar wichtige Links gesammelt ausführlicher ist die Liste von Webclips.

Sicherheitstools
Nicht nur für Webdesign auch allgemein sollte ein Computer heutzutage gegen Angriffe von außen geschützt sein. Den ersten Schritt in Sachen Sicherheit übernimmt das kleine Tool xp-Antispy. Wie man xp-Antispy richtig benutzt, kann man auf netzwelt.de nachlesen.

Weiter geht’s mit einem Virenscanner. Für den Privatgebrauch ist den Meisten wohl Avira Antivir das geläufigste Antiviren Tool (läuft mittlerweile auch unter Vista). Etwas Ressourcen sparender und nicht so aufdringlich mit Werbe Pop-Ups ist ClamWin, welches im Gegensatz zu Antivir aber nicht ständig nach Viren scannt sondern nur auf Anweisung des Nutzers.
Sollte mal ein Wurm Probleme bereiten, kann sich McAfee AVERT Stinger darum kümmern!
Den professionellsten Schutz bietet das kommerzielle Kaspersky Anti Virus.

Als nächstes sollte noch eine Firewall ungewünschten Traffic filtern. Hier empfehle ich gerne das kostenlose ZoneAlarm, welches neuerdings auch unter Vista läuft.
Mehr Konfiguratonsmöglichkeiten und einen noch besser konfigurierbaren Schutz bietet die Outpost Firewall.

Zu guter Letzt nutze ich noch 2 Freeware Tools zum entfernen von Spyware. Zunächst Ad-Aware von Lavasoft und zusätzlich Spybot-Search & Destroy, welches Windows nach Programmen mit Werbung und Spyware durchsucht. Der SpywareBlog liefert dazu auch eine kleine Starthilfe. Wie man Ad-Aware nutzt beschreibt der mediauser blog.

Dann empfehle ich noch Kay Gizas Blog mit einer Anleitung von 10 Wegen Ihren Computer von Spyware zu befreien

Standard Tools

Es gibt viele kleine Aufgaben, welche das Betriebssystem heute immer noch nicht von Haus aus lösen kann. Dafür baucht man dann Tools wie die Folgenden. Zunächst wäre da ein Pack bzw. Zipprogramm. Dieses sollte RAR, TAR, GZ und ZIP auf jeden Fall lesen können. Ich setze mittlerweile auf das schlanke und einfache Tool 7-Zip. Mehr darüber gibt es auf bitstop.de. Die Alternative zu 7-Zip ist Winrar, welches optisch mehr her macht aber sonst vergleichbar ist.

Als nächstes ein äußerst nützliches Tool zur Festplattenorganisation namens Treesize. Es zeigt graphisch die Nutzung der Festplatte pro Datei/Ordner. Siehe auch “Wer macht sich hier so dick”.

Dann braucht man natürlich noch einen PDF-Viewer. Da mir persönlich der Acrobat Reader einfach zu Resourcenlastig ist setze ich auf den alternativen PDF Viewer Foxit Reader. Mehr darüber auf textundblog.de unter Foxit Reader, die gute Wahl für PDF.

Als Webdesigner und vor allem Adminitrator hat man mit vielen Passwörter zu tun. Diese sollten möglichst kryptisch sein, um eine gute Sicherheit zu garantieren. Doch, wie merkt man sich all diese Passwörter? Ganz einfach, man vertraut sie dem KeePass Password Safe Passwordmanager an. Mit diesem Passwortmanager kann man Passwörter nach Kategorie einordnen und abspeichern. Die Passwörter werden verschlüsselt abgespeichert und sind durch ein Masterpasswort zugänglich (oder durch einen Key auf einem USB-Stick). So kann kein Passwort verloren gehen, selbst bei Neuinstallation des Systems. KeePass hilft übrigens auch beim sicheren Erstellen von neuen Passwörtern. Man kann sogar im Firefox gespeicherte Passwörter importieren. Noch mehr Details gibt es auf securitatis.de

Auch noch zum Standard gehört bei uns Wireshark (ehemals Ethereal). Es ist manchmal einfach sehr hilfreich zu sehen, was für HTTP Pakete verschickt werden, wenn man am debuggen einer Webaplikation ist. Wer es noch nicht kennt, findet hier ein kleines Tutorial.

Zeichen- und Graphiktools

Für Webdesigner und Webentwickler bei der täglichen Arbeit unverzichtbar sind Graphik Tools und vielmehr große Graphikprogramme. Hier ist abzuwägen ob man bereit ist zu investieren, oder ob man zunächst erst mal auf kostenlose Tools setzt. Für ein gutes Oberflächendesign oder professionelle Fotobearbeitung kommt man um ein kommerzielles Produkt wie den Adobe Photoshop oder Illustrator kaum herum. Letztendlich ist es aber auch Geschmackssache.
Für den Illustrator hat das Smashing Magazin einige Tutorials gesammelt.

Ok, nun aber die kostenlosen Tools (schließlich fängt jeder Webdesigner erst mal “klein” an). Für Fotobearbeitung und einfache Aktionen ist das Zeichenprogramm GIMP wirklich ausreichend und gut geeignet. Für Einsteiger empfehle ich den Artikel Creating Web 2.0 Graphics In Gimp, sowie eine Reihe von GIMP Tutorials.

Für Vektorgraphiken gibt es mittlerweile auch eine wirklich gute und kostenlose Alternative, es hadnelt sich dabei um Inkscape, dem Open Source Vector Graphik Tool schlechthin. Mehr über Inkscape gibt es auf zeroathome.de.

Um Graphiken und Bilder kurz mal anzuschauen und auch zu organisieren gibt der Standard Windows Bildbetrachter nicht so viel her. Ich habe daher IrfanView im Einsatz. Es gibt wohl kaum ein Graphikformat, welches IrfanView nicht anzeigen und bearbeiten kann. Das IrfanView mehr als nur ein Bildbetrachter ist wird auf kajak.at gezeigt. Ausserdem gibt es auf hier noch eine Kurzanleitung zu IrfanView.

Für das Design von Icons (z.B. Favicons) nutze ich gerne das Tool IcoFX

Wenn man mal eine Farbe braucht oder nach Farbharmonien sucht hilft zum einen Color Schemer ColorPix. Damit kann man auf dem ganzen Bildschirm mit der Maus Farben picken – Als auch das kostenpflichtige Color Schemer Studio. (siehe auch “Hübsch bunt muss es sein”).

Ebenfalls nicht kostenlos aber praktisch ist der Screen Caliper. Mit ihm bekommt man ein verstellbares Bildschirmlieneal zum Pixelgenauen ausmessen aller möglichen Abstände und Größen.

Surfen, Email und Downloaden
Wie bereits ausführlich vorgestellt (Firefox Addons für Webentwickler und Webdesigner) haben wir einen mit vielen Plugins ausgestatteten Mozilla Firefox als Browser im Einsatz. Als Mailclient ist bei uns der Mozilla Thunderbird genau das Richtige. Ich kann diese Kombination nur empfehlen. Wer sich für mehr als nur Plugins für Webdesigner interessiert sollte mal auf dem Kaiserfive Blog vorbeischauen. Für Outlook Aussteiger lohnt sich ein Blick auf awokenmind.de.

Wer viel mit FTP arbeitet wird mit dem Firefox allein auf Dauer nicht zufrieden sein, da empfehle ich das Open Source FTP Programm FileZilla.
Mehr über FileZilla gibt es auf dem Freewareblog.
Für eine sichere Datenübertragung bietet das FTP Protokoll keine Möglichkeiten, hier kommt SSH und SCP ins Spiel (Mehr dazu auf ghacks.net). Hier empfehle ich ganz klar WinSCP dem SFTP, FTP and SCP Client schlechthin. Übrigens mittlerweile auch als FTP Programm einsetzbar.

Webentwickler mit eigenem Rootserver setzen hoffentlich kein Telnet, sondern ebenfalls SSH ein. Der schönste Windowsclient ist hierfür sicherlich Putty. Einen kleinen Einstieg bietet das LRZ München.

Ansonsten, kurz erwähnt, nutze ich gelegentlich mal Skype für kleine Konferenzen und Trillian als ICQ Instant Messenger. Ich bevorzuge Trillian, da es sehr komfortabel, stabil und optisch ansprechend ist. Und nicht so resourcenfressend wie andere ICQ Clients. Ausserdem verschlüsselt Trillian die Übertragung zwischen 2 Trillian Clients.

Was man sonst so braucht
Zum Musik hören ist WinAmp im Einsatz. Bei einem schon recht ausgelasteten System ist ganz klar der absolut Ressourcen sparende (und dadurch optisch total einfach gehalten) foobar2000 Player zu empfehlen, wie in Aykans’s Iniversum beschrieben. Aber auch der VLC – Player, früher bekannt unter dem Namen VideoLAN Client, der nahezu jedes Videoformat abspielen kann. Einen kleinen Test gibt es auf sco-world.de.

Um mal schnell was zu brennen habe ich DeepBurner und Burrrn im Einsatz. Diese Tools sind schlank und flink. Hier noch mehr über DeepBurner.

So, hier noch mal alle Tools für Webentwickler und Webdesigner die im Artikel genannt sind:

Wenn dir dieser Beitrag gefällt, lade den Autor doch mal zu einem Drink ein ;-)

Broadcast us
  • Yigg
  • Webnews.de
  • Digg
  • MisterWong
  • del.icio.us
  • Technorati
  • DZone
  • Facebook
  • Google Bookmarks
  • Reddit
  • StumbleUpon
  • TwitThis

Tags: , , , ,

10 Responses

  1. Wow, die Liste nehm ich doch glatt als Installationsleitfaden – umsomehr, weil ich auch drin verlinkt bin… Dankeschön!!

  2. [...] direkt losstarten möchte und noch ein paar Tools für Webdesigner benötigt der wird auf dem Post „Die besten Tools für Webdesigner“ von ilimitado.de/blog [...]

  3. http://www.free-pdf-tools.org/ Für PDF benutze ich die Webseite.

  4. Wow! Kleine Anmerkung: Outpost hat auch eine deutsche Seite, agnitum.de

  5. Die wichtigsten Tools fr Webdesigner…

    Hier gibt es die wichtigsten Tools fr Webdesigner…

  6. [...] Die besten Tools für Webdesigner :: ilimitado Web Entwickler Blog :: [...]

  7. Noch eine kleine Anmerkung.. Expression Web von Microsoft ist auch ein sehr komfortables Tool zum Designen von Webseiten.

    Hier der Link
    http://www.microsoft.com/germany/expression/web/default.mspx

  8. [...] Die besten Tools und Programme für Webdesigner findet man auf iLimitado [...]

  9. Hier ein Tool um Seitenstatistiken wie Pagerank, AlexaRank usw anzeigen zu lassen:

    xinu.zeroathome.de

  10. [...] Die besten Tools und Programme für Webdesigner findet man auf iLimitado [...]

Leave a Reply