Webstandard & Webdesign - CSS, HTML

zum Content springen zur Marginalspalte springen

Hier werben!

Puffing Smoke Effect with jQuery

JavaScript - 12 Feb, 2010

Twittern
Kommentare (2)

Auf der Suche nach JavaScript-Ansätzen der vielleicht nicht ganz alltäglichen Art, bin ich kürzlich auf das jQuery-Plugin SmokeEffect gestossen. Das von Gaya Kessler entwickelte und 2KB "große" und auf jQuery basierende Plugin ist ein recht verspieltes Script, in dem aus 2 Schornsteinen abwechselnd Wolken ausgestossen werden. Die grafischen Elemente sind leicht den eigenen Anforderungen entsprechend anpassbar. Ein durchaus idealer Platz für solche Anwendungen wären vor allem auf Webseiten mit einer besonders jungen Zielklientel, auf der dieses Feature durchaus einen Weg zu steigenden Interaktionen seitens der Webseitenbesucher auf der Seite bedeuten könnte.

Puffing Smoke Effect - Creating this fun jQuery effect doesn't take too much effort.

Wenn dieses kleine Script dann noch wie im Webseitenkopf der von Gaya umgesetzten Webseite GayaDesign ( die allen jQuery-Anhängern nur empfohlen werden kann), mit dem Drag&Drop-Feature versehen wird, kann der "Unterhaltungsfaktor" dieses Plugin durchaus noch ausgebaut werden.

Puffing Smoke Effect in jQuery

In diesem Sinne, "lasst die Schlote qualmen"!

Ähnliche Artikel zu diesem Thema:

oglasi 25 Okt 2011, 20:22

Vielen Dank, das ist eine großartige Lösung für mein Problem.
polovnjaci 28 Okt 2011, 12:14

Gute Idee! Wie, um mehr von diesen Effekten zu bauen?

"Modernes Webdesign mit CSS- Das neue Buch!"
Jetzt direkt bestellen!

Top Artikel - CSS3, HTML5 & Co.

Webdesign Bilder Galerie

Blog-Partner

Online Usability Tests in 24 Stunden

SEO-Software - AceBIT SEO Professionals Suite

CSSGURU.DE

psd zu html | codingpeople

Follow Webstandard on Twitter

Schon abonniert?

Webstandard-Blog on Facebook

Webdesign - CSS Tutorials!

Windows 7 Fenster - Das auch das Interfacedesign von Windows 7 mittels CSS3 Eigenschaften wie umgesetzt werden kann, zeigt der erste Teil dieser 2-teiligen Tutorial-Serie rund um CSS3. Im zweiten Teil wird dann das Verhalten des in wenigen Schritten erstellten Windows 7 Fensters um Dragging & Resizing mittels der Zuhilfenahme der jQuery UI erweitert.

CSS3 Border-Radius - Diese Website-Navigation mit Hauptaugenmerk auf der CSS3 Eigenschaft Border-Radius und den damit vorhandenen Möglichkeiten der Webdesign Gestaltung mit CSS3, zeigt auf wie man ohne Tricks und vor allem keinerlei Grafiken (!) und lediglich ein paar übersichtliche Zeilen CSS, eine etwas andere Navigation mit kreativen Webdesign entstehen lassen kann. CSS3 machts möglich!

CSS3 Transition - Dieses CSS3 Tutorial beschreibt ein Menü mit Slide-Effekt, welches in wenigen Schritten für jedermann realisierbar ist. Fliessend animierte Übergänge, die man sonst im Webdesign nur mittels der Unterstützung von JavaScript erreicht. Ermöglicht wird ein solches "Bewegungsmuster" von der CSS3-Eigenschaft Transition und kann in jedes Webdesign adaptiert werden.