jQuery Fancy Drop Shadow Plugin

Mai
02
10
13:51

Turn your mouse into a HTML flashlight!

Yesterday I wrote a very simple plugin for jQuery that uses the CSS text-shadow and box-shadow feature to change the shadow direction according to the current mouse position.

Check out the demo here!

Download jquery.fanceDropShadow.js

How to use

A very simple example would be this:
$("p").fancyDropShadow();

Now every paragraph on your page has an fancy drop shadow. But the shadow only moves when the mouse is over the paragraph itself. To change the “mousemove” listening area you can use the “target” option:

Lets say that your whole page is wrapped in a div with a class named “wrapper”. Now we add this wrapper as target for the “mousemove” event:
$("p").fancyDropShadow({target:"div.wrapper"});

This means that the “mousemove” event which triggers the shadow changes is bound to the wrapper div.

But there are a lot of other options you can modify:

  • shadowColor: changes the color of the shadow. Default: #000;
  • strengthX: sets the strength of the shadow movement in x direction. Default: 0.1
  • strengthY: sets the strength of the shadow movement in x direction. Default: 0.1
  • strengthBlur: sets the strength of the shadow blur. Default: 0.1
  • maxX: limits the shadow displaycement in x direction. Default: 5
  • maxY: limits the shadow displaycement in x direction. Default: 10,
  • maxBlur: limits the blur strength. Default: 5
  • cssShadowMode: sets the CSS shadow attribute which should be used. default: “textShadow”,
  • target: the target area for the “mousemove” event to trigger the shadow displacement. default: “this”

Check out the demo to see some examples.

Hand Drawn Animation

Januar
11
10
22:30

Hier das das Resultat unseres Hand-Drawn-Animation Workshops. Bild für Bild mit der Hand gezeichnet.

Meine Mac OS X Programme Top 10

Oktober
09
09
22:04

Ich bin seit bereits 18 Monaten Mac OS X User und habe in dieser Zeit so einige Programme ausprobiert, die meinen Arbeitstag unter dem Apple Betriebssystem erleichtern. Meine Persönliche Top 10 will ich euch nicht vorenthalten, da ich diese Programme für sehr nützlich halte. Weiter lesen »

iPhone 3GS: Awesome!

September
28
09
23:52

Ich habe bereits vor einigen Wochen über das Samsung Omnia bereichtet, das ich aber ehr schnell wieder verkauft habe, weil ich total unzufrieden und das iPhone 3GS kurz vorm release war. Hier gibts den Artikel zum Nachlesen.

Nun bin ich seit Anfang Juli 2009 stolzer Besitzer eines iPhone 3GS. Als Betreiber kam nur Orange in Frage, der zu dieser Zeit ein – für mich – unschlagbares Angebot hatte: 1000 Freiminuten, 1000 frei SMS, 3GB Datenvolumen und 400 Minuten ins Ausland um 19,90 EUR / Monat. Das Gerät kostete damals 299 EUR, was für die 16GB Version ganz ok war.

Nun hatte ich genug Zeit das Gerät ausgiebig zu testen um mir eine Meinung zu bilden: Das Ding ist der Hammer und ich mag nie wieder ohne iPhone außer Haus gehen :-). Aber mal langsam… Weiter lesen »

Ferienende

September
28
09
23:25

Sehr lange ist es her, seit ich meinen letzten Eintrag geschrieben hab. Es ist auch einiges passiert, was mich immer wieder vom Artikel schreiben abgehalten hat.

Zu meinen Ferien:

Das erste Monat hab ich faul zuhause verbracht. Ab 1. August habe ich bei der Firma Exterior (www.exterior.at) als Webdesigner und IT-Mädchen-Für-Alles angefangen. Meine Hauptaufgaben waren aber der Webshop, das Re-Design von der alten Exterior-Website und das Erstellen so manch anderer Websites. Mir hat es dort so gut gefallen, dass ich wahrscheinlich nach dem Studium dort so einige Zeit verbringen werde.

Das letzte Monat – September – habe ich zuhause verbracht, aber nebenbei noch immer für Exterior gearbeitet. Wenn die Arbeit Spaß macht, klappt das vorzüglich :-).

Als nächstes werde ich einen Artikel über mein iPhone verfassen, wie zufrieden ich damit bin usw.

O Rlyo?

O Rlyo?

Update: Diese O Rly Owl hab ich gestern aus Langeweile gemacht :-)

2D Typoanimation

Juli
11
09
22:14

Diese Animation ist die letzte Übung im Fach 2D Animation gewesen. Die Aufgabenstellung war, eine Typoanimation in Adobe After Effects zu erstellen. Ich hoffe euch gefällts.

Kaboom wurde heute mit großem Erfolg präsentiert!

Juli
02
09
16:43

Heute Nachmittag um 14 Uhr war es endlich soweit: Unser Semesterprojekt wurde das erste mal der Öffentlichkeit präsentiert: Kaboom!

Dieses Spiel wurde von uns vier, Matthias Bartsch, Gernot Raudner, Lukas Struber und mir im 4. Semester an der FH Hagenberg, Studiengang Medientechnik und -design realisiert. Hier gibts schon mal den ersten Trailer zu sehen:

Ziel des Spieles ist es die Burg des Gegners mit seinen eigenen Truppen zu zerstören. Seine eigene Burg kann man mit einer Armbrust, einer Kanone und einem Zauberstab verteidigen.

Geschrieben wurde das Spiel in der Java Monkey Engine, die echt gewaltig viel Power unterm Hintern hat.

Die Musik für das Game wurde von Severin Fichtenbauer (Main Theme), Furax (In Game Musik) und Wûtas (In game Musik) gemacht bzw. zur Verfügung gestellt, danke!!!

Das Spiel selber wird es demnächst als Download geben. Also bitte noch etwas Geduld!

Das Team

Das Team

Test: Samsung Omnia SGH-I900

Juni
27
09
20:36

Meine Eindrücke vom Samsung Omnia. Was ist gut? Was ist schlecht? Wieso nicht?

Omnia

Omnia

Da mein altes Sony-Ericsson Handy schön langsam ausgedient hat, wurde es Zeit für ein neues Mobiltelefon. Ich hab schon sehr lange mit dem iPhone geliebäugelt, aber ich wollte auch ein vollständiges Navigationsystem haben, was das iPhone vor 2 Monaten noch nicht bieten konnte (jetzt, durch das iPhone 3GS und TomTom ist das ja möglich, aber dazu später mehr).

Aus diesem Grund recherchierte ich im Internet sehr lange und stieß auf das Samsung Omnia. Die Videos auf Youtube und Testberichte waren alle durchwegs positiv. Der Touchscreen hat sich in den Videos auch immer wunderbar bedienen lassen. Auch in vielen Foren wurde immer sehr positiv berichtet und von einem iPhone Killer gesprochen. Da das Gerät auch einen GPS Empfänger eingebaut hat und auch ein toller Mediaplayer sein sollte, schien dieses Telefon die beste Alternative darzustellen. Im Ebay habe ich auch sehr schnell ein passendes Angebot für mich gefunden: Die 8GB Version, mit Route 66 Vollversion (D-A-CH) und KFZ Halterung und Ladegerät. Da es auch noch frei war für alle Netze habe ich sofort zugeschlagen.

Das Gerät wurde sehr schnell gelierfert und alles verlief ohne Probleme (was für Ebay mittlerweile eine Ausnahme ist). Weiter lesen »

Ein neues Auto

Mai
21
09
19:05

Hier sind Bilder von meinem neuen Auto: Ein Renault Clio Storia. Fährt echt super.

clio_incognito2clio_incognito

Star Wars Cut-Out Animation

Mai
21
09
18:40

Heute hab ich für euch wiedermal eine Cut-Out Animation. Die Aufgabenstellung war, sich selbst in ein Filmgenre hineinzubringen und mit irgendwas zu interagieren. Gesagt, getan :-). Ralph als Jedi!

Viel Spaß beim Ansehen.