WordPress & Webwork » Mozilla

Mozilla Firefox: Rainbow Color Tools

Vladimir — Fri, 10 Feb 2012 14:54:14 +0000

Rainbow Color Tools ist eine Erweiterung für Mozilla Firefox und ein recht leistungsfähiges Farb-Tool. Mit diesem Tool kann man nicht nur Farben bzw. Farbwerte herauspicken und verwalten sondern sich zum Beispiel die Farbkombinationen einer Website anzeigen lassen.

Die gespeicherten Farbwerte in der Library kann man verschlagworten und es wird auch die URL gespeichert, so dass man auch viel später erkennen kann auf welcher Website man den Farbwert gefunden hat:

Für Freunde der bewegten Bilder gibt es mal wieder ein kleines Video:

http://youtu.be/qWg-c86nX5I

Brief: ein kleiner RSS-Reader für Firefox

Vladimir — Mon, 06 Feb 2012 14:14:21 +0000

Wer einen kleinen RSS-Reader für Firefox benötigt um eine handvoll Newsfeeds separat zu beobachten, der sollte sich das Addon Brief mal näher anschauen:

Die einzelnen Newsfeeds legt man im Brief als dynamische Lesezeichen ab und zwar im Ordner Abonnierte Feeds. Man kann bestehende Feed-Abos über eine opml-Datei importieren und die Ausgabe der Artikel durch eigene CSS-Regeln anpassen.

Sonst kann das Tool von der Funktionalität nicht mit den Großgewichten mithalten, aber ich sehe das kleine Tool auch nicht als direkte Konkurrenz zu Google Reader & Co. sondern eher für Zwecke wo was kleines, einfaches und übersichtliches benötigt wird.

Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen

Vladimir — Sun, 05 Feb 2012 16:35:48 +0000

View Source Chart ist eine Erweiterung für Mozilla Firefox die in der Quelltextansicht, die einzelnen Blöcke farblich voneinander trennt:

Nach der Installation ist die Erweiterung über das Kontextmenü, Rechtsklick auf die zu prüfende Website, erreichbar unter dem neuen Menüpunkt Seitenquelltext formatiert anzeigen.

Mozilla Firefox 10: Seiten-Inspektor

Vladimir — Wed, 01 Feb 2012 14:39:30 +0000

Ich habe schon im November letzten Jahres über den Seiten-Inspektor, dem neuen Webworker-Tool, geschrieben. Damals war Firefox 10 noch in der alpha-Version (Aurora). Gestern wurde Firefox 10 in der finalen Fassung veröffentlicht und nun steht das neue Tool auch der breiteren Öffentlichkeit zur Verfügung.

Das neue Tool kann man auf drei Wegen aufrufen: per Kontextmenü (aka Rechtklick) und dann Element untersuchen, über strg + shift + i oder über Extras → Web-Entwickler → Untersuchen.

Klar, noch ist das Tool nicht leistungsfähig genug um ausgewachsene Tools wie z. B. Firebug zu ersetzen, aber für einen schnellen Blick hinter die Kulissen einer Website reicht es allemal.

Firepicker: ein Farbtool für Firebug

Vladimir — Sat, 21 Jan 2012 13:10:10 +0000

Bei Firepicker handelt es sich um ein Firefox-Addon, welcher die Funktionalität von Firebug um einen Farbdialog erweitert:

So hat man die Möglichkeit einfach und schnell neue Farben und verschiedene Transparenzwerte zu testen → Stichwort RGBA.

CSS Usage: welche CSS-Regeln sind im Einsatz?

Vladimir — Fri, 20 Jan 2012 13:08:44 +0000

CSS Usage ist ein Addon für Mozilla Firefox, welche den Firebug um eine zusätzliche Funktion erweitert. Mit CSS Usage kann man herausfinden welche CSS-Regeln auf einer bestimmten Seite eingesetzt werden.

Nach der Installation bindet sich CSS Usage in Firebug als zusätzlicher Tab ein. Mit Klick auf Scan untersucht man die gerade aufgerufene Seite. Aktiviert man AutoScan dann kann man mehrere Unterseiten der gleichen Website aufrufen und die Erweiterung berücksichtigt dies.

CSS Usage listet alle eingebundenen CSS-Dateien komplett auf. Dabei werden eingesetzte Regeln mit hellgrüner Farbe ausgegeben. Regeln, die auf einer anderen Unterseite eingesetzt wurden sind dunkelgrün und rot sind die Regeln, die gar nicht zum Einsatz kommen.

Firefox: Rechtschreibprüfung in einzeiligen Feldern aktivieren

Vladimir — Sat, 14 Jan 2012 13:48:13 +0000

Gerade vorhin ist es mir passiert: Artikel verfasst, Rechtschreibung per Firefox geprüft, Artikel veröffentlicht und da erst gemerkt, dass ein kleiner Fehler in der Überschrift war.

Wenn man in Firefox die automatische Rechtschreibprüfung während der Eingabe aktiviert – Einstellungen → Allgemein – dann gilt das nur für die mehrzeiligen Felder. Möchte man die Prüfung auch in den einzeiligen Feldern aktivieren, dann muss mit einem Rechtsklick in dem entsprechenden Feld das Kontextmenü aufrufen und dort Rechtschreibung prüfen aktivieren.

Allerdings ist es so, dass diese Einstellung nur für dieses Feld explizit gilt. Verfasse ich dann einen neuen Artikel auf perun.net muss ich wieder in dem Überschrift-Feld die Rechtschreibung aktivieren. #wtf

Warum es keine globale Einstellung gibt Einzeilige Felder prüfen ist mir ein Rätsel. Muss mal nachher schauen ob es nicht etwas in der about:config einzustellen gibt.

Zwei Minuten später: So, habe jetzt hier etwas gefunden. Einfach about:config in der Adresszeile aufrufen, bestätigen und dann nach layout.spellcheckDefault suchen und den Wert von 1 auf 2 setzen. Stellt man 0, dann deaktiviert man die Rechtschreibprüfung.

Jetzt funktioniert die Prüfung in allen Textfeldern.

Mozilla Firefox: Firebug 1.9

Vladimir — Mon, 09 Jan 2012 16:51:19 +0000

Vor ein paar Tagen wurde die Version 1.9 von Firebug veröffentlicht. Bei Firebug handelt es sich um ein sehr wichtiges Werkzeug für Webworker, mit dem man sehr schnell eine Website untersuchen und auf Fehler überprüfen kann. Das Werkzeug habe ich bereits an zwei Stellen erwähnt bzw. beschrieben: hier und hier.

In der neuen Version sind ein paar Funktionen hinzugekommen, wovon ich zwei für mich persönlich als wichtig erachte. Zum einen bekommt man, wenn man in der HTML- bzw. CSS-Ansicht mit dem Cursor über ein Schrift fährt, einen Tooltip eingeblendet, in dem man einen Blindtext mit der jeweiligen Schrift zu sehen ist:

Die andere Funktion ist die Möglichkeit eine einzelne HTTP-Anfrage im Netzwerk-Bereich gezielt neu zu senden. Einfach auf die entsprechende Anfrage rechts-klicken und im Kontextmenü Erneut senden auswählen.

Weitere Berichte zu Firebug 1.9:

CSS: browserspezifische Eigenschaften, Pseudo-Elemente und Pseudo-Klassen von Mozilla

Vladimir — Mon, 02 Jan 2012 12:30:30 +0000

Mozilla bietet für die Produkte die auf die Gecko-Engine setzen – wie zum Beispiel Firefox, SeaMonkey, Thunderbird – eine Fülle von browserspezifischen CSS-Eigenschaften, Pseudo-Elementen und Pseudo-Klassen. Eine ausführliche Liste findet man unter Mozilla CSS Extensions.

Eine recht interessante Pseudo-Klasse ist ::-moz-list-bullet. Damit kann man das Aussehen, des Auflistungszeichens per CSS steuern. Hier ein Beispiel:

li::-moz-list-bullet {
    color: #900;
    font-size: 9px;
}

Diese Regel angewendet ergibt folgendes:

Links im Bild ist das normale Aussehen der Liste aus dem Artikel DokuWiki installieren und rechts im Bild ist die Liste nach dem man die CSS-Regel eingebaut hat. Nach dem gleichen Prinzip kann man auch das Aussehen der nummerierten Liste mit Hilfe der Pseudo-Klasse ::-moz-list-number beeinflussen.

Einen Überblick, allerdings nur bei den Eigenschaften, über die browserspezifischen Angaben liefert Vendor-prefixed CSS Property Overview. Neben Gecko (Mozilla) werden dort WebKit (Chrome, Safari), Presto (Opera) und Trident (IE) berücksichtigt.

WordPress und Firefox: was erwartet uns in 2012?

Vladimir — Sun, 01 Jan 2012 16:55:00 +0000

Das neue Jahr ist gerade mal einen Tag alt und schon kann man einige Aussagen treffen, über dass was wir zu erwarten haben. Die WordPress-Entwickler planen dieses Jahr drei neue Versionen zu veröffentlichen:

Aus Erfahrung wissen wir, dass dies wahrscheinlich nicht klappen wird, da man in der Vergangenheit immer gute fünf Monate und mehr gebraucht hat um eine neue Version zu veröffentlichen. Ich tippe eher auf WordPress 3.4 in der zweiten April-Hälfte, WP 3.5 irgendwann im September und 3.6 in 2013.

Ich bin gespannt welche der Ideen, die Nutzer eingereicht haben und die in engere Auswahl gekommen sind, in den nächsten Versionen umgesetzt werden.

Apropos WordPress: auf WordPres.org gibt es eine kleine Umfrage, die dazu dienen soll die Benutzbarkeit der Website zu verbessern.

Mozilla Firefox in 2012

In den ersten drei bis vier Monaten wird es drei neue Versionen von Firefox geben: 10, 11 und 12. Neben neuen Webworker-Tools (ich schrieb schon darüber) wird das "stille" bzw. automatische Update kommen.

Was auch kommen wird sind die 3D-CSS3-Transitionen und zwar schon in Firefox 10. Wer mit dem Begriff nichts anfangen kann, findet hier die Spezifikationen und hier ein Video:

Ab Firefox 11 wird es möglich sein den kompletten Browser inklusive der Erweiterungen zu synchronisieren. Hier eine Abbildung aus meinem Firefox 11 Aurora:

Das ist auf jeden Fall interessant für Leute, die auf mehreren Rechnern arbeiten.

Mozilla Firefox: neue Webworker-Tools in Aurora 11

Vladimir — Fri, 23 Dec 2011 20:30:05 +0000

Ich habe vor etwas mehr als vier Woche geschrieben welche neue Entwickler-Tools in Firefox 10 dazu kommen. Momentan befindet sich Firefox 10 in der Beta-Phase und wird voraussichtlich am 31. Januar 2012 veröffentlicht.

In der Version 11 werden weitere Webworker-Tools hinzukommen. Zum einen wäre dies der CSS- bzw. Style-Editor:

Und zum anderen wird eine Erweiterung mit dem Namen Tilt integriert, die ich hier im Artikel Website in 3D untersuchen bereits vorgestellt hat. Damit kann man eine Website in einer 3D-Ansicht untersuchen und auf Fehler untersuchen (debuggen).

Welche weitere neuerungen uns in Firefox 10 erwarten kann man unter Release Tracking nachlesen.

Mehrere Firefox-Versionen installieren und parallel betreiben

Wenn du die ganzen neuen Tools in der Beta- und Alpha-Version (Aurora) testen möchtest, ohne das du dein Firefox im produktiven Einsatz ändern musst, dann kannst du mehrere Firefox-Versionen parallel installieren und unabhängig von einander betreiben. Wie das geht habe ich im Artikel mehrere Firefox-Versionen parallel nutzen beschrieben.

Was ist neu in Mozilla Firefox 9?

Vladimir — Wed, 21 Dec 2011 13:12:05 +0000

Die Neuerungen in Firefox 9 sind nicht so üppig ausgefallen, speziell aus der Sicht der Webworker, aber dafür erwarten uns in den folgenden Versionen um so mehr neue und erweiterte Entwickler-Tools.

In Firefox 9 wurde die Geschwindigkeit beim Ausführen von Javascript und die Anpassung an Mac OS X 10.7 verbessert. Es wurde die CSS-Eigenschaft font-stretch eingeführt und text-overflow erweitert.

Mit font-stretch kann man die Schrift stauchen oder strecken. Diese Eigenschaft wird ab Gecko 9 (Firefox 9, SeaMonkey) und zum Teil von Internet Explorer 9 unterstützt.

Das text-overflow wurde mit Firefox bzw. Gecko 7 eingeführt und jetzt erweitert. Mann kann damit bei Texten, die in eine Box nicht passen, Auslassungszeichen einblenden lassen. Diese Eigenschaft wird neben SeaMonkey und Firefox auch von anderen relevanten Browsern unterstützt.

Bei meinem Update gab es keine Probleme und wie schon bei Firefox 8 kamen auch alle Erweiterungen mit. Weitere Infos zu Firefox 9 gibt es auf Golem.de.

Pencil: Zeichentool für Wireframes und Diagramme

Vladimir — Sat, 17 Dec 2011 21:07:55 +0000

Pencil ist ein OpenSource-Programm (GPL) mit dem man Wireframes, schematische Zeichnungen einer Website, und Diagramme zeichnen kann:

Pencil kommt in zwei Geschmacksrichtungen daher: als Firefox-Addon oder als eigenständiges Programm für Windows, Linux und MacOS X.

Unter Stencils (engl für Matrize, Schablone) findet man u.a. zusätzliche Formen und Icons. Pencil ist eines von vielen Programmen, der Drittanbieter, die auf die Technologie von Mozilla setzen.

Firefox und Firebug: 64 Tools für Webworker

Vladimir — Fri, 02 Dec 2011 12:38:26 +0000

Wer aktuell noch nichts fürs Wochenende vor hat, der könnte sich die Auflistung der Webwork-Tools auf hacks.mozilla.org mal genauer anschauen:

Es werden 51 Erweiterungen für Firefox und 13 Erweiterungen für den Firebug aufgelistet. Ein paar davon sind auf meine Testliste gewandert, unter anderem Screenshot Pimp und friendly bug.

Mozilla Firefox mit Parametern starten

Vladimir — Sat, 19 Nov 2011 12:48:31 +0000

Ich habe bereits vorgestern im Artikel Mehrere Firefox-Versionen parallel nutzen bereits einige Parameter bei Aufruf von Firefox genannt:

firefox.exe -ProfilManager
"E:\Programme\Firefox Aurora\firefox.exe" -no-remote -p Aurora

Füge ich die erste Zeile in die Suche von Windows ein, dann rufe ich damit den Profilmanager von Firefox auf. Füge ich die zweite Codezeile in die Suche oder gebe als Ziel einer Verknüpfung ein, dann kann ich damit eine zusätzliche Firefox-Instanz starten, die auf die Aurora-Version zurückgreift und dabei das Profil mit dem Namen Aurora benutzt.

Das ist aber nicht alles. Ich kann auch beim Start eine Adresse angeben die aufgerufen wird:

firefox.exe www.perun.net

man kann natürlich auch mehrere Adressen beim Aufruf angeben:

firefox.exe www.perun.net www.wordpress-buch.de

Ist bereits Firefox aktiv, dann wird bei so einem Aufruf mit einer URL ein zusätzlicher Tab und beim Aufruf mehrerer URLs ein neues Browser-Fenster gestartet. Möchte man auch bei der Übergabe einer URL ein neues Fenster erzwingen, dann gibt man folgendes in den Suchschlitz ein:

firefox.exe -new-window www.perun.net

… oder als Ziel der Verknüpfung:

"E:\...\firefox.exe" -new-window www.perun.net

Auflistung von weiteren Parameter findet man unter anderem auf MozillaZine und auf MDN. Wobei einige Parameter anscheinend nicht mehr funktionieren. Die Parameter für eine explizite Höhe -height 450 und Breite -width 500 ignorierte Firefox bei mir.

Mozilla: Webworker-Tools in Firefox 10 (Aurora)

Vladimir — Fri, 18 Nov 2011 14:56:09 +0000

Der Artikel auf Mozilla Hacks hat mit so neugierig gemacht, dass ich gestern Firefox Aurora parallel installiert habe um selber die Webwork-Tools von Firefox 10 zu testen. Firefox 10 befindet sich momentan im Aurora-Zweig und wird daher wahrscheinlich im ersten Quartal nächsten Jahres erscheinen.

Was mir persönlich gefällt ist der neue Inspektor. Man kann ihn auf drei Wegen aufrufen: per Kontextmenü (aka Rechtklick), über strg + shift + i oder über Extras → Web-Entwickler → Untersuchen.

Was auffällt ist die Brotkrümelnavigation, die einem anzeigt wo man sich gerade innerhalb des Dokumentes befindet. Klickt man rechts unten auf den Button HTML, dann wird…

… das HTML des angewählten Bereiches bzw. Elements angezeigt. Leider kann man hier das HTML nicht manipulieren im Gegensatz zu der CSS-Ansicht …

… die man durch den Klick auf den Button CSS erreicht. Sicherlich, Firebug ist nach wie vor das leistungsfähigere Webwork-Tool, aber die neuen bzw. aufgewerteten Entwickler-Werkzeuge in den kommenden Firefox-Versionen werden es zumindest bewirken, dass in den meisten Fällen die Feuerwanze viel seltener aufgerufen wird.

Mozilla: mehrere Firefox-Versionen parallel nutzen

Vladimir — Thu, 17 Nov 2011 20:34:05 +0000

Ich wollte mal wieder mehrere Firefox-Versionen parallel betreiben, da mich der Artikel auf Mozilla Hacks über die Webentwickler-Tools in Firefox 10 (Aurora) neugierig gemacht hat.

Daher auch die Kurzanleitung, wie man mehrere Firefox-Versionen parallel installieren und auch gleichzeitig nutzen kann.

Als erstes lädt man sich Firefox Beta und/oder Firefox Aurora (Alpha-Version) von der offiziellen Seite herunter.

Im zweiten Schritt beendet man die Standard-Version von Firefox und ruft dann den Profil-Manager des Browsers auf. In Windows geht das u.a. in dem man firefox.exe -ProfilManager in die Suche eingibt.

Im Profil-Manager richtet man sich dann die notwendigen Profile ein, zum Beispiel Aurora oder Beta.

Anschließend installiert man Aurora und/oder Beta in verschiedenen Ordnern: den Installationspfad kann man unter benutzerdefinierten Installationseinstellungen bestimmen.

Ich habe mir von der Installationsroutine die Icons bzw. die Verknüpfungen auf den Desktop legen lassen und habe die dann bearbeitet: Rechtsklick → Eigenschaften → Verknüpfung und habe dort im Feld Ausführen in: folgendes eingetragen: "E:\Programme\Firefox Aurora\firefox.exe" -no-remote -p Aurora bzw. "D:\Programme\Firefox Beta\firefox.exe" -no-remote -p Beta.

Mit dem Parameter -no-remote ermöglicht man es , dass mehrere Firefox-Instanzen gleichzeitig laufen können. Mit dem Parameter -p Profilname startet man Firefox mit dem jeweiligen Profil.

So kann man mehrere Installationen von Mozilla Firefox parallel und auch unabhängig von einander betreiben.

Mozilla Firefox: Kontextmenü anpassen

Vladimir — Tue, 15 Nov 2011 09:40:37 +0000

In dem Artikel vor fünf Tagen ging es darum wie man mit Hilfe von HTML5 das Kontextmenü in Firefox erweitern kann, jetzt geht es um eine Erweiterung, mit der man das Kontextmenü von Firefox an eigene Bedürfnisse anpassen kann:

Die Erweiterung heißt Menu Editor und damit kann man die einzelnen Bereiche und Ounkte des Kontextmenüs sortieren, positionieren oder ausblenden.

Phoenix in Firefox: Codeeditor mit Syntaxhervorhebung

Vladimir — Sun, 13 Nov 2011 15:43:46 +0000

Fragt mich nicht auf welchen Weg ich dahin gekommen bin, aber ich habe gestern im Verzeichnis der Erweiterungen für Mozilla Firefox den Codeeditor Phoenix entdeckt. Nach der Installation ist Phoenix über das Kontextmenü und über das Icon in der Addon-Leiste (früher auch Statusleiste genannt) aufrufbar. Damit kann man sehen wie viele CSS- und Javascript-Dateien in der jeweiligen Seite eingebunden sind und man kann diese Phoenix aufrufen:

Phoenix bietet Syntaxhervorhebung für HTML, CSS und Javascript und stellt einige Tools, wie z. B. Code komprimieren, und Infos bereit. Man hat auch die Möglichkeit die Änderungen abzuspeichern.

Twitter-Suche in Firefox

Vladimir — Fri, 11 Nov 2011 16:34:50 +0000

In vielen News-Meldungen zu dem neulich erschienen Firefox 8 hieß es sinngemäß "die Twitter-Suche wurde integriert". Das ist aber nur die halbe Wahrheit. Prinzipiell stimmt es, aber diese Neuerung gibt es nicht in der deutschen Version. Wer aber dennoch schon jetzt die Twitter-Suche in Firefox einbinden möchte, der kann dies mit dem offiziellen Tool von Twitter nachrüsten:

Mit der Installation dieser Erweiterung rüstet man direkt, also ohne Neustart des Browsers, die Twitter-Suche nach. Ab da kann man nach Twitter-Accounts (z. B. @vlad_perun) und nach Hashtags (z. B. #Wordpress) in der Adresse-Leiste suchen und die Suchfunktion von Twitter steht in der Liste der verfügbaren Suchmaschinen:

Das war's. Einfach umzusetzen, aber dennoch ein recht hoher Mehrwert.

WordPress & Webwork » Mozilla

Mozilla Firefox: Rainbow Color Tools

Verwandte Beiträge:

Brief: ein kleiner RSS-Reader für Firefox

Verwandte Beiträge:

Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen

Verwandte Beiträge:

Mozilla Firefox 10: Seiten-Inspektor

Verwandte Beiträge:

Firepicker: ein Farbtool für Firebug

Verwandte Beiträge:

CSS Usage: welche CSS-Regeln sind im Einsatz?

Verwandte Beiträge:

Firefox: Rechtschreibprüfung in einzeiligen Feldern aktivieren

Verwandte Beiträge:

Mozilla Firefox: Firebug 1.9

Verwandte Beiträge:

CSS: browserspezifische Eigenschaften, Pseudo-Elemente und Pseudo-Klassen von Mozilla

Verwandte Beiträge:

WordPress und Firefox: was erwartet uns in 2012?

Mozilla Firefox in 2012

Verwandte Beiträge:

Mozilla Firefox: neue Webworker-Tools in Aurora 11

Mehrere Firefox-Versionen installieren und parallel betreiben

Verwandte Beiträge:

Was ist neu in Mozilla Firefox 9?

Verwandte Beiträge:

Pencil: Zeichentool für Wireframes und Diagramme

Verwandte Beiträge:

Firefox und Firebug: 64 Tools für Webworker

Verwandte Beiträge:

Mozilla Firefox mit Parametern starten

Verwandte Beiträge:

Mozilla: Webworker-Tools in Firefox 10 (Aurora)

Verwandte Beiträge:

Mozilla: mehrere Firefox-Versionen parallel nutzen

Verwandte Beiträge:

Mozilla Firefox: Kontextmenü anpassen

Verwandte Beiträge:

Phoenix in Firefox: Codeeditor mit Syntaxhervorhebung

Verwandte Beiträge:

Twitter-Suche in Firefox

Verwandte Beiträge: