Webwork-Tools - Dem Webworker seine Werkzeugkiste

BBCodeXtra für Mozilla

BBCodeXtra ist eine sehr interessante Erweiterung für Vielschreiber bzw. für Menschen, die in verschiedenen Foren und auf verschiedenen Webplattformen schreiben – somit gehören die Blogger auch zu der Zielgruppe. Das Add-on kann man sowohl unter Mozilla Firefox als auch unter SeaMonkey nutzen. In beiden Gecko-Browsern integriert sich die Erweiterung im Kontextmenü (Rechtsklick). weiterlesen…

Web Developer Toolbar 3

Das hier ist der dritte Teil der Artikel-Serie, in der ich einen meiner Lieblingstools, die "Web Developer Toolbar vorstelle. Hier geht es zum ersten Teil und zum zweiten Teil der Serie.

Der Hauptpunkt "Resize"

Dieser Bereich ist sehr wichtig wenn es darum geht das Layout bzw, die Website unter verschiedenen Fenstergrößen zu testen … es geht darum die verschiedenen Monitorgrößen mit unterschiedlichen Abmessungen zu simulieren. Hier ein paar Beispiele: 1280×1024 Pixel ist die Standardauflösung eines 19" LCD-Monitors, 1024×768 ist die Standardauflösung eines 17" Röhrenmonitors und 1280×800 ist eine sehr häufige Auflösung bei den 15,4" und den 14,1" Laptops.

Neben den bereits eingestellten Größen kann man beliebig weitere Größen einfügen. Dabei kann man entscheiden ob die Ausmaße sich auf das komplette Browserfenster oder auf den Viewport – den sichtbaren Bereich – beziehen. weiterlesen…

Web Developer Toolbar 2

Das hier ist der zweite Teil der Artikel-Serie, in der ich einen meiner Lieblingstools, die "Web Developer Toolbar vorstelle. Hier geht es zum ersten Teil und zum dritten Teil der Serie.

Der Hauptpunkt "Images"

Dieser Hauptpunkt verbirgt einige sehr interessante Funktionen. Alle hier untergebrachte Funktionen haben etwas mit Bildern und Grafiken zu tun. Man kann die Grafiken ausblenden, die Pfade, Ausmaße, Dateigröße und die Inhalte der alt-Attribute ausgeben lassen. weiterlesen…

Web Developer Toolbar 1

Das hier wird der Start einer dreiteiligen Serie sein, in der ich die sehr mächtige und umfangreiche "Web Developer Toolbar" vorstelle. Hier geht es weiter zum zweiten und zum dritten Teil der Serie.

Die Web Developer Toolbar von Chris Pederick ist die Mozilla-Erweiterung und das Webwork-Tool welches ich am meisten nutze und ohne welches ich mir meine tägliche Arbeit als Webworker nicht vorstellen kann und auch nicht mehr vorstellen möchte.

Bei der Web Developer Toolbar handelt es sich um eine Erweiterung für die Browser der Gecko-Familie und zwar für Mozilla Firefox, für SeaMonkey und für Flock. Chris arbeitet schon seit 2003 an dieser Erweiterung und momentan ist die Version 1.1.6 aktuell. weiterlesen…

HTML-Validator für Mozilla

Neben der Web Developer Toolbar ist der HTML-Validator die Erweiterung für Firefox bzw. SeaMonkey, die ich am häufigsten verwende. Die Erweiterung gibt es in zwei Geschmacksrichtungen: der Versionsstrang 0.7x läuft unter SeaMonkey und den älteren Firefox-Versionen. Der Versionsstrang 0.8x hat eine erweiterte Funktionspalette.

Nach der Installation integriert sich die Erweiterung in der Statusleiste des Browsers (siehe Abbildung) und zeigt, je nach Einstellung, bei allen oder nur bei ausgewählten Seiten den Status an: Grün für alles in Ordnung, Gelb für Warnungen und Rot für Fehler. Die Erweiterung gibt noch eine Reihe an weiteren Statusmeldungen aus, die man auf der Anleitungs-Seite finden kann. Kurz gesagt: die Erweiterung ist ein Html-Validator welcher ständig im Hintergrund die Websites überprüft.

Die Erweiterung bietet eine Reihe an Einstellungen: man kann wählen ob der SGML-Parser, HTML-Tidy oder beide Algorithmen die Website prüfen. Dann kann man einstellen ob alle oder nur bestimmte Websites geprüft werden und ob bei der Quelltextanzeige im Browser, die Funktionalität von HTML-Validator aktiviert werden soll. Darüber hinaus kann man einige weitere Einstellungen de- oder aktivieren, wie z.B. die Anzeige der Zeilennummern oder die Hervorhebung der fehlerhaften Zeilen.

Alles in allem ist das imho eine sehr nützliche Browser-Erweiterung, die einem einiges an verlorener Zeit und Nerven ersparen kann.

BBCode für Mozilla

Und wieder eine Erweiterung für Firefox und für SeaMonkey. Der Name der Erweiterung ist BBCode und Sie hilft den Vielschreibern unter uns in dem Sie das Kontextmenü um Anweisungen für Formatierungen für Foren und Kommentarfelder in Blogs (BBCode, HTML und XHTML) erweitert.

So bald man in einem Textfeld das Kontextmenü (Rechtsklick) aufruft, hat man die Möglichkeit den Text zu formatieren und Bilder und Links einzufügen. Diese Erweiterung ist sehr hilfreich für Leute, die sich viel in diversen Foren bewegen und in Weblogs kommentieren. Viele Weblogs bieten keine Formatierungsleisten und die Leisten in Forensystemen sind auch nicht immer einheitlich, so dass es sich lohnt diese Mozilla-Erweiterung einzusetzen.

Sonderzeichen, Signatur und eigene Tags

Neben den "Formatierungsbefehlen" kann man auch Sonderzeichen in maskierter Form (z.B. © anstatt ©) einfügen und bis zu 10 eigene Tags definieren. Diese eigenen Tags können sowohl aus (X)HTML, BBCode oder einer sonstigen Text-Zeichenkette bestehen: z. B. die E-Mail-Signatur für den Webmailer. Somit eignet sich die Erweiterung auch dafür wenn man als Autor in verschiedenen Redaktionssystemen arbeitet, hier kann man sich dann einen Satz eigener Tags erstellen, welche man dann immer im Browser griffbereit hat.

SearchStatus für Mozilla

Bei SearchStatus handelt es sich um eine Erweiterung für die Browser Mozilla Firefox und für SeaMonkey.

Diese Erweiterung ist sehr interessant und nützlich, für Kollegen die sich mit SEO – Suchmaschinenoptimierung von Websites – beschäftigen oder für andere Webworker, die sich schnell über die Position einer Website in verschiedenen Systemen verschaffen wollen.

Nach der Installation wird die Erweiterung in der Statusleiste des Browsers eingebunden. Mit einem Rechtsklick auf das Symbol (ähnelt dem @) öffnet sich das Kontextmenü. Hier hat man die Möglichkeit die Optionen aufzurufen und festzulegen, wo sich die Erweiterung innerhalb des Browsers positionieren soll, welcher WHOIS-Dienst (Domain-Abfrage) zum Einsatz kommt etc.

Die Erweiterung hat eine Reihe von Funktionen anzubieten (siehe zweite Abbildung). SearchStatus kann den PageRank von Google, den Alexa Rank und den Compete Rank einer Website anzeigen. Bei Alexa und Compete handelt es sich um englischsprachige Dienste, die die Wertigkeit einer Website nach diversen Faktoren (eingehende Links, Besucherströme etc.) auswerten.

Darüber hinaus kann man sich die robots.txt, die Meta-Tags und die Anzahl der Links (intern, extern, nofollow etc.) anzeigen lassen. Mit jeweils einem weiteren Klick erfährt man etwas über den Domaininhaber (WHOIS) und kann auf archive.org frühere Versionen, falls vorhanden, einsehen. Sehr nützlich ist die Funktion, dass alle nofollow-Links angezeigt und die Häufigkeit eines Keywords untersucht wird. Und zu guter Letzt kann man sich die indizierten Seiten und die Backlins anzeigen lassen und zwar von Google, Yahoo und msn.