Wer seinen eigenen Werkzeugkoffer erweitern oder überholen möchte, sollte sich die Linksammlung mit Ressourcen für Webdesigner und Entwickler von Matthias Schuetz anschauen. Die Links sind in Kategorien eingeteilt, die den kompletten Prozess des Webdesigns widerspiegeln sollen. Momentan enthält der Werkzeugkoffer 230 Links.

Zur Webseite

Design

Adobe Photoshop – Der professionelle Standard für die digitale Bildbearbeitung und kreative Fotogestaltung.

Adobe Illustrator – Professionelle Vektorgrafiken

IcoFX – erstellt eigene Icons. Das kostenlose Programm hilft mit zahlreichen Designwerkzeugen auf dem Weg zur selbstgemachten Mini-Grafik, wandelt beliebige Bilddateien in Icons um und kommt auch mit Transparenzen klar.

Coden

PSPad – Freeware Texteditor mit HTML-Unterstützung, Syntax Highlighting, Makro-Aufzeichnung. Weitere Features sind Autovervollständigung, Tabulatoren, FTP-Client, Dateivergleich, Rechtschreibkontrolle sowie Suchfunktionen auf Basis regulärer Ausdrücke. Die Software lässt sich ohne Installation auf einem Windowssystem verwenden. Dies macht den Einsatz auf mobilen Speichermedien, als portable Software möglich.

Notepad++ – ist ein freier Quellcode-Editor und Ersatz für Notepad. Neben einfachen Textdateien können auch Quelltexte bearbeitet werden. Er unterstützt verschiedenste Sprachen.

Free CSS Toolbox – ist ein kompakter Stylesheet-Editor und bietet darüber hinaus Funktionen für die Validierung und die Formatierung.

Dreamweaver – HTML, CSS, XML, PHP und MySQL Editor der Firma Adobe Systems (ursprünglich von Macromedia entwickelt), bestehend aus einer Kombination eines WYSIWYG-Editors mit paralleler Quelltextbearbeitung.

Firefox-Erweiterungen

MeasureIt – Dieses Plugin bestimmt auf einfache Weise die Größe von Elemente und misst Abstände aus. MeasureIT vermisst alle beliebigen Bereichen direkt am Monitor.

Firebug – ein Muss für Web-Entwickler, überprüft Quellcodes von Webseiten auf Fehler und zeigt HTML-, CSS- und Javascript-Teile einer Seite separat an, um sie direkt editieren und debuggen zu können.

Web Developer – ist ein Plug-In der sich vor allem an Programmierer richtet. Mit Hilfe des Plug-Ins kann die angezeigte Webseite analysiert werden und hierbei vor allem auf Besonderheiten in der Programmierung eingegangen werden.

Dummy Lipsum – kann so genannten Blindtext erzeugen. Den könnte man sich auch an eine geeignete Stelle kopieren. Mit Dummy Lipsum ist man aber schneller.

Html Validator – Der HTML-Validator wirkt bereits in der Statusleiste und weist auf Fehler und Warnungen hin. Der Blick in den Quellcode zeigt jetzt 2 zusätzliche Fenster, die exakt über die gefundenen Fehler Aufschluss geben.

FireShot – ist eine Erweiterung die es ermöglicht, direkt aus dem Browser heraus ein Bildschirmfoto der aktuellen Internetseite zu erstellen und auf der Festplatte zu speichern.

Bloggen/CMS

WordPress – ist eine vielseitige und leicht zu bedienende Websoftware. Es ist in erster Linie eine Blog-Plattform, doch auch persönliche und geschäftliche Websites lassen sich damit sehr leicht realisieren.

Joomla – ist ein populäres freies Content-Management-System (CMS), das aus dem Open-Source-Projekt Mambo hervorgegangen ist und inzwischen in den unterschiedlichsten Anwendungsbereichen weltweit zum Einsatz kommt. Seine Hauptanwendung findet Joomla beim Erstellen von Webseiten.

Online-Tools/Generatoren

MyScriptFont.com – Kostenloses online Tool um aus Ihrer Handschrift einen Vektor Font zu erzeugen.

Web 2.0 Badges – ein praktischer Online Generator zum erstellen von Web 2.0 Badges.

favikon.com – Der Favicon Generator erlaubt das erstellen und bearbeiten von Favicons.

Sitemap Generator – dieses Tool erzeugt in kürzesteter Zeit eine Sitemap. Eingeben und ausgewertet werden hier die URL, Priorität, Change frequency und Last modification. Die Sitemap ist schnell erstellt und kann im XML-Format kopiert werden.

Css3maker.com – ist ein Online-Tool mit dem man auf sehr bequeme Art und Weise die neuen CSS 3.0-Eigenschaften wie abgerundete Ecken, Farbverläufe oder Schatten nutzen kann.

Dynamic Dummy Image Generator – Onlinegenerator zum Erstellen von Platzhalter-Grafiken. Dieses einfache Script generiert in sekundenschnelle beliebig viele Grafiken in jeder gewünschten Größe.

Scripte

JQuery – ist ein freies, umfangreiches JavaScript-Framework, das komfortable Funktionen zur DOM-Manipulation und -Navigation zur Verfügung stellt.

Code Snippets Gallery – Eine Sammlung von Code-Schnipseln für CSS, PHP, Html, JavaScripts, WordPress.

Snipplr – ist eine Plattform für den Austausch von Code-Schnipseln zwischen Programmierern und Entwicklern.

Farben

COLOURlovers – Eine kreative Community von Designern und Leuten die u.a. Farbpalletten entwerfen und der Gemeischaft zur verfügung stellen.

ColorMania 3.0 – Kleines kostenloses Tool, findet die Farbwerte einzelner Pixel auf dem Bildschirm heraus und gibt diese in verschiedenen Formaten wie RBG, HSV oder Hexadezimal-Code aus.

Schriften und Typografie

Typograf – Etwas in die Jahre gekommender aber schneller und leistungsfähiger Fontmanager in deutscher Sprache. Typograf listet alle Truetype-, Type-1, Raster- und Drucker­Fonts auf, die auf einem Datenträger vorliegen. Eine übersichtliche Tabelle zeigt das Erscheinungsbild der Fonts anhand eines formatierten Mustertextes an.

Typetester – Dieses Online-Tool hilft die richtige Schriftart und Größe für eine gut lesbare Webseite zu finden.

FTP-Software

FilleZilla – Ist ein modernes und leistungsstarkes “Open Source” FTP-Programm für Windows, MAC und Linux Betriebssysteme. FileZilla wurde in Hinblick auf einfache Bedienung und kostenlose Verfügbarkeit bei gleichzeitiger Unterstützung möglichst vieler nützlicher Features entwickelt.

Kleine Helferlein

Der grandiose Bildverkleinerer v1.7 – ein kleines, feines Tool gegen aufwendiges Bilderverkleinern.

Exifer – Mit Exifer lassen sich die EXIF/IPTC-Bildinformationen aus Digitalkamera-Bildern auslesen, ändern, importieren und exportieren.

PDFCreator – Leistungsstarkes Gratis-Tool zur Erstellung von PDF-Dateien.

Zur aktuellen Ausgabe

Vielen ist ja vielleicht schon seit längeren das Web-Developer’s Handbook, die Linksammlung von Vitaly Friedmann ein begriff. Ich persönlich greife gerne darauf zurück, doch oftmals sind die Links nicht mehr aktuell. Das AgencyTool schlägt in die selbe Kerbe, beschränkt sich aber anscheinend auf den englischsprachigen Raum. Die Links werden redaktionell betreut und man kann auch eigene vorschlagen, die dann nach einer Prüfung eventuell in die Sammlung aufgenommen werden.

AgencyTool
Web-Developer’s Handbook

Smashing Apps

seen.by