Maschinendenk

Auf der brasilianischen Seite von Sys-con gibt es ein (englischsprachiges) Tutorial, in dem erklärt wird wie man mit Hilfe der Scriptacoulous Bibliothek einen Drag and Drop fähigen Warenkorb entwickeln kann.

Das Tutorial ist recht ausführlich geschrieben, und ich finde es recht brauchbar.

Ich bin mir allerdings grundsätzlich immer nicht so ganz sicher, ob Drag and Drop auf Websites aus Usability Sicht wirklich so eine gute Idee ist.

Weiterlesen »

Aufgrund der Tatsache das es für die, von mir sehr geschätzte, Effektbibliothek Moo.FX keine wirkliche Dokumentation gibt habe ich mir erlaubt selbst eine Einleitung zu Moo.FX zu schreiben.

In dem Artikel wird die Grundlegende Funktionsweise, die Einbindung in HTML Seiten, und die einzelnen Effekt-Funktionen von Moo FX besprochen.

Für jede Funktion wird auch ein kurzes Beispiel gegeben.

Ich mag Moo.FX deshalb recht gerne weil sie, im Gegensatz zb zu Scriptaculous, nur eine Dateigrösse von (insgesamt) rund 15KB aufweist, und damit Super Lightweight ist.
Das spart einiges an Traffic

Weiterlesen »

Aufgrund der asynchronen Art und Weise, wie bei Ajax Daten übertragen werden - funktioniert in den allermeisten Fällen der “Back ” Button des Browsers nichtmehr.

Viele der aktuell hochgelobten Ajax-Websites unterstützen den Backbutton nicht, und brechen damit die Erwartungen viele User.
Auch aus Usability Erwägungen ist es keine gute Idee, dem User den Back button wegzunehmen.

Unter dem Titel “Developing Ajax Applications that preserve standard Browser functionality” hat Mark Schiefelbein ein Tutorial veröffentlicht das erklärt, wie man in asynchronen Anwendungsszenarios das Standardverhalten des Browsers was den Backbutton angeht erhält. Mark Schiefelbein ist “product Management” Chef beim kommerziellen Ajax-Framework Backbase

Er erklärt in diesem Tutorial sehr anschaulich das es nötig ist eine History der Programmzustände (”meaningful state”) anzulegen, die der User ausgelöst hat.
Danach muss man dazu passende URLs generieren, und diese an den Browser zurückgeben.

Weiterlesen »

Ich habe das erste Tutorial für Ajax-Info hinzugefügt

Es befasst sich mit Asynchronous HTML and HTTP - kurz AHAH.

Ich denke dies ist ein ganz gutes Thema für ein erstes Tutorial, das sich auch recht gut für Einsteiger in die Ajax-Entwicklung eignet.

Link: http://www.ajax-info.de/tutorial-ahah-ajax-light

Bei webreference.com steht ein Online Buch zu Javascript kostenlos zur Verfügung.

Das Buch beinhaltet eine sehr gute und ausführliche Javascriipt Referenz.
Neben der detaillierten Beschreibung der einzelnen JS Sprachelemente stehen zu jedem Eintrag auch praktische Anwendungsbeispiele bereit.

Das Buch ist somit, denke ich, eine lohnenswerte Grundlagenlektüre bei der Entwicklung dynamischer Webanwendungen.

Link zum Buch: http://www.webreference.com/javascript/reference/core_ref/

Unter dem Titel “AHAH - Ajax Lite ?” gibt es bei Crackajax.net ein Tutorial das sich mit “Asynchronous HTML and HTTP” , kurz AHAH, befasst.

Man könnte AHAH als Subset der Ajax Funktionalität von XMLHTTP Request beschreiben.
Hierbei wird mit der Methode responseText die Serverrückgabe als Text, statt als XML angefordert.
Dies ermöglicht das asynchrone Verändern von HTML Seiten, durch Rückgabedaten von Serverscripten - ohne die zusätzliche Komplexität von XML (Verarbeitung, Style mit XSLT, etc).

So bietet AHAH eine recht gute Möglichkeit “Ajax Style” Webanwendungen, mit sehr viel weniger Programmieraufwand zu erstellen.

Weiterlesen »

Andy Peatling erklärt in seinem Blog sehr anschaulich, wie man mehr als einen Fortschrittsanzeiger auf einer Ajax-Seite unterbringen kann.

Link zum Tutorial:
http://www.cssdev.com/index.php/archives/2006/01/18/multiple-ajax-loaders/

Unter dem Namen “Nifty Corners” stellt Allesandro Fulciniti auf seiner Homepage ein ausführliches Tutorial bereit, wie man abgerundete Kanten erstellt.

Der besondere Clou ist, das in dem Tutorial nur mit CSS und Javascript gearbeitet wird um den Rune Kanten Effekt  zu erzielen.

Es werden keine Overlays mit Grafiken oder ähnliches verwendet.

Weiterlesen »

Unter http://blog.kung-foo.tv/archives/001614.html findet sich ein (englischsprachiges) Tutorial, in dem erklärt wie man Tooltips im “Ballon Style” erzeugt.

Diese Tooltips sehen den Infopopups unter Windows XP sehr ähnlich (abgerundete Kanten).

Der im Tutorial erklärte Tip beachtet alle nötigen W3C Standards, so dass die Tooltips in allen Browsern funktionieren.
Im Prinzip werden bei dem Tutorial layer mittels CSS umgestyled und mit Javascript dynamisch in die Seiten eingebunden. Weiterlesen »

Der Teia Lehrbuchverlag hat das Buch “Ajax - frische Ansätze für das Webdesign” als kostenlose HTML Version veröffentlicht.

Das Buch beschreibt ausführlich und verständlich die Grundstruktur von Ajax Anwendungen.
Es bietet so eine recht gute Grundlage zum Erlernen und Verstehen von Ajax Anwendungen.

Neben den Grundlagen erklärt das Buch aber auch die Nutzung der Opensource Frameworks Prototype, Sarissa und Sajax.

Link zum Buch:
http://www.teialehrbuch.de/kurse/ajax/