Maschinendenk

Für ein Projekt an dem ich derzeit arbeite, benötigte ich dynamische DHTML Tooltips an verschiedenen Stellen.
Da ich bereits die Prototype.js Bibliothek in dem Projekt verwende, lag es nahe mich nach Tooltips für Prototype umzuschauen.

Mit Prototip von Nick Stakenburg bin ich fündig geworden
Prototip ist eine kleine , einfache JS Bibliothek die die Erzeugung solcher Tooltips ermöglicht.

Hier ein Beispiel:

Zur Verwendung von Prototip muss man lediglich eine zusätzliche JS Datei im HEAD Bereich einbinden.
Diese Datei umfasst nur ca 9KB. Ausserdem kann man die Tooltips beliebig mit CSS stylen, indem man das Prototip.css Stylesheet einbindet.

Weiterlesen »

Ich habe, wie angekündigt, mein Prototype Tutorial um ein Kapitel erweitert: Ajax

Das Kapitel erläutert die wesentlichen Methoden von Prototype JS für Ajax Requests.
Ausserdem werden 2 praktische Beispiele gegeben.

Viel Spass.

Eine Komponente die mir an Moo.FX immer sehr gut gefallen hat war der Akkordeon Effekt.

Kevin Miller hat ein einfach zu nutzendes Akkordeon für Scriptaculous geschrieben.

Mit seinem Script sind horizontale und vertikale Akkordeons möglich.
Link: http://stickmanlabs.com/accordion/

Update: Dank des Hinweises von Scriptac weiss ich nun auch, dass es diesen Effekt auch in Scriptaculous bereits gibt:
Link: http://wiki.script.aculo.us/scriptaculous/show/accordion+menu

Ich habe dem Moo FX Basistutorial ein Beispiel hinzugefügt.

Es zeigt wie man mit MooFx ganz einfach ausklappbare Textboxen erzeugen kann.
Ihr könnt euch das Beispiel auch in Aktion ansehen: http://www.ajax-info.de/klappboxen1.html

Viel Spass damit

Joe Hewitt veröffentlicht einen Iphone basis Skin, den man als Basis für Chick aussehende Web Anwendungen im Iphone nutzen kann.
Ein Beispiel hier: http://joehewitt.com/files/iphone/navigation.html

Alle benötitgten Files lassen sich hier herunterladen: http://joehewitt.com/files/iphone/

Die Hauptarbeiten leisten hierbei iphonenav.js für die Funktionalität und iphonenav.css für den Style.

Weiterlesen »

Ich habe mal wieder begonnen ein kleines Tutorial zu schreiben.
Dieses Mal befasse ich mich mit dem Ajax / DOM Framework Prototype.js

Bisher steht die Einführung des Tutorials zum Lesen bereit.
Sie behandelt die Einbindung und die Verwendung der von Prototype bereitgestellten Helfermethoden.

Ich werde in den nächsten Wochen immer mal wieder neue Updates zu dem Tutorial posten, so dass am Ende ein vollständiges Prototype.js Tutorial vorhanden ist.

Weiterlesen »

Wie bereits angekündigt habe ich nun Version 0.2 meiner Google Maps Klasse Gmapper veröffentlicht.

Folgende neue Funktionen wurden eingeführt:

• Die Funktion map() kennt nun einen weiteren optionalen Parameter “mausrad”.
  Wird diese Option aktiviert, lässt sich die Karte mit dem Mausrad von Radmäusen zoomen
• Die Funktion polyline() kann nun beliebig viele Punkte miteinander verbinden.
  Ausserdem kann sie richtungsanzeigende Pfeile auf der Linie einblenden (Beta)
• Es steht nun eine richtige Klassendokumentation zur Verfügung.

Ich habe natürlich auch das Tutorial zur Klasse bereits aktualisiert.

Weiterlesen »

Nachdem die Entwickler von Mad4Milk vor Kurzem ihr Javascript-Webframework Moo.tools veröffentlicht haben, folgt nun der nächste Streich:

Moo.FX 2.0

Die neue Version der beliebten JS Effektbibliothek bringt sowohl einige Weiterentwickelte als auch neue Funktionen: Weiterlesen »

Nachdem Mad4Milk kürzlich die neue Bibliothek Moo.Tools, veröffentlicht hat zeigt Jonathan Schemout mit SmoothSlideshow 2 eine nützliche, und sehr hübsch anzusehende Anwendung der Bibliothek.

Die Bibliothek erlaubt Bilderslideshows, mit “einfachem” Bildwechsel sowie sanftem Überblenden.

Die Vorteile der Bibliothek sind: Weiterlesen »

Nachdem ich es nun schon vor laaanger Zeit angekündigt habe, und in der letzten Zeit einige nachfragen danach kamen habe ich es nun endlich geschafft meine Google Maps Klasse zu veröffentlichen

Die Klasse bietet die einfache Erstellung einer Google Map in PHP , ohne eine Zeile JS Code schreiben zu müssen.
Darüberhinaus bietet die Klasse auch einige erweiterte Funktionen, wie Zoombegrenzung und Polylines.

Ihr findet ein komplettes Tutorial samt Download hier: http://www.ajax-info.de/google-maps-api-klasse-in-php

Ich würde mich über Kommentare, Ideen und Vorschläge freuen.

Weiterlesen »