webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

Archive for the 'Javascript' Category


Javascript Scrollbar Uhr und Chrome Experiments

Eine außergewöhnliche Benutzung von Scrollbars in HTML div Elementen zeigt die Scroll Clock. Dabei wird anhand von Scrollbars die Uhrzeit angezeigt:

Die Scroll Clock wurde für das Chrome Experiments entwickelt und auch dort als Projekt veröffentlicht.

Die Chrome Experiments Seite ist eine von Google ins Leben gerufener JavaScript Schauplatz für Google Chromes JavaScript-Engine V8. Projekte die dort [...]

JavaScript spielt Tetris

und das gleichzeitig in acht verschiedenen Spielen:

Man kann es aber auch auf dieser Seite selbst versuchen. Allerdings sieht es wohl so aus als würde der Browser besser Tetris spielen können als ich..:(
Insgesamt ist es schon beeindruckend was man mit JavaScript so machen kann. Wer ein bisschen tiefer in die Umsetzung einsteigen möchte sollte sich diesen [...]

jQuery: Bilder-Karussell mit Fortschrittsbalken

Wer auf einer Seite Bilder in Form einer Präsentation (Slideshow) anzeigen möchte kann heute auf eine Vielzahl an Möglichkeiten zurückgreifen. Und aktuell bin ich gerade wieder über eine sehr schöne Umsetzung mit der JavaScript Bibliothek jQuery gestolpert. Das interessante an der Umsetzung verrät schon der Titel des dazugehörigen Tutorials “Presentation Cycle: Cycle with a progressbar”. [...]

Bilder im modalen Fenster anzeigen – Lightbox Clone Matrix

Modale Fenster zum Anzeigen von Bildern sind mittlerweile in so ziemlich jeder Anwendung die etwas auf sich hält. Selbst große Seiten, wie zum Beispiel focus.de mit den Bildern des Tages verwenden für die Detailansicht eine solche “Lightbox”:

Der Name “Lightbox”, unter dem diese Art Bilder dazustellen wohl den meisten bekannt ist, kommt von der ersten sehr [...]

Umlaute und Sonderzeichen bei REST Aufrufen mit JavaScript immer enkodieren

Kleiner JavaScript Tipp über den ich gerade gestolpert bin. Möchte man in REST Aufrufen Umlaute oder Sonderzeichen (wie z.B. # oder |) mit als Parameter übergeben müssen diese vorher enkodiert werden. Dazu dient dient die JavaScript Funktion encodeURIComponent().
Soll z.B. der String “Sonderzeichen ‘#@_ö’ und hier weiterer Text.” in einem Request mit an einen Server übergeben [...]

Vermögensrechner mit jQuery und der Google Visualization API

In der letzten Zeit stolpere ich immer wieder über verschiedene Blogs auf denen quasi live dokumentiert wird wie sie ihre finanzielle Unabhängigkeit erreichen wollen. Die Blogs heißen “Die erste Million“, “Der Weg zur finanziellen Unabhängigkeit“, “DREIHUNDERTTAUSEND” oder “MILLIONÄR 7“. Die generelle Idee dahinter ist, dass man genügend Geld anspart um nur von den Zinsen leben [...]

Bildergallerie Plugin “Galleria” für jQuery

Wer Bilder präsentieren möchte klatscht diese heutzutage nicht mehr einfach nur so auf die Seite sondern sie werden mit JavaScript oder anderen Techniken schön präsentiert.
Nun gibt es ein weiteres sehr jQuery Plugin mit dem Namen “Galleria” welches eine sehr schöne Bildergallerie ohne viel Aufwand ermöglicht. Das Plugin ist gerademal 4kb groß und erstellt die Thumbnails [...]

Bad Behavior has blocked 1120 access attempts in the last 7 days.