Kategorien
Tools

Download Calculator

Wie viel Kilobytes sollte eine Seite haben?
40-50 Kb ist ein guter Mittelwert. Kleiner ist natürlich besser. Sie sollten natürlich immer die Grafiken dazu rechnen.
Falls Sie Homesite benutzen können sie unter „Tools“ das Gewicht der Seite berechnen lassen.

Dateigröße

Download Zeit

Tipps um die Ladezeit der Seite zu verringern:

  • Entfernen Sie überflüssige Leezeilen.
  • Achten Sie bei dynamischen Code (ASP, PHP, JSP etc.) auf eine sparsame Ausgabe von Leerzeilen bei Loops, Schleifen und Anfang der Datei (vor dem <html> Tag). Wenn z. B. Einträge aus einer Datenbank kommen, sorgen Sie dafür, dass im Quellcode nicht immer ein Zeilenumbruch am Ende der Schleife verursacht wird. Leute, die sich Ihren Quelltext dann anschauen und bemängeln, dass der Code nicht sauber oder lesbar wäre, haben so was noch nicht verstanden. Ignorieren Sie solche Kommentare. Sie erzielen eine bessere Ladezeit und Ihre Benutzer werden es Ihnen danken.
  • Laden Sie den Quelltext aus Ihrem Browser (wird auch als gerenderter Code bezeichnet) mal wieder in den Editor und schauen Sie ob sie noch unnötige Umbrüche, Kommentare und HTML Fehler (mit einem HTML-Checker wie der Validator von Homesite) finden.
    Falls der Code, wegen fehlender Zeilenumbrüche, nicht mehr richtig lesbar ist, können Sie zum aufspüren von HTML Fehlern auch den CodeSweeper von Homesite benutzen.
    Hinter dem Symbol des CodeSweeper von Homesite befindet sich ein mächtiges Werkzeug welches komprimierten HTML Code wieder in lesbarer Form einrückt.
  • Kommentieren Sie Ihren Code mittels ASP, PHP oder JSP und nicht mit HTML dann sparen Sie noch mal Ladezeit da der Code Kommentar nicht mehr an der Brwoser ausgeliefert wird. Weiterer Vorteil: vertrauliche Angaben in den Kommentaren liegen nur den Entwicklern vor und nicht jedem Besucher.

Kategorien
Tools

Screenruler oder Bildschirmlineal

Ein Bildschirm-Lineal oder Screenruler erleichtert einem den Alltag als Webdesigner enorm. Mit einem solchen Lineal kann man das Layout einer Webseite ausmessen oder einfach nur prüfen ob verschiedene Elemente einer Seite sich auf einer Linie befinden.

Bildschirm-Lineal in den Web-Developper-Tools

Früher gab es eigene Bildschirm-Lineal Programme, die seit der Erfindung der Firefox Web Developer Toolbar oder Internet Explorer Developer Toolbar eigentlich überflüssig geworden sind.

Ich erkläre das mal bei der Firefox Toolbar: Rechte Maus-Taste im Firefox klicken und dort den Punkt Web Developer ansteuern. Dann unter Miscellaneous den Punkt Display Ruler wählen. Man kann dann ein Fadenkreuz aufziehen. Oben in der Browserzeile erscheint eine Zusätzliche Zeile wo die genauen Pixelangaben angezeigt werden.

Das Programm Screenruler
Um das Fadenkreuz wieder verschwinden zu lassen, klickt man einfach rechts in der Toolbar auf das rote Kreuz-Icon.

Alternativ kann man auch ein eigenes Programm, wie den Screenruler von Microfox benutzen. Das gibt es sogar für MAC und PC. Macht aber eigentlich kaum noch Sinn, das als zusätzliches Programm zu haben.

Kategorien
Tools

HTML Browser Sizer

Ein Browsersizer dient dazu, das Fenster des Browsers auf eine gewünschte Größe zu bringen. Dieser ist sinnvoll, wenn man testen- möchte, wie die eigene Webseite unter verschiedenen Auflösungen aussieht.

Kategorien
Tools

XHTML Templates

Da ich für Projekte CSS / XHTML Templates verwende und dann entweder ein altes eigenes Template verwende oder wieder 2 Stunden im Netz surfe, habe ich mal eine Liste zusammengestellt, wo es XHTML Templates für gutes Webdesign gibt.

  • Oswd.org steht für Open Source Webdesign. Sehr schön ist, dass man unter „Search all designs“ Templates nach bestimmten Kriterien suchen kann wie: Validation (eben XHTML Transitional oder strict), Images, CSS, Contrast, Color und die Anzahl der Spalten des Layouts (eine bis fünf spalten). Auf der Seite wird man sehr schnell fündig.
  • FreeCSSTemplates Dort kann man zwischen über 300 Templates wählen, leider gibt es keine Suchfunktion und man muss sich durch die Vorlagen durchklicken.
  • owmx.com gratis HTML5 & CSS3 Web Templates. Die nach W3c Standard validieren. Die Vorlagen können für freie und kommerzielle Projekte kostenlos benutzt werden. Die Webseite ist auf englisch
Kategorien
Tools

Meta Tag Generator

Gib einfach eine Beschreibung deiner Website und Schlüsselwörter ein.

Warum werden keine weiteren Meta Tags angeboten? Weitere Meta Tags werden nicht, oder nicht mehr, von Suchmaschinen ausgewertet, sind also überflüssig.




‚;
echo ‚‚;
echo ‚‚;
echo ‚‚;
}
?>