CSS Archives – PhantaNews

In eigener Sache: mehr Transparenz bei Links

16.07.2012 • Von Stefan Holzhauer • Zu dieser Seite

Ich habe bereits seit einiger Zeit Links, die zu Amazon führen aus Transparenzgründen (wegen der Partnerlinks) als solche gekennzeichnet, es wird dann ein kleines Amazon-Emblem angehängt. Das sieht so aus: Amazon

Diese Vorgehensweise habe ich nun für weitere Linkziele erweitert, damit kann man auf den ersten Blick sehen, wohin die Links führen, und ob man sie verfolgen möchte. Insbesondere dürfte das im Fall der englischen Wikipedia für Personen interessant sein, die dieser Sprache nicht mächtig sind (wobei der Google-Übersetzer in solchen Fällen ja durchaus hilfreich sein kann). Links sind ab sofort wie folgt gekennzeichnet:

Links zur deutschen Wikipedia wird ein kleines »W« angehängt.

Links zur englischen Wikipedia erhalten ein kleines »e«.

Links zur Internet Movie Database bekommen als Anhängsel ein IMDb-Icon (hier geht´s immer auf die englische Fassung, man kann ja bei Bedarf zur deutschen umschalten, die Informationen der englischen Version sind aber in aller Regel umfangreicher).

Alle anderen Links führen zu anderen Seiten im Web (na so was …). :)

Das funktioniert allerdings nur bei aktuellen Browsern, wer also noch irgendeinen Internet Explorer-Dinosaurier (also unter Version acht) verwendet, ist raus. Wer wissen möchte, wie das technisch bewerkstellig wird, wirft einen Blick auf meinen Artikel dazu (nicht mehr ganz taufrisch).

Kleine technische Änderung: Überschriften

Ich möchte an dieser Stelle kurz darauf hinweisen, dass ich die Darstellung der Überschriften geändert habe. Bisher kam dafür Cufón zum Einsatz, hierbei werden Zeichensätze in Javascript umgewandelt und dann angezeigt, auch wenn sich der Zeichensatz nicht auf dem Rechner des Besuchers befand. Leider ging das mit einer deutlichen Verzögerung bei der Anzeige einher, zudem musste man nicht unerhebliche Mengen an Javascript herunter laden.

Da sich die Browser-Unterstützung für die Einbindung von Schriften via CSS über eine @font-face-Angabe kontinuierlich verbessert hat, habe ich mich nun entschlossen, die Überschriften darauf umzustellen. Geht auf den ersten Blick deutlich schneller und fluffiger, zudem habe ich über eine Serverdirektive eine Caching-Anweisung für die Browser gesetzt, so dass der Font nur einmal geladen werden muss und ab dann im Browsercache vorliegt. Falls jemand mit der neuen Font-Darstellung Probleme haben sollte, bitte ich um eine kurze Rückmeldung via Kommentar.

Aber: ja, mir ist bewusst, dass der Internet Explorer 6 das nicht unterstützt. Das ist mir aber egal, wer den Dinosaurier immer noch nutzt, ist selbst schuld.

Edit: wie ich feststelle, ging das mit einer erheblichen Verkürzung der Seitenladezeit einher… :o)

Edit2: wer statt der hübschen Capsuula-Überschriften nur einen fetten, klobigen Standardfont sieht, sollte seinen Browsercache leeren.