Manuel-Bieh.de – Web-Development & Consulting

Achtung: der hier beschriebene Weg behandelt die Erstellung eines Such-Plugins für den Firefox Version 1.x. Mit dem Erscheinen der neuen Versionen ist diese Weg möglicherweise veraltet!

Als Firefox-User hat man die Möglichkeit die Suchleiste oben rechts neben der Adressleiste zu verwenden (Shortcut: strg+k).

Suchplugins für die Leiste gibt es bei MozDev eine ganze Menge.

Auch eigene Suchmaschinen, beispielsweise das eigene Blog, hinzuzufügen ist nicht schwer. Ein Plugin für meinen Blog gibt es z.B. hier. Zur leichteren Verständnis sollte diese Datei evtl nebenbei geöffnet werden. Wir sollten vorab allerdings sicherstellen das die Suche, welche wir integrieren möchten die GET-Methode benutzt, da nur diese bisher vom Browser unterstützt wird.

Zunächst wird der Ordner /Mozilla Firefox/searchplugins geöffnet. Darin befinden sich jeweils 2 Dateien zu einer Seite. Eine mit dem Dateisuffix .src, welche die Daten für das eigentliche Formular enthält, und entweder ein .gif- oder ein .png-Bild. Dieses Bildchen sollte ein 16×16 großes Icon sein, wobei sich das Favicon der jeweiligen Seite zur Wiedererkennung natürlich sehr anbietet. Für unsere Suche legen wir jetzt eine Datei seitenname.src an, dazu ein entsprechend benanntes .gif oder .png-File.

Nun öffnen wir die Quellcodeansicht der Seite deren Suche wir hinzufügen möchten, und scrollen zur Stelle die dem Suchformular entspricht. Beispielsweise:

<form method="get" action="formular.php">
 <input type="text" name="suchname" />
 <input type="submit" />
</form>

Hier merken wir uns die kursiv markierten Stellen (und ich merke das ich in diesem Artikel schon fast 10× „wir“ benutzt habe), öffnen unsere neu angelegte *.src mit einem einfachen Texteditor, und schreiben in diese folgenden Inhalt:

<SEARCH
  version = "7.&#049;" 
  name="<em>Seitenname</em>"
  description="Durchsuche meine Seite"
  method="GET"
  action="<em>http://www.meinedomain.de/pfad/zum/formular.php</em>"
  queryCharset="ISO-8859-&#049;" 
<em># Zeichenkodierung der Seite</em>
  searchForm="http://www.meinedomain.de"
  routeType="internet"
>
<input name="<em>suchname</em>" user>
# An dieser Stelle können auch hidden-fields in der Form:
<input name="<em>feldname</em>" value="<em>wert</em>">
#eingefügt werden)
</search>

Dies sind die nötigsten Werte die eingetragen werden müssen. Starten wir nun den Firefox neu, so sehen wir in der Suchleiste unsere gerade neu angelegte Suche:

Wies aussieht scheint die finale Version des neuen Netscape 8 zum Download bereit zu stehen.

Jetzt fehlen nurnoch die passenden Extensions und alles ist cool.

via: pixelgangster.de

Meine Übersetzung des Typeworkshops ist auf einen Anklang gestoßen wie ich es nicht erwartet hätte. Danke Euch allen für Euer Interesse!

Passend dazu gibt es jetzt von Mark Boulton mit „Five steps to better typography“ einen weiteren Workshop um seine Typografiekenntnisse zu erweitern.

In fünf kurzen Essays werden Themen wie Maße, Ligaturen und typografischer Hierarchie behandelt.

Zu finden ist das Ganze auf Marks Boultons Seite

via: hessi

Oh man, uralt, macht aber immer wieder Spaß: Badger Badger Badger ;)

Gibt es eigentlich wirklich keine Methode einen Link auf Clientseite im neuen Tab öffnen zu lassen? Ich habe mir nach einem meiner Streifzüge durchs XHTMLForum, und einigen Threads über pro & contra target=“_blank“ mal einige Gedanken gemacht. Die Links auf meiner Seite gehen in neuen Fenstern auf. Dies wird per JavaScript gelöst, mit einer Methode die ich hier bereits einmal beschrieben habe.

Ich löse das auf diese Art, da ich denke das ein halbwegs schlauer (Firefox/Opera/Safari) User an der Statuszeile erkennen kann, dass es sich beim entsprechenden Link um einen externen Verweis handelt. Ich jedenfalls achte auf sowas wenn ich einen Link anklicke. In 99% aller Fälle klicke ich dann mit der mittleren Maustaste auf diesen Link, um einen neuen Tab zu erzwingen.

Da ich davon ausgehe, dass ein User entsprechende Links im Artikel anklickt, während er den Artikel noch zuende liest, lasse ich diese Links vorsichtshalber im neuen Fenster aufgehen. Dies kann bei Artikeln mit vielen externen Quellen schnell recht unübersichtlich werden. Gerne würde ich daher diese Methode austauschen, gegen eine, bei der sich die Links im neuen TAB öffnen.

Mir ist bisher keine Möglichkeit bekannt (ausser demnächst mittels CSS3, worüber ich später an dieser Stelle noch ausführlicher schreiben werde), mit der mein Vorhaben zu realisieren wäre. Auch in Foren sagte man mir das dies nicht möglich wäre. Nun habe ich bereits einige Firefox Extensions gesehen, die ja nunmal mit XUL laufen, welche die Links einer Seite in neuen Tabs öffnet (Bookmarks Home, Tabbrowser-Preferences, …).

Diese Technik müsste sich meiner Meinung nach prinzipiell ja adaptieren, und in Webpräsenzen einsetzen lassen. Ich habe mich bisher allerdings erst sehr wenig mit XUL-Applikationen auseinandergesetzt. Daher hoffe ich das sich unter den Lesern dieses Artikels einige befinden, die bereits XUL entwickelt haben, und evtl. einige Erläuterungen dazu abgeben können.

Eine andere Möglichkeit welche ich mir gerade überlegt habe ist folgende: Im Firefox lässt sich ein neuer Tab mittels STRG-Taste erzwingen. Unter JavaScript gibt es eine Möglichkeit einer Aktion Tasten zuzuweisen (event.keyCode). Die STRG-Taste wäre in diesem Fall event.keyCode == 17.

Meine Überlegung die URL des Links als Argument an eine Funktion zu übergeben, in dieser Funktion dann den keyCode 17, also den der STRG-Taste aufzurufen, und direkt danach per window.open den Link zu öffnen führte leider nicht zum gewünschten Ergebnis.

<script type="text/javascript">
function openTab(url) {
 event.keyCode = 17;
 window.open(url);
}
</script>


<a onclick="openTab(this.href); return false;" href="http://www.google.de">google</a>


Ausserdem weiß ich nicht wie das bei Mac-Usern wirken würde, diese ja keine STRG-Taste zur Verfügung haben.

Auch wenn ich nicht gerade Fan davon bin den Usern die Entscheidung abzunehmen wie ein Link geöffnet werden soll, so möchte ich schon das ein User nicht irrtümlich meine Seite (unerwünscht) verlässt indem er einen Link anklickt, aber Ihn gleichzeitig auch nicht mit einer Flut von PopUps überhäufen.

Daher würde ich hier an dieser Stelle gerne die Diskussion starten, ob wir als Webentwickler wirklich auf CSS 3 warten müssen oder ob es irgendeine (wenn auch noch so skurrile) Möglichkeit gibt Verweise in Tabs zu öffnen. Über hilfreiche Kommentare jeglicher Art würd ich mich freuen. Ansonsten wünsche ich euch ein frohes Pfingstwochenende!

Geilomat! Die coolste Zeichentrickserie (nach den Simpsons) die jemals produziert wurde scheint wieder da zu sein. Wie ich gerade aus Zufall in meinem TV-Programm sehen konnte, scheint Family Guy in der Nacht von Montag auf Dienstag, um 0.40 Uhr auf ProSieben zu laufen.

Wer es nicht kennt, die Story und überhaupt alles ist ziemlich von den Simpsons inspiriert und teilweise abgekupfert, das allerdings garnicht mal schlecht. Eine 5-köpfige Familie (davon ein sprechender Hund und ein superschlaues Baby [Stewie]) versucht schadenfrei durchs Leben zu kommen. Für mich eine absolute Guck-Empfehlung!

Als eMail-Programm meiner Wahl kommt Mozilla Thunderbird zum Einsatz, da es allgemein sicherer ist als Outlook, und einfach so herrlich zum Browser meiner Wahl, Firefox, passt. Wem irgendwann mal das passieren sollte, was mir heute passiert ist, nämlich das nach kurzer Unterbrechung der Stromzufuhr auf einmal alle Konten und Mails verschwunden sind, der sollte sich mal die FAQs von thunderbird-mail.de, oder speziell diesen Link anschauen.

Sollten die Kontodaten unbeschädigt sein, so kann man diese mit der beschriebenen Methode einfach wiederherstellen. Ein echter Segen!

Bei Dieter Steffmann gibt es eine sehr große Menge an bekannten Fraktur- und Zierschriften, die er größtenteils selbst digitalisiert hat, zum kostenlosen Download für den privaten Gebrauch.
Die Fonts (meist Type1, TrueType und teilweise auch OpenType) finden sich unter http://moorstation.org/typoasis/designers/steffmann/index.htm

Eine schöne Liste mit Ressourcen für Webentwickler hat Vitaly Friedman auf seiner Seite unter http://www.alvit.de/vf/de/bookmarks-fuer-webdesigner-und-webentwickler.html zusammengestellt. Viele bekannte Sachen sind dabei, aber auch einige unbekanntere hilfreiche Artikel.

Wie ich es bereits vor einigen Tagen angekündigt habe, habe ich nun den Typeworkshop vom Englischen ins Deutsche übersetzt. Der Text ist hier auf der Seite unter „Artikel“ zu finden! Viel Spaß damit!