Kleine Tools können einem Webworker oft viel Zeit und Ärger mit nichtigen Frickeleien und Suchen ersparen. Egal ob man nach einen passenden Icon sucht, seinen HTML-Code validieren will oder den Code für ein Sonderzeichen sucht – das Internet bietet hierzu viele unterschiedliche Möglichkeiten, von denen ich einige zusammentrage.

Stock.xchng & iStockphoto

Fotos gesucht? Stock.xchng bietet ein riesiges kostenloses Archiv mit Fotos und Grafiken für jeden Anlass. Verschiedene Lizenzen erlauben den Einsatz der Bilder zum Teil sogar für den kommerziellen Einsatz. iStockphoto bietet ebenfalls eine riesige Datenbank hochwertiger Fotos und Illustrationen. Als Platzhalter mit Wasserzeichen lassen sich die Fotos frei herunterladen. Ungeschützte Inhalte müssen allerdings gekauft werden

Icon Finder

Mit Icon Finder lassen sich zu jedem Einsatzzweck passende und hochwertige Icons finden. Einfach ein Stichwort eingeben und die Seite spuckt eine Vielzahl frei verwendbarer Icons inklusive Download-Link und der zugehörigen Lizenz aus. Wer mag, kann auch ganze Sets durchwühlen.

ColourLovers & Adobe Kuler

Adobe Kuler erlaubt das durchstöbern, gezielte suchen, bewerten, kommentieren und erstellen von Farbpaletten. Alle Paletten lassen sich modifizieren und als ASE-Format zur Verwendung mit der Adobe Produktpalette herunterladen. ColourLovers ist der große Bruder, mit dem sich nicht nur Paletten, sondern auch eine Hand voll Muster farblich gestalten, speichern und diskutieren lassen. Hier steht vor allem die Community im Vordergrund. Im Forum kann diskutiert werden und in Gruppen treffen Gleichgesinnte aufeinander.

Aviary

Aviary bietet gleich eine Hand voll mächtiger Online-Tools für viele kreative Zwecke. Mit Phoenix lassen sich beispielsweise Grafiken mit einem Ebenen-System erstellen. Mit Toucan Farbpaletten verwalten und mit Raven Vektorgrafiken erstellen. In Zukunft sollen sich weitere Applikationen dazu gesellen, die viele weitere Anwendungsbereiche von Audio-Editing bis zur 3D Animation, abdecken.

mite

mite ist ein Service zur Zeiterfassung und bietet unter anderem die Möglichkeit, Zeitpläne und Rechnungen zu erstellen und sogar eine voll angepasst iPhone Version – gepackt in eine übersichtliche und attraktive Weboberfläche. Leider ist mite nicht mehr kostenlos. Dennoch – sehr zu empfehlen bei einer monatlichen Gebühr von 5 Euro pro Benutzer.

pForm

Mit diesem Service lassen sich schnell und ohne eine einzige Zeile Code kostenlos Formulare erstellen. Diese können entweder fertig übernommen oder als Grundlage für die Integration in das eigene Layout herangezogen werden. Kann gerade bei größeren Formularen viel Zeit sparen.

Typetester

Mit Typetester lassen sich ganz bequem verschiedenste Schriftformatierungen testen und vergleichen. Hat man sich für ein Layout entschieden, kann man mit einem Klick den zugehörigen CSS Code rauskopieren.

WhatTheFont

Wer schon mal eine interessante Schrift auf einer Webseite gesehen hat, weiß, wie schwer es sein kann, herauszufinden, welche dort eingesetzt ist. Solange es sich um reinen Text handelt, lässt sich die Schriftart meist in dem dazugehörigen CSS-Dokument ausfindig machen. Schwieriger wird es bei Bildern oder Flash-Texten. WhatTheFont schaft Abhilfe – einfach eine Grafik mit dem Text hochladen und der Service analysiert die Schrift. Im Zweifelsfall kann die Community im zugehörigen Forum weiterhelfen.

FontStruct

Die Standard-Fonts sind zu langweilig, exklusive Fonts zu teuer und das Erstellen eigener Fonts zu kompliziert? Nicht mit FontStruct. In einem übersichtlichen Online-Interface können in einem Raster eigene Schriftsätze erzeugt, abgespeichert, heruntergeladen und der Community zur Bearbeitung zur Verfügung gestellt werden. So kann man relativ unkompliziert jeder Webseite seinen eigenen (typografischen) Charme verleihen.

HTML Entity Liste & Character Lookup

Nicht jeder Editor kommt mit einer ausführlichen Liste für Sonderzeichen daher. Das & für & und © für © steht, werden die meisten noch wissen. Aber wie steht es um ½, §, « oder ø? Die HTML Entity Liste führt jedes Sonderzeichen alphabetisch sortiert auf. Der Charakter Lookup von Left Logic erspart außerdem dank einer übersichtlichen AJAX Suche das durchwühlen ellenlanger Tabellen.

W3C HTML & CSS Validator

Valider Code stellt sicher, dass die Webseite auf allen gängigen Browsern korrekt dargestellt wird. Die beiden Validatoren kommen direkt vom World Wide Web Consortium, die sich um die einheitlichen Webstandards bemühen und sind somit Pflicht für alle Webworker.

CSS Compressor

Noch immer ist nicht jeder mit einem DSL-Anschluss im Internet. Oft sorgen auch große Datenmengen auf Webseiten für enorme Wartezeiten, selbst bei kleineren DSL-Leitungen. Wer nicht unbedingt großen Wert auf eine eigene (und möglicherweise ausgefallene) Ordnungsstruktur in seinem Quellcode legt, sollte überlegen, ob er nicht die Möglichkeit in Anspruch nimmt, seine CSS Datei mit Hilfe des CSS Compressors um bis zu 35% zu verkleinern.

Browsershots

Häufig ist es nicht möglich, die erstellte Webseite mit allen Browsern zu testen. Windows Vista beispielsweise macht es (fast) unmöglich, den Internet Explorer 6 zusätzlich zu installieren. Browsershots erstellt und speichert vorübergehend Screenshots einer beliebigen URL  mit einer Vielzahl von Browsern & -versionen auf insgesamt vier Betriebssystemen.

Aber, da fehlt ja noch …

Du kennst noch einen weiteren Dienst, den du für sehr interessant erachtest? Erwähne es in den Kommentaren oder informiere mich über mein Kontaktformular und ich werde es hinzufügen!

Danke an Nico für zwei ergänzende Linktipps! Er würde sich über den Besuch seines Blogs freuen. ;-)