Kai Thrun » JavaScript

Fix: Schriftenglättung im IE bei fadeIn / fadeOut

Kai Thrun — Sun, 29 Aug 2010 14:21:53 +0000

Wenn das Rendering mal nicht funktioniert

Ich möchte es kurz eingeworfen haben, bevor ich es wieder vergessen habe. Der Internet Explorer (7 als auch hat ein Rendering-Problem mit Cleartype-Schriften, wenn sie per JQuery eingefadet werden. Wenn man mit JQuery den Content bei FadeIn() oder FadeOut() behandelt, kann diese Phänomen zu einer Farce werden. Der Internet Explorer verweigert dann die Schriftenglättung komplett.
Dieses Problem kann man umgehen / lösen. Die einfachere Lösung ist, der Klasse oder ID eine Hintergrundfarbe mit auf den Weg zu geben (z.B. background-color: #fff;). Sollte dies nicht funktionieren, bedarf es bei der Fade-Anweisung das Attribut des Filters wegzunehmen. Wie das im Detail aussieht, findet Ihr in der Quelle, die mir einiges an Nerven erspart hat.

Jquery HoverAttribute – interessantes Plugin oder Spielerei?

Kai Thrun — Mon, 10 May 2010 09:47:33 +0000

Am Wochenende bin ich über ein Jquery-Plugin gestolpert, welches ich noch nicht so recht einordnen kann. Irgendwo zwischen Euphorie dem call to action bzw. dem “point of interest” weitere Informationen mitzugeben (Ja ja, alles außer Hochdeutsch). Das Problem kennt jeder, die Möglichkeiten zu entdecken, darin besteht kein Problem. Das Problem besteht eher darin, die richtigen Abstriche zu machen um ein ausgewogenes Verhältnis zwischen “wow” und überladen zu finden.

Das HoverAttribute-Plugin ermöglicht es einem u.a. Links mit einer Animation und zusätzlichen Informationen zu versehen. Ich kann mir dies gut bei erläuterungsbedürftigen Sachverhalten vorstellen oder eben dem ungeübten Besucher Unsicherheit zu nehmen. So kann ich ihm beispielsweise mit auf den Weg geben, welche Dateien er im Stande zu laden ist, wohin der Link führt oder eine nützliche Information mitgeben. Sicherlich kann man das auch über einen schönen Tooltip machen, die ich über das Title-Attribut angebe oder ebenfalls mit Jquery ~~aufblase~~ verschönere.

Ich habe für das Plugin noch keine Verwendung. Einige Anwendungsbeispiele habe ich allerdings schon im Kopf rumschwirren. Ich finde die “Inline”-Lösung äußerst charmant. Aber ich muss gestehen, dass dies sicherlich unter Geschmackssache fällt. Schaut’s euch mal auf der Seite des Autors an und gebt mir ein Feedback.

Was meint Ihr dazu? Interessant oder eine weitere Spielerei?

JS: Sphere

Kai Thrun — Tue, 27 Jan 2009 02:52:51 +0000

Mit dem JavaScript Sphere lassen sich ohne grafische Bewandtnis Kugeln darstellen. Was man dazu benötigt, ist eben das JavaScript sowie ein Bild, welches man in der Kugel sehen möchte. Wer also als Entwickler eine solche Kugel benötigt, kann auf das Script zurückgreifen. Wer als Entwickler damit allerdings seinen vertrauten Designer in die Pfanne haut, der möge es in die Kommentare schreiben