Firefoxaddons für Webdesigner

September 9, 2007 - Posted by Juicy

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.
This entry was posted on Sonntag, September 9th, 2007 at 17:23 and is filed under Browser. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Kommentar hinterlassen



Erlaubte XHTML-Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Verzögerte Veröffentlichung von Beiträgen: Möglicherweise erscheint dein Beitrag nicht sofort. Er wird dann in Kürze manuell moderiert und freigegeben.

Werbliche Einträge und Spam-Kommentare sind zu unterlassen: Bitte benutze deinen richtigen Namen, ich glaube kaum, dass Du Kredite oder Ed Hardy heißt. Wenn Du auf meinem Blog werben möchten, kontaktiere mich direkt.