Eigentlich geht es hier ja hauptsächlich um Webdesign. Aber egal, diesen Clip sollte sich keiner entgehen lassen, der auch mal in heimischen Gefilden eine Welle reiten möchte.
So findet man jedenfalls überall eine Welle: Dynamite Surfing
Popularity: 13% [?]
Hier nun eine Methode E-Mail Adresse vor Spambots mit CSS und ohne den Einsatz von Javascript zu verstecken:
<style type="text/css">
/*<![CDATA[*/
/*]]>*/
</style>
<p class="rev">ed.revres@hci</p>
In der Klasse rev wird mittels unicode-bidi:bidi-override und direction: rtl die Textrichtung umgekehrt.
Wenn man nun im Quelltext die E-Mail Adresse von hinten nach vorne eintippt, erscheint sie für den User in der richtigen Schreibweise.
Leider lässt sich mit dieser Methode der mailto Link nicht verschlüsseln. Man könnte aber die CSS Methode beispielsweise mit diesem JavaScript kombinieren und die E-Mail Adresse wäre für Spambots unkenntlich, für den User aber sowohl lesbar als auch anklickbar.
Ein Nachteil bleibt aber bestehen:
Ohne CSS ist die E-Mail Adresse spiegelverkehrt. Das ist hinsichtlich der Barrierefreiheit und der Ausgabe mit Screenreadern natürlich ein Nachteil.
Browserkompatiblität:
Die CSS Eigenschaft unicode-bidi wird von fast allen modernen Browsern unterstützt:
Ob diese Eigenschaft vom Safari unterstützt wird ist mir leider nicht bekannt.
Popularity: 24% [?]
Kleines nützliches Online-Tool um Pixel in em umzurechnen:
http://riddle.pl/emcalc/
Popularity: 20% [?]
