Hier eine kleine Liste hilf­rei­cher Webseiten und Online-Tools, die dir bei deinem nächsten Webprojekt bestimmt die Arbeit erleich­tern.

Browser Size

Bei Browser Size kannst du deine Webseite in den gän­gigen Bildschirm-Auflösungen testen. Bei »What’s my browser size« kriegst du alle Infos über deine eigene Bildschirm-Auflösung: Maße, Farbtiefe und instal­lierte Plugins. Ein wirk­lich hilf­rei­ches Tool. Und noch ein Tipp: Du soll­test auch immer daran denken, für welche Benutzergruppe du deine Webseite gestaltet.

XHTML / CSS Validierung

Heutzutage sollten alle Webseiten den W3C- Webstandards ent­spre­chen. Eine sauber pro­gram­mierte Webseite funk­tio­niert besser in den unter­schied­li­chen Browsern, sieht besser aus, und sau­berer Code hilft auch bei der Suchmaschinen-Optimierung.

Das W3C (World Wide Web Consortium) setzt die der­zeit gül­tigen Webstandards und Richtlinien fest. Das W3C hat dafür zwei hilf­reiche Tools zu Verfügung gestellt, die helfen, deine Programmierung auf den aktu­ellsten Stand zu bringen.

Deinen XHTML Code kannst du beim W3C Markup Validation Service testen und für deinen CSS Code gibt es den W3C CSS Validation Service. Super dabei ist, dass nicht nur Fehler ange­zeigt werden, son­dern auch genau beschrieben wird, wo der Fehler liegt und wie du in beheben kannst.

Browser Shots

Gib ein­fach deine URL ein, wähle von einer rie­sigen Liste unter­schied­li­cher Browser und Version und ein paar Minuten später spuckt dir BrowserShot jeder Menge Screenshots (die kannst du dann auch run­ter­laden) aus. Ich bin immer wieder beeindruckt!

Typetester

Typetester ist eine super prak­ti­sche Webseite, auf der du unter­schied­liche Webfonts testen kannst. Du kannst drei Einstellungen mit ein­ander ver­glei­chen, und auch gleich den CSS Code für deine Auswahl kopieren. Sehr hilfreich!

MeasureIt

Mit diesem kleinen Firefox-Addon kannst du Pixelbreite und -höhe von allen Elementen einer Webseite messen. Ein super Tool, auch um von anderen Webdesigns etwas zu lernen.

Das ist natür­lich nur eine kleine Auswahl hilf­rei­cher Online-Tools, für dein nächstes Webdesignprojekt. Ich werde die Liste in der nächsten Zeit auf jeden Fall weiter führen.

Und was sind deine Lieblings-Tool für Webdesigner? Um deine Tipps mit uns zu teilen, schreib ein­fach unten ein Kommentar!