Eigentlich schreibe ich jetzt über ein Thema, was mir als Webentwickler ja schon ein wenig weh tut, denn es geht darum, die bewusste Gestaltung einer Website in die Macht des Nutzers zu legen und ihn diese (natürlich nur für sich persönlich) anpassen zu lassen.
Klar, Benutzer-Stylesheets gibt es seit „geraumer“ Zeit und sind beim Thema Zugänglichkeit schon fast Routineaufgaben. Auch ist es freilich sinnvoll, sich vom Gedanken zu lösen, dass der Entwickler das Aussehen einer Seite in den Händen hat – Irrtum, das letzte Wort hat immer der Nutzer.
Der Großteil der surfenden Gemeinschaft hat an sich nicht die Kenntnis über diese Fähigkeiten eines Browsers, deswegen will ich hier mal ein (wirklich) kleines Beispiel zeigen, wie man sowas nutzen kann – für was auch immer – ich bspw. für GMX.

Nervfaktor

Ich habe seit Menschengedenken eine E-Mail-Adresse (und bezahle sogar dafür!) bei GMX und ich muss sagen, dass ich aktuell nichts nervenderes kenne, als die Startseite von GMX. Da werden vollkommen irrsinnige und unwichtige „News“ angepriesen, Werbung hier, uninteressanter Schnickschnack da. Ich will mich dem Reizüberfluss und dem Angriff der Banalitäten erwehren … was tun? Klar, ausblenden, aus den Augen, aus dem Sinn.

userContent.css

One CSS to rule them all. Diese unscheinbare CSS-Datei, nur jungfräulich mit dem Anhängsel „-example“ existiert, ist der Schlüssel zum Glücklichsein. Gefunden werden kann sie hier (OS X):

{Nutzeraccount}/Library/Application Support/ »

Firefox/{Profilname}/chrome/

Das » ist nur ein optischer Trenner, die Zeile ist sonst zu lang. {Nutzeraccount} und {Profilname} unterscheiden sich natürlich von Rechner zu Rechner, das Standardprofil heißt „default“. Dort findet sich die userContent-example.css. Wo diese Datei unter Windows liegt, kann ich nicht sagen. Einfach suchen.

Input!

Als erstes entferne man das Anhängsel „-example“ und öffne anschließend die Datei in einem Texteditor. Wer sich etwas mit der CSS-Syntax auskennt, sollte eigentlich keine Verständnisprobleme haben.

Die folgende Zeile befielt dem Firefox, bestimmte Styles auf eine bestimmte URL anzuwenden, hier gmx.net:

@-moz-document url(http://www.gmx.net/) { }

@-moz-document url(…) ist eine Anweisung für Firefox, beim Dokument mit der URL … bestimmte Anweisungen zu erledigen.
Wir erweitern das noch auf die Statusmeldungsseite, falls man sich nicht manuell ausgeloggt hat:

@-moz-document url(http://www.gmx.net/),
url(http://www.gmx.net/de/?status=hinweis) { }

Das ist eigentlich schon das komplizierteste an der Geschichte, der Rest ist Standard. Befüllen wir mal die geschweiften Klammern mit allen Elementen, die wir ausblenden wollen:

@-moz-document url(http://www.gmx.net/),
url(http://www.gmx.net/de/?status=hinweis) {
  #header, #nav, #footer ul,
  #moduleSearchFirst, #infoLine,
  .area.a2, .area.a3 {
    display: none !important;
  }
}

Klartext: Wir listen alle #IDs und .Klassen auf und vergeben ein neues Attribut, display, mit dem Wert none. Da wir sichergehen müssen, dass diese Anweisungen befolgt werden, setzen wir ein !important dahinter.

Der Vergleich

Was das überhaupt bringt, sollen diese beiden vorher/nachher-Screenshots zeigen:

GMX – vorher

GMX – nachher

Wichtig zu wissen:

1. Mit diesem kleinen Trick wird nur die Darstellung verändert, es wird jedoch alles, was die Seite beinhaltet, vom Browser geladen. Wem das zu lange dauert, der drückt einfach Esc, damit wird der Ladevorgang abgebrochen (natürlich sollte man auf die Login-Box warten).
2. Änderungen werden erst nach einem Neustart des Firefox wirksam.
3. Von dieser Spielerei ist nur die reine Startseite betroffen. Sobald man sich eingeloggt hat, ist die URL wieder verschieden (gmx.net/de/) und somit greift das CSS nicht mehr. Man könnte sich hier noch weiter austoben, aber für den Einstieg reicht das erst einmal.

Und so weiter …

Wer noch tiefer in die userContent.css eintauchen will, der kann sich ja hier durchwühlen.

Firefox-Logo

Durch den kleinen Gedankenschuppser dieses Kommentars habe ich nach einem Weg gesucht, um die Profilabrage zu umgehen. Aber wie? Eine einfache Verknüpfung mit zusätzlichen Parametern zu erstellen geht leider nicht eben so. Also habe ich OS-X-eigene Mittel versucht.
Der Automator sagte mir nicht wirklich zu, da fiel mir AppleScript ein. Eine relativ einfache Skriptsprache, mit der man diverse nützliche Helferlein schreiben kann.
Der Skripteditor findet sich übrigens im Ordner Programme » AppleSkript.

Die Eiligen …

… scrollen am besten direkt zum Download runter.

… und die Tüftler …

Der Grundgedanke des Skripts ist gar nicht überragend – Firefox + definiertes Profil starten. Da aber gleich zwei Versionen des Firefox bedient werden müssen, soll das Skript auch flexibel gestaltet sein, um es schnell und unkompliziert anzupassen.

Als erstes muss eine Variable für den Namen der Firefox-Applikation definiert werden. Nehmen wir als Beispiel die wahrscheinlich vorhandene 2er Version mit dem Namen Firefox.app:

set FFName to "Firefox.app"

Nun folgt die Definition der Variable für das Profil. Hier das Standardprofil:

set ProfilName to "default"

Im dritten Schritt wird ein sogenanntes Shell-Script gestartet welches die definierten Variablen enthält.

do shell script "/Applications/" & FFName & "/Contents/MacOS/firefox-bin -P " & ProfilName & " &> /dev/null &"

Die Befehle hinter der Ausgabe der Profil-Variablen bewirken, dass das Skript nach dem Starten von Firefox wieder beendet wird und keinen unnötig laufenden Prozess darstellt.

So, wer gerne selber tippt, der kann das natürlich tun und die Zeilen oben selber verfassen …

Fertige Skripte

… oder diese vorbereiteten Skripte runterladen, entpacken, in den Programme-Ordner kopieren und anschließend ins Dock ziehen.

Icon Skript „Run FF2“

Skript für Firefox 2 – run-ff2.zip
(Standardprofil, Standardname)

Icon Skript „Run FF3“

Skript für Firefox 3 – run-ff3.zip
(Profilname „FF3“, Programmname „Firefox 3“)

Um die Skripte anzupassen müssen diese einfach im Skripteditor (Programme » AppleScript) geöffnet und bearbeitet werden. Die Skripte sind ausführlich kommentiert. Zusätzlich gibt’s auch zwei angepasste Programm-Icons.

Firefox-Logo

Der Firefox 3 ist so eingestellt, dass nun auch Popups mit einer Adresszeile angezeigt werden. Im ersten Moment scheint das eine nette Eigenschaft zu sein, allerdings stellt sich rasch die Frage: Wozu, bitte? Surft etwa jemand in einem kleinen Fenster weiter?

Natürlich nicht. Eher geht es darum, dass man die aktuelle URL der (zumeist Werbe-)Popups ermitteln kann. Aber der Nutzen dahinter ist wohl eher als gering einzuschätzen. JE beispielsweise interessiert die nicht und sie stört ihn schlicht und ergreifend.

Hier nun wieder ein kleiner Workaround, wie man die Adresszeile ausblenden kann.

about:config – ja, ich pass schon auf

1. Gebt in die Adresszeile about:config ein und bestätigt die folgende Seite mit „ja“.
2. Filtert die Ansicht dann nach nach dom (oder direkt nach der Zeile aus 3.).
3. Sucht etwas unten die Zeile dom.disable_window_open_feature.location.
4. Diese steht auf true; per Doppelklick auf false setzen (gefixt; danke, Aro)
5. Fertig, die Adresszeile wird innerhalb eines Popups nicht mehr angezeigt.

Auch hier gilt wieder: In der Konfiguration arbeiten geschieht auf eigene Gefahr!

Nachtrag

Ein generiertes JavaScript-Popup, was das Setting location=no enthält, zeigt trotzdem die Adresszeile an. Die Adresszeile hat allerdings keinen negativen Einfluss auf die dargestellte Größe des Viewports. Angegebene 400 Pixel sind auch 400 Pixel (Beispiel; und was andere Browser machen ist wieder eine andere Geschichte).

Ich habe dazu eine kleine Testseite zusammengebastelt (englisch).

Kurze Beschreibung

Es geht um Links, die in per CSS ausgeblendeten Elementen vorhanden sind und ein title-Attribut tragen. Hält man die Maus nun so lange über den Link, dass der title-Tooltip erscheint, verliert der Firefox die Kontrolle über das Element und beim Bewegen der Maus klappt das Element wieder weg. Einfach mal ausprobieren.

Ich konnte bisher nur unter Mac OS X 10.5.4 testen. Ich würde mich freuen, wenn mir ein Windowsnutzer einen kurzen Bericht hinterlassen könnte, da ich für ein Dualbetrieb unter VMWare Fusion noch zu faul war

Nachtrag: Kenny Feldman hat den Bug auch schon entdeckt (und natürlich gemeldet) und ebenfalls eine Testseite eingerichtet.

Firefox-Logo

Etwas verspätet, aber hier ist er, der Artikel darüber, wie man mehrere Firefox-Instanzen nebeneinander laufen lassen kann. Hierfür gibt es zwei Methoden, die allerdings beide nicht 100%ig zufriedenstellend sind. Ich habe noch keine „automatisierte“ Variante gefunden.

Vorbereitung:
Benennt die 3er Version vor dem Kopieren in den Programme-Ordner um in „Firefox 3“ oder etwas in der Art. Hiermit stellt ihr schon einmal sicher, dass überhaupt zwei Varianten vorhanden sind.

1. Ein bisschen Handwerk

Die erste Methode benötigt den Zugriff aufs Terminal. Keine Panik, es werden nur zwei Zeilen, und die müsst ihr nicht einmal selber tippen. Startet also das Terminal und gebt die erste Zeile ein:

cd /Applications/"Firefox 3.app"/Contents/MacOS

Hiermit begebt ihr euch in das Firefox-3-Verzeichnis. Mit der folgenden Zeile wird der Profilmananger gestartet:

./firefox-bin -ProfileManager

Das Ergebnis sieht dann wie folgt aus (nur, dass bei euch wahrscheinlich nur das Profil „default“ vorhanden sein wird).

Klickt anschließend auf „Profil erstellen“, dann weiter mit „Fortsetzen“. Jetzt einen Namen für das neue Profil wählen und auf „Fertig stellen“ klicken.

Wichtig ist, dass das Häkchen bei „Beim Starten nicht fragen“ weg ist, sonst startet Firefox immer im zuletzt gewählten Profil. Ich weiß nicht, ob es hier eine Möglichkeit gibt, den jeweiligen Feuerfüchsen zu sagen „nimm immer dieses Profil“. Aber da z. B. bei mir der Fuchs sowieso den ganzen Tag läuft, beschränkt sich das Prozedere auf ein Mindestmaß.

2. Per Software

Es gibt eine kleine Software namens „MultiFirefox“, die automatisch den Profilmanager lädt. Hier könnt ihr ebenfalls auf gewohntem Wege die Profile anlegen und auswählen, mit welcher Firefox-Version welches Profil gestartet werden soll. Allerdings funktioniert auch das nicht automatisch bzw. man kann in Profil keiner bestimmte Version zuordnen, was diese Software meiner Meinung nach nicht sonderlich nützlich macht – es ist dann nur eine weitere Software, die irgendwo herumlungert. Und wer die Absicht hat, zwei Firefox-Versionen zum Laufen zu bewegen, dem ist auch das Terminal nicht unbedingt ein Teufelswerk (wenn man weiß, was man einzutippen hat).

Letztendlich ist es natürlich Geschmackssache, wer was bevorzugt.

Ich würde mich auch riesig freuen, wenn jemand eine Lösung der Automatisierung gefunden hat. Also für ganz Faule. Einfach Dock-Icon anklicken und fertig … Ihr wisst, was ich meine.

Firefox-Logo

Kaum einen Tag installiert, gehen mir schon einige Kleinigkeiten des neuen Firefox 3 auf den Keks. Da wäre als erstes die „Awesome Bar“ (Wunderleiste) zu nennen.

Dieses Feature bietet die Möglichkeit, anhand von Stichworten, die man in die Adressleiste eingibt, bestimmte URLs zu finden, an die man sich nicht mehr ganz errinnern kann. Einerseits eine fantastische Idee, nur für mich persönlich bietet das keinen Mehrwert. Abstellen? Keine Chance, dafür ist kein Häkchen in den Einstellungen vorgesehen.

Vorab der Hinweis, der hier unumgänglich ist: Jede Veränderung in den nicht zugänglichen Einstellungen des Firefox erfolgen auf eigene Gefahr. Ich versuche, so umfangreich, wie nur möglich, diese Einstellungen zu testen. Aber auch ich bin nur ein Mensch. Wenn ihr eurer Sache nicht absolut sicher seid, dann lasst es.

Wie man dennoch Herr dieses Dings werden kann, erläutere ich hier kurz:

1. in die Adresszeile about:config eingeben, Warnung bestätigen
2. die Ansicht filtern nach: urlbar
3. die Einstellung browser.urlbar.matchOnlyTyped suchen
4. hier nun den Wert von false auf true ändern – einfach die Zeile doppelt anklicken

Fertig. Nun erscheinen nur noch solche Adressen, die ihr bereits eingegeben habt. Sämtliche stichwortrelevante URLs werden nicht mehr angezeigt.

Nachtrag: Da es schon öfter aufkam … Wer die alte Adresszeile des FF 2 gerne wiederhaben möchte, der sollte sich das Addon „Old Bar“ von Seth Spitzer ansehen.