Firefoxaddons für Webdesigner
9.9.2007
Einsortiert unter: Browser
Webdesigner sind Menschen und Menschen sind zunächst einmal faul. Aus diesem Grund erfindet sich der Mensch Dinge, die ihm das Leben leichter machen.
Eine kleine Auflistung von Addons für den Firefox, mit dem sich der Webdesigner/-coder etwas Arbeit sparen kann stelle ich hier kurz vor.
- Das wohl mächtigste Addon zur Analyse und Liveeditierung des Quelltextes und der Stylesheets ist der Firebug. Mit ihm könnt ihr den Quelltext des HTML-Dokumentes ganz einfach direkt im Browser ändern und so bestimmte Teile hinzufügen oder entfernen und z.B. die Angaben in CSS-Stylesheets ändern (wobei die Auswirkungen dann zeitgleich im Browser zu sehen sind). Ausserdem habt ihr Zugriff auf Javascriptfiles, dem DOM und könnt die Ladezeiten einzelner Dateien und Bilder überblicken. Alle zur Verfügung stehenden Möglichkeiten hier aufzuzählen würde den Rahmen sprengen.
- Das Addon, was ihr euch direkt danach installieren solltet ist ein extra Addon für den Firebug. Mit YSlow kann man sich einen kleinen Überblick darüber verschaffen, was an der Website aus perfomancetechnischen Gründen noch verbessert werden kann.
- Ebenfalls Pflicht für jeden Designer ist die Web Developer Toolbar, eine Extension mit der ihr schnellen Zugriff auf relevante Informationen der Webseite und wieder eine grosse Anzahl an Einstellungsmöglichkeiten habt.
- Mit Colorzilla könnt ihr mit einem kleinen Fadenkreuz den Farbwert einzelner Elemente bestimmen.
- Mit Measure It könnt ihr Breiten und/oder Höhen auf der Seite abmessen.
- Lori zeigt euch ähnlich wie YSlow Werte über die Performance der einzelnen Seite an. Zur Auswahl steht dabei die Zeit vom Klick bis zum Empfang des ersten Bytes, die Ladezeit und Größe der Seite, sowie ebenfalls die Anzahl der Anfragen bis zum vollständigen Anzeigen der Seite.
- Wer häufig mit großen CSS-Dateien arbeitet, hat sicherlich irgendwann Stylesheetangaben, die nicht mehr benötigt werden. Dust Me Selectors hilft euch dabei diese überflüssigen Selectoren zu finden.
- Zum Validieren einzelner Seiten ist der HTML Validator bestens geeignet.
Popularity: 50% [?]
Leave a reply