Jethwa.de » JavaScript

Neue Version von moo.fx

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Die JavaScript-Effektbibliothek moo.fx hat ein Update hinter sich und bietet nun in der Version 2 einige neue Möglichkeiten und Effekte. Der Download-Overhead bleibt mit 3 KB weiterhin vergleichsweise gering.

Link:
moo.fx - super lightweight javascript effects library (auf Englisch)

Kostenloses E-Book: JavaScript und AJAX

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Bei Galileo Computing gibt es ein neues Openbook zum Download: "JavaScript und AJAX - Das umfassende Handbuch" von Christian Wenz.

Link:
Galileo Openbook: JavaScript und AJAX

JavaScript komprimieren oder verschlüsseln

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Möchte man ein JavaScript zwecks geringerer Downloadzeiten komprimieren oder sogar verschlüsseln (auch wenn der Sinn und Zweck einer JS-Verschlüsselung sicherlich in Frage gestellt werden darf) so könnte der folgende Beitrag aus dem JavaScript Weblog hilfreich sein.

Link:
The JavaScript Weblog: Crunchy Scripts Followup (auf Englisch)

JavaScript-Texteditor mit Syntax-Highlighting

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Helene ist ein Online-Texteditor mit Syntax-Highlighting, der komplett in JavaScript geschrieben wurde.

Die aktuelle Version 0.5 ist jedoch alles andere als fertig und ebensowenig fehlerfrei, so führt beispielsweise die Markierung der aktuellen Cursorposition im Firefox noch zu unschönen Verschiebungen des Textes.

Link:
Helene - A syntax highlighting text editor in JavaScript (auf Englisch)

Bild-Reflexionen mit JavaScript

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Reflections.js ist ein kleines JavaScript, welches zur Laufzeit Reflexionen zu Bildern hinzufügt. Dabei ist es nicht nötig, seinen Quelltext mit JavaScript zu überhäufen, sondern lediglich den gewünschten Bildern eine spezielle CSS-Klasse zuzuweisen.

Das Script läuft im Internet Explorer, Firefox, Opera und Safari und ist weniger als 5 KB groß.

Auf der Download-Website gibt es zusätzlich einige Beispiele und Erweiterungen bekannter Web-Applikationen, die sich das neue Feature zu nutze machen.

Link:
Reflection.js - add reflections to your images (auf Englisch)

HTML-Seiten mit JavaScript zur Laufzeit nachladen

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

AJAX bezeichnet die Technik, über JavaScript dynamisch XML-Inhalte ohne Neuladen der Seite im Browser darzustellen - AHAH verwendet das selbe Konzept, jedoch um komplette weitere Seiten dynamisch in ein HTML-Dokument einzubinden.

Link:
AHAH (Asynchronous HTML over HTTP (auf Englisch)

Drag & Drop in JavaScript

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Zur Realisierung von Drag & Drop Effekten mit Hilfe von JavaScript bieten sich dem Webentwickler inzwischen einige Bibliotheken an.

Zunächst wäre da script.aculo.us über welches ich bereits geschrieben habe. Diese umfangreiche Sammlung wartet jedoch zusätzlich mit diversen Ajax-Funktionen auf, weswegen man sich überlegen sollte, ob es Sinn macht es ausschliesslich für Drag & Drop Funktionalität in sein Projekt zu integrieren.

Einfaches Drag & Drop bietet wz_dragdrop von Walter Zorn. Das Script ist mit ca. 12 KB nicht allzu groß und läuft in allen gängigen Browsern. Diese Bibliothek bietet jedoch keinerlei Zusatzfunktionaöität wie z.B. Snap to grid (am Raster ausrichten).

Wer hier aus dem vollen Funktionsumfang schöpfen möchte, sollte einen Blick auf die Docking Boxes von brothercake werfen. Nachteil dieses Scripts ist jedoch leider die vor allem für Modemuser deutlich spürbare Größe von 68 KB - daher ist der Einsatz für Seiten, bei denen es auf die Aufbaugeschwindigkeit ankommt zur Zeit noch als eher fragwürdig anzusehen.

Links:
script.acoulo.us (auf Englisch)
brothercake Docking Boxes (dbx) (auf Englisch)
Walter Zorn: DHTML API, Drag & Drop für Bilder und Layer

"Lichtkasten": Bilder ohne Popup vergrößern

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Eine interessante und zudem einfache Alternative, Bilder statt einem einfachen Popup mit einem schicken Div-Layer inklusive Lade-Hinweis zu vergrößern bietet "Lightbox JS" von Lokesh Dhakar.

Nach Aussage des Autors funktioniert es in allen modernen Browsern, getestet habe ich es mit Mozilla Firefox 1.5 und Internet Explorer 6 SP2.

Link:
Lightbox JS by Lokesh Dhakar (auf Englisch)

JavaScript-Effekte im Ajax-Style

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

moo.fx ist kleine aber feine JavaScript-Effektbibliothek mit der man seine Internetseiten durch ein paar ansehnliche Effekte aufbohren kann. Der Download ist kostenlos.

moo.fx - super lightweight javascript effects library (auf Englisch)

Teile einer Website kurzzeitig hervorheben

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Sofern man auf seiner Internetseite eine dynamische Aktualisierung einiger Teilbereiche zur Laufzeit vornimmt, kann es sinnvoll sein, die soeben geänderten Bereiche farblich kurzzeitig hervorzuheben.

Das passende JavaScript "The Fade Anything Technique (FAT)" für diesen Zweck wird bei axentric vorgestellt.

Link:
axentric - The Fade Anything Technique (auf Englisch)