In diesem Beitrag möchte ich kurz zeigen, wie ihr euer jQuery-Plugin selber erstellen könnt. Mittlerweile gibt es ja zahlreiche solcher Plugins, wie die Listen auf noupe oder Smashing Magazine zeigen.

Warum ein Plugin?

Ich persönlich finde es hilfreich im Bezug auf die Wiederverwendbarkeit von bestimmten Funktionen. Die Verwaltung von Plugins ist meiner Meinung nach einfacher als ein “normales” JavaScript mit vielen verschiedenen Funktionen.

Wie schon smashingmagazine schreibt, gibt es verschiedene kreative Möglichkeiten, seine persönlichen Programmierkenntnisse zu erweitern. So eignet sich zum Beispiel das beliebten Firefox Add-on Greasemonkey dazu, verschiedene AJAX-Anwendugen für seine Lieblingswebseiten zu schreiben.

Wie bereits erwähnt ist Greasemonkey eine Firefox-Erweiterung, welche lokal eine JavaScript-Datei (sogenannte User Scripts) ausführen lässt. Der Atomtigerblog beispielsweise lässt mit seinem Skript das StudiVZ in blauem Glanz erscheinen.

Sometimes, some additional information in a text can be quite useful. To do this in a website, you can use a fancy tooltip that appears, when hovering a certain word with the mouse. This post will demonstrate, how this can be done, using the great jQuery toolkit.

Code

Demo

Screenshot: Work

It is amazing to see how many plugin are available for jQuery by now and how easy applicable they are. By Mule Design I found a quite smart but simple solution to make UI Tabs in websites bookmarkable, using ScrollTo and LocalScroll. For the “How-to” please have a look at Mule Design’s nice tutorial.

fade photo | show photo

This short JS example just shows a small fade effect. I know that you would usually use some kind of JS library like jQuery or the like, but sometimes you don’t need that kind of blow up of your code, because you nedd just this simple effect. On the other hand, to learn a language, it can be good to do some things on your own.