Browsed by
Schlagwort: jquery

jQuery Masonry

jQuery Masonry

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

jQSlickWrap

jQSlickWrap

jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images. Nutzt HTML5-Canvas.

jQuery Plugin intoViewport

jQuery Plugin intoViewport

Das Plugin intoViewport erledigt als Erweiterung zu der populären Javascript-Bibliothek jQuery das scrollen bestimmter HTML-Elemente einer Webseite in den Sichtbereich des Browsers, aber nur wenn nötig und nur so weit wie nötig.

Extending jQuery’s selector capabilities

Extending jQuery’s selector capabilities

I’m sure you all know that it’s possible to create plugins and extend various aspects of the jQuery JavaScript library but did you know you could also extend the capabilities of it’s selector engine?

Reinventing a Drop Down with CSS and jQuery

Reinventing a Drop Down with CSS and jQuery

For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not).

Chroma Hash

Chroma Hash

In bin mir ja bewusst, dass es strunzlangweilig ist, wenn ich wöchentlich hier einen Link auf ein jQuery-Plugin setze und dabei regelmäßig betonen muss, wie knarzgeil jQuery ist, was für wundervolle Programmierideen damit schon verwirklicht wurden und: dass es immer noch besser wird.

Trotzdem. Chroma Hash (via Ajaxian) ist wieder so eine Programmier- slash Designidee, da muss man einfach frohlocken. Los geht’s. Folgende Problemstellung: beim Registrieren für eine Website muss der User zweimal sein gewünschtes Passwort eingeben, wie üblich verdeckt durch Sternchen/Bullets. Vertippt man sich, muss man nach dem Abschicken des Formulars nochmal beide Passwörter eingeben. Und so fort. Chroma Hash macht aus den Eingaben einen MD5-Hash (der sich nicht zurückrechnen lässt) und daraus widerum kleine Farbbalken. Womit man sofort visuell erfassen kann (im Grunde schon beim Tippen), ob man in beide Felder das gleiche eingetragen hat.

Ja, das ist ein relatives kleines Usability-Gimmick, aber ein wirklich nettes. Einfach mal ausprobieren.

Colorbox

Colorbox

Light- bzw Thickboxen gibt es ja inzwischen wie Sand am Meer, Colorbox allerdings bietet einige sehr interessante Features und man merkt deutlich, dass sich auf dem Gebiet viel getan hat. Zunächst mal ist sie über Aufrufparameter komfortabel zu steuern (was eigentlich für jedes jQuery-Plugin gelten sollte), verschiedene Effekte und Ausführungen (inkl. Bilderpreload und Slideshow) sind wählbar und für den fortgeschrittenen Einsatz bietet sie eine Reihe von Event Hooks, um Callbacks unterzubringen. Bisher die beste Lightbox, die mir über den Weg gelaufen ist.

jQuery Visualize Plugin

jQuery Visualize Plugin

[A] technique we came up with to use JavaScript to scrape data from an HTML table and generate charts using the HTML 5 Canvas element.