Browser-Add-ons
Zehn Mal besser surfen für Entwickler
Wer erinnert sich noch an den "Browserkrieg" zwischen Microsoft und Netscape in den späten 1990er Jahren? Als Folge dessen sind Browser heutzutage ein kostenloses Produkt. Netscape und Microsoft hatten ihren Programmen in immer kürzeren Zyklen immer mehr Funktionalitäten einverleibt, bis am Ende das eine Schwergewicht von Microsoft als Sieger überlebte.
Der Mozilla Firefox startete im Gegensatz dazu als Leichtgewicht, ohne den Ballast von tausenden Funktionen, und zeigte mit der gezielten Erweiterbarkeit über so genannte Add-ons dass sich Menschen ihren individuellen Browser selbst zusammenstellen können und auch möchten.
Heute bieten auch Google Chrome, der Internet Explorer und der Opera-Browser ein ähnliches Konzept hinsichtlich der Erweiterbarkeit. Auch Web-Designer profitieren von dieser Entwicklung und können sich mithilfe von Add-ons ihre Browser so anpassen, wie sie es benötigen. Wir stellen Ihnen die wichtigsten Erweiterungen hier kurz vor.
- ColorZilla
ColorZilla ist ein praktisches Tool, um Farbwerte auf Webseiten zu ermitteln. - ColorPick Eyedropper
ColorPick Eyedropper unterstützt den Web-Designer bei der Feststellung der Farbwerte auf Web-Seiten. - HSL-Farbwerte
Bei Bedarf erzeugt der ColorPick Eyedropper auch HSL-Farbwerte. - Window Resizer
Mit dem Window Resizer für Chrome wechseln Web-Designer schnell in die gewünschte Display-Auflösung. - Individuell anpassbar
Wenn gewünscht, kann der Entwickler im Window Resizer eigene Formate und Hotkeys speichern. - ruul
Die Größe von Bildschirmelementen ermittelt ein Web-Designer mit Chrome mit ruul – dem Screen Ruler. - FireShot
Mit FireShot sind Web-Designer in der Lage, beliebige Teile einer Website auszuschneiden. - Internet Explorer Developer Toolbar
Microsoft hat die Entwickler-Leiste in den Internet Explorer fest eingebaut, für ältere Versionen gibt es das Add-on zum Download. - HTML Validator
Das Add-on HTML Validator prüft eine Webseite hinsichtlich ihrer HTML-Konformität und der Zugänglichkeit für die Barrierefreiheit. - Expressinstallation
Wie alle Browser-Add-ons ist auch der HTML Validator in wenigen Augenblicken installiert. - Gefährlicher Code
Der HTML-Validator zeigt an, welche Bestandteile im HTML-Code fragwürdig sein könnten. - Autofill Forms
Das Add-on Autofill Forms vereinfacht die wiederholte Eingabe in Formularen. Wie ein Feldbezeichner lautet, zeigt das Programme ebenfalls an. - Firebug
Firebug ist eine umfangreiche Erweiterung, die unter anderem zu einem selektieren Webseitenelement den jeweiligen Code anzeigt. - Umfangreiche Analyse
Die vielleicht wichtigste Funktion von Firebug ist die Analyse der Zugriffsgeschwindigkeit von Seitenelementen und Scripts. - Web Developer
Das Add-on Web Developer ist eine Sammlung von vielen hilfreichen Funktionen – beispielsweise der Wechsel von Proxy-Settings, ohne in das Einstellungsmenü wechseln zu müssen. - Messen
Größenmessung von Elementen mit dem Web Developer Lineal. - Alles in einem
Alle Bestandteile einer Webseite hat ein Web-Entwickler mit Web Developer im Blick.
Platz 10: ColorZilla
Viele Anwender kennen die praktischen Funktionen von Bildbearbeitungsprogrammen wie Photoshop oder Paintshop Pro, wenn es um die exakte Ermittlung eines Farbwerts geht. Innerhalb von Microsoft Office steht die Pipette zur Feststellung des Farbwerts ebenfalls zur Verfügung. ColorZilla erfasst, wie die bereits genannten Programme, den Farbwert eines jeden Pixels auf einer Webseite im Firefox beziehungsweise Google Chrome. Zieht der Webentwickler die Pipette auf die gewünschte Fläche, so wird der verwendete Farbcode in den gebräuchlichen Paletten wie RGB oder HSV ausgegeben.
Weitere Funktionen, wie beispielsweise die integrierte Lupe, Color-Picker und der Palette Viewer werten dieses kostenlose Add-on noch einmal auf.
Fazit: ColorZilla für Firefox und Chrome ist ein unerlässliches Hilfsmittel bei der Prüfung und Festlegung von Farbtönen bei der Website-Gestaltung.
Platz 9: ColorPick Eyedropper
Etwas weniger verbreitet, aber von der Funktionalität ähnlich dem ColorZilla ist der ColorPick Eyedropper für den Chrome-Browser. Dieses Add-on ermittelt ebenfalls den Farbwert für einen gewählten Pixel. Je nach Einstellungen des Webdesigners in den Optionen findet das kleine Programm ebenfalls die HSL-Werte heraus und überträgt die Ergebnisse automatisch in die Zwischenablage.
Foto: Frank-Michael Schlede / Thomas Bär
Fazit: Der ColorPick Eyedropper ermittelt die Farbwerte - nicht mehr und nicht weniger. Somit erledigt das nicht einmal 900 KByte kleine Add-on exakt das, was es tun soll.