Tools

Webbrowser-Tools

Page Speed

Das von Google bereitgestellte Tool analysiert eine Webseite anhand verschiedenster Kriterien. So lassen sich nach und nach alle Webseiten eines Internetauftritts auf ihre Schnelligkeit hin optimieren. Page Speed gibt es als Erweiterung für Mozilla Firefox und Googe Chrome. Alternative bietet Google eine Online-Version an.

Yahoo! YSlow

Dieses Tool analysiert ebenfalls eine Webseite und gibt konkrete Vorschläge für Verbesserungen. Darüber hinaus erstellt es eine detaillierte Liste über die Größe und Anzahl der Elemente. Ein Kuchendiagramm über die Statistik gubt dem ganzen noch einen visuellen Aspekt. Yahoo! YSlow gibt als Erweiterung für Mozilla Firefox und Google Chrome.

Web-Frameworks

Foundation 2.0

zu finden unter http://foundation.zurb.com/

HTML KickStart

zu finden unter http://www.99lime.com/

HTML5Boilerplate

zu finden unter http://html5boilerplate.com/

YAML

CSS-Framework; zu finden unter http://www.yaml.de

52Framework

zu finden unter http://www.52framework.com/ 

Modernizr

JavaScript-Framework, dass die HTML5 und CSS3 Fähigkeit des Browsers testet und ggf. durch Hinzufügen von CSS-Klassen ein Fallback der HTML-Elemente ermöglicht. http://www.modernizr.com/ 

Fontsquirrel

Zur Generierung von Web-Fonts: http://www.fontsquirrel.com/fontface/generator

Emailology

Boilerplate für Email-Templates, zu finden unter http://www.emailology.org