Übersicht produktiver Online-Tools und -Dienste für Webdesigner

Oft erreichen mich E-Mails mit Fragen nach bestimmten Online-Tools und -Diensten, welche einem die ein oder andere Arbeit erleichtern und vereinfachen könnten und ob ich überhaupt auf solche Dienste zurückgreife. Und ja, natürlich nutze ich viele solcher Dienste und zeige nachfolgend einmal meine wichtigsten Produktiv-Helfer, auf welche ich mehr oder weniger bei fast jedem Projekt zugreife bzw. welche ich oft für schnellere Arbeitsabläufe einsetze.

favicon.cc – favicon.ico Generator
Online-Generator zum Erstellen von Favicons mit Vorschau- und Downloadfunktion.

Ajaxload – Ajax loading GIF generator
Mit nur drei Angaben, Auswahl aus verschiedenen Vorgaben und einem Klick eine Ajax-Loader GIF-Animation generieren.

Vector Magic – Precision Bitmap to Vector Conversion Online
Konvertiert mit wenigen Klicks ein zuvor hochgeladenes Bitmap- in ein Vektor-Bild.

Splashup – Editing tool and photo manager
Online Bildbearbeitungs- und Editierprogramm oder besser eine online Photoshop-Miniaturausgabe.

izzyMenu – Menu Builder for your pro CSS/DHTML Menu
CSS-Menu-Builder für professionelle Navigationen.

Form style web 2.0 generator – Create CSS form styles
Online-Generator zum Erstellen von CSS-basierenden Formularen.

CSSTYPE – web safe typography on screen for pixel perfectionists
CSS-Typografie-Einstellungen erst online testen und begutachten.

Typetester – Compare fonts for the screen
Ähnlich CSSTYPE, um Typografie-Einstellungen erst online zu testen und zu begutachten.

ColorBlender – Your free online color matching toolbox
Farbschema-Generator zur Gestaltung von Farbschablonen.

Color Palette Generator
Farbschema-Generator der eine Farbpalette aus zuvor hochgeladenen Bilddateien generiert.

Feng-GUI – Feng Shui for Graphic User Interfaces
Feng-GUI erstellt eine grafische „Headmap“-Folie einer Webseite und zeigt visuell auf, welche Bereiche dem Betrachter mehr oder weniger „ins Auge stechen“. Sozusagen zeigt dieser Dienst auf, ob das Design den Betrachter auch auf die richtigen Stellen aufmerksam macht und wo dessen Blicke am längsten verweilen.

Browsershots – Teste dein Webdesign in verschiedenen Browsern
Browsershots macht Screenshots der angegebenen Seite und zeigt so auf, ob die Webseite kompatibel zu den verschiedenen Browsern ist oder Anzeigefehler enthält. Allerdings muss man einige Wartezeit in Kauf nehmen, denn die eigene Anfrage kommt zuerst in eine Warteschlange. Einige verteilte Computer öffnen dann die Webseite in ihrem Browser, machen Screenshots und laden diese dann erst zum zentralen Server bei Browsershots hoch (Als Beispiel einmal das Ergebnis meiner Seite: Browsershots-Auswertung ulf-theis.de).

XRAY – Cross browser tool for web developers
Browserübergreifendes Online-Tool um Seiten-Elemente einzeln zu markieren und deren Werte aus z.B. dem Stylesheet auszugeben.

BuiltWith – Website Analysis and SEO information
Webseiten-Analyse-Tool welches auch Informationen zu denen auf einer Seite genutzen Diensten ausgibt.

Link Diagnosis – examine your link competition
Link-Analyse-Tool welches detailliert Auskunft über Backlinks, deren PR und PR-Stärke sowie Linkgültigkeit gibt.

Linkvendor – Kostenlose SEO Tools
Sehr umfangreiche Tool-Sammlung zur Suchmaschinenoptimierung. Hier hat man eigenltich alle wichtigen Tools in einem Dienst vereint.

Ranking Spy – Schnellprüfung der aktuellen Suchmaschinen-Position
Ermittelt die Position von Suchbegriffen der eigenen Seite in den wichtigsten Suchmaschinen bis zu einer Suchtiefe von 100 Treffern.

Seitwert – Bewertung von Webseiten
Der Seitwert ist eine Zahl zwischen 0 und 100, die anhand verschiedener (automatisch auslesbarer) Faktoren eine Art Qualitätsindex von einer Webseite bzw. einer Domain erstellt.

Barrierecheck
Hier kann man schnell und ohne Vorkenntnisse die eigene Webseite auf die zehn wichtigsten Kriterien der Barrierefreiheit testen.

Tags: , , , , , ,

Der Beitrag wurde am Freitag, den 28. März 2008 um 17:49 Uhr veröffentlicht und wurde unter Web 2.0, Webtools abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

Trackbacks / Pingbacks zu diesem Artikel

Kommentare zu diesem Artikel

  1. Lukas

    Vielen Dank Ulf für den super Beitrag mit den vielen nützlichen Links!
    Da sind wirklich sehr viele hilfreiche Sachen dabei.

    Ein schönes Wochenende wünsche ich.

    Schöne Grüße
    Lukas

  2. Sergej

    Schöne Auflistung, vielen Dank dafür.

  3. Andre Mayer

    Sehr gute Auflistung, sehr gute Links, danke dafür!

    mfg
    Andre

  4. Toby

    Vielen Dank für diese ausführliche Auflistung.

    Finde den Dienst „Browsershots“ toll.

    Gruss
    Toby

  5. Sebastian

    Bei For Webdesigners gibt es auch viele nützliche links 🙂

  6. celtic

    Hi, sind einige Dienste dabei, die ich noch nicht kannte. Wirklich sehr nützlich – danke für die Auflistung.

  7. Christian

    Super Zusammenstellung und teilweise äusserst Nützlich.

  8. Thoralf

    Hallo,

    wenn es mal wieder schnell gehen soll und man gerade als Mac Benutzer keinen aktuellen IE zur Hand hat finde ich dieses Tool sehr interessant:
    IE NetRenderer
    Sofortiger und sehr zuverlässiger Screenshot der angegebenen Webseite im ausgewählten IEx

    Grüße Thoralf

  9. Martin

    Ich finde es einfach nur Klasse dass es hier seit Jahren „geheime“ Tipps und Tricks gibt, da muss ich jetzt einfach mal loben! Absolut spitze, weiter so!

  10. koellmania

    super Linksammlung!
    IzzyMenu und ColorBlender gefallen mir persönlich am Besten!

  11. Petra

    Eine sehr hilfreiche Zusammenstellung!! Das erleichtert die Arbeit ungemein. Danke!

  12. Nico

    Vielen Dank für die Nützliche Liste, Die Links haben mir schon oft geholfen

    Liebe Grüße,
    Nico

  13. Yannic

    Vielen Dank für diese Ansamlung von nützlichen Links.
    Sie haben mir an manchen Problempunkten weitergebracht!

    Grüße
    Yannic

  14. Alexej Gisbrecht

    Super Links! Herzlichen Dank.

  15. Igel

    Vielen Dank für die feine Linksammlung!

  16. Sebastian

    Vielen Dank für die tolle Linksammlung!

    Liebe Grüße

    Sebastian

  17. azella

    Wollte nur ein Danke für die Liste da lassen. Grüße

Diesen Beitrag kommentieren

Hinweis: Wegen des stetig zunehmenden Kommentar-Spams, lasse ich keine Links mehr zu, welche nicht zur Blogsphäre gehören. Jegliche Form werblicher Kommentare, zu Shops oder Shop-Kategorien, Portalen oder MFA-Seiten (Made for AdSense) sind hier unerwünscht. Als Name bitte den Vor- und/oder Nachnamen bzw. den Nickname verwenden. Keywords und selbstverständlich die zugehörigen Links, welche offensichtlich nur dem Suchmaschinenranking dienen, werden umgehend gelöscht.






Validate XHTML Validate CSS