scrollleiste.de

Artikel mit dem Schlagwort "jquery"

Bewegungsparalaxe mit JavaScript

Unter Bewegungsparallaxe versteht man in der Wahrnehmungspsychologie den Effekt, der sich optisch ergibt, wenn verschiedene Objekte unterschiedlich von einander entfernt in einer Landschaft verteilt sind und sich der Beobachter parallel zu diesen Objekten seitlich fortbewegt und dabei in Richtung Horizont blickt. Dieser Effekt tritt beispielsweise auf, wenn man aus dem Seitenfenster eines fahrenden Autos oder Zuges schaut.
Wikipedia

Das JavaScript-Widget „jParallax“ simuliert den Parallaxe-Effekt durch teiltransparente Bilder, die sich in unterschiedlicher Geschwindigkeit zueinander bewegen, wenn man mit der Mause darüber fährt. Ganz anzuschauen, außer um es ins Layout zu integrieren, fällt mir eine geeignete Verwendung im Augenblick nicht ein. Was man zumindest feststellen kann ist, dass heutzutage immer mehr Dinge mit JavaScript gelöst werden, für die früher nur Flash in Frage kam. Schön.

Da es auf der Basis von jQuery geschrieben ist, lässt sich das Widget leicht nutzen, anpassen und erweitern.

Traffic sparen mit AJAX Libraries API

Google bietet den kostenlosen Dienst „AJAX Libraries API“ an, mit dessen Hilfe sich über JavaScript automatisch ein oder mehrere bekannte JavaScript-Frameworks laden lassen. jQuery, prototype, script.aculo.us, mootools oder dojo lassen sich somit mit einer Zeile JavaScript-Code vom Google-Server laden.

Der Vorteil ist: Der Webbrowser des Besuchers meiner Seite lädt sich die gewünschten JavaScript-APIs direkt vom Google-Server anstatt meinen eigenen Webserver mit dem verhältnismäßig hohen Traffic der JavaScript-Dateien zu belasten. Zudem lässt sich die gewünschte Version des einzubetteten Scriptes einfach per Parameter bestimmen und schnell austauschen oder upgraden.

Weiterlesen »

Verläufe im Text mit CSS

Web 2.0 Verläufe im Text per CSS – ohne Flash oder eingebettes Bild unmöglich?

Verlauf im Text per CSS

Nicht mit Hilfe dieses CSS-Tricks: Das Geheimnis ist in den Tag um den Text, z.B. <H1> am Anfang einen weiteren <span>-Tag einzufügen: Weiterlesen »