Grafico

Vor einiger Zeit habe ich hier ja schonmal Raphaël vorgestellt, eine JavaScript-Bibliothek zum Handling von Vektorgrafiken.

Grafico ist nun eine auf Raphaël und Prototype basierende Bibliothek zur Erzeugung von Diagrammen.

Sie unterstützt dabei z.B. Linien-, Flächen- oder Balkendiagramme (und noch einige mehr) und kann sehr einfach genutzt werden.

Ein sehr einfaches Beispiel könnte dabei z.B. so aussehen:

Das würde dann ein einfaches Liniendigramm erzeugen.

Die Bibliothek steht unter der MIT-Lizenz und setzt Prototype 1.6+ und Raphaël 1.0+ voraus. Die Digramme sollten auf allen gängigen Browsern funktionieren.

Skype ist eines der wenigen Programme über die ich eine extrem geteilte Meinung habe. Einerseits bin ich kein grosser Fan vom Skype-Client für Windows (er ist mir zu gross, die Handhabung finde ich nicht so berauschend, etc.), aber andererseits bin ich vom Entwickler-Standpunkt aus durchaus positiv von Skype überrascht.

Sehr praktisch ist z.B. die Art und Weise wie man den Status eines Benutzers feststellen kann. Hat ein User in Skype die Einstellung aktiviert, dass sein Status im Web veröffentlicht werden darf (Skype -> Privatsphäre -> “Mein Status darf im Netz veröffentlicht werden”), kann man seinen Status sehr einfach abfragen. Alles was man dazu wissen muss ist die folgende URL: http://mystatus.skype.com/

Angenommen ein Skype-User hat den Namen “TagDocsRockt”, dann kann man z.B. über

http://mystatus.skype.com/TagDocsRockt

ein Bild ausgeben lassen welches den Status anzeigt. Viel interessanter ist aber, den Status so zu bekommen, dass man ihn selber weiterverarbeiten kann (was bei einem Bild nicht wirklich der Fall ist). In dem Fall nutzt man eine der folgenden URLs:

http://mystatus.skype.com/TagDocsRockt.txt

http://mystatus.skype.com/TagDocsRockt.num

http://mystatus.skype.com/TagDocsRockt.xml

Durch die verschiedenen Erweiterungen kann man das Ausgabeformat beeinflussen. “txt” liefert den Status als normalen Text zurück (z.B. “Abwesend”) den man sogar durch anhängen einer weiteren Erweiterung übersetzen kann (“.txt.en” würde den Text auf englisch liefern, “txt.fr” auf französisch, etc.). “.num” liefert entsprechend den Status als numerischen Wert zurück und “.xml” als XML-Datei die den Status in 12 Sprachen und numerisch enthält.

Wie man sieht kann man so auf sehr einfache Weise den Status eines Skype-Nutzers abfragen (wenn er dies auch zulässt!).

Alle Infos zu der Schnittstelle finden sich in diesem PDF.

Programmierbeispiele in PHP, Perl, etc. habe ich mir mal gespart – sie laufen je nach Programmiersprache und Server-Konfiguration auf 1-3 Zeilen Code hinaus die eigentlich jeder selbst schreiben kann (file_get_contents(‘http://mystatus.skype.com/TagDocsRockt.txt’) – wäre so ein PHP Einzeiler).

Vielleicht kann die Info ja jemand gebrauchen

CoolTips

Zum Jahresabschluss gibt es heute nochmal etwas für Prototype

CoolTips ist ein Prototype PlugIn mit dem man auf einfache Weise Tooltips erzeugen kann.

Das PlugIn ist dabei primär als Ersatz für die Tooltip-Funktion der Browser gedacht und benutzt daher entsprechend den Inhalt des title-Attributs um den Tooltip zu füllen. Der positive Nebeneffekt dabei ist, dass bei deaktiviertem JavaScript immernoch der Browser selbst einen Tooltip anzeigen kann dessen Inhalt identisch ist.

Per JavaScript kann man die Farben und Grösse des Tooltips festlegen und wie er sich verhält (ob er dem Mauszeiger folgt, wie lange es dauern soll bis er erscheint, etc.).

CoolTips funktioniert mit allen gängigen Browsern (IE6+, FF2+, Opera, usw.) und steht unter der MIT-Lizenz.

iWebSkel

iWebSkel ist eine Art Rahmen für Webprojekte.

Federico Maggi (die Person hinter iWebSkel) hat sich gedacht, dass er seine Projekte immer auf die gleiche Art angeht (Basis-HTML, CSS-Reset, usw.) und hat daher ein kleines Archiv zusammengestellt das als Rahmen für neue Websites dienen kann.

Das Archiv welches man auf der Homepage herunterladen kann enthält entsprechend eine relativ sinnvolle Verzeichnisstruktur, ein paar grundlegende Dateien (MooTools, Prototype, einen CSS-Reset, einige tausend Icons) die man für neue Projekte nutzen kann, etc.

Ob man iWebSkel als Solches gebrauchen kann hängt stark davon ab wie man selbst arbeitet. Allerdings finde ich die Idee als solche ganz interessant. Wer öfter mal Websites erstellt findet hier (glaube ich zumindest) einen brauchbaren Denkansatz dafür, wie man sich selber einen solchen Baukasten zusammenstellen kann.

Lasst euch übrigens nicht von der Grösse des Archivs abschrecken. Die 6MB kommen durch die über 6000 Icons zustande die enthalten sind. Ohne die Icons und MooTools/Prototype ist der Rahmen keine 20KB gross

iWebSkel selbst ist komplett lizenzfrei. Die Icons/JavaScript-Bibliotheken stehen unter ihren jeweils eigenen Lizenzen.

Scripteka - Prototype extensions library

Ein Framework wie Prototype eröffnet neue Möglichkeiten bei der Erstellung von Webseiten und Applikationen. Grundsätzlich geben solche Frameworks einem jedoch lediglich eine mehr oder weniger gut sortierte Palette von Werkzeugen an die Hand – das Rad, das die Applikation schließlich in Bewegung setzt, muß man letztendlich selbst bauen.

Selbst bauen, aber nicht selbst erfinden: Auf der Seite www.scripteka.com findet sich eine ansehnliche Sammlung von nützlichen Klassen oder Plugins für Prototype.

Von 3d Image Reflection, das automatisch Bilder mit einer Reflektion auf dem “Boden” versieht, bis hin zu Zoomy, einer schicken effektvollen Bildergalerie ist dort alles vertreten, wie beispielsweise auch Control.DatePicker, ein nettes Datumsauswahltool.

Die vorgestellten Plugins sind dort mit einer kurzen Beschreibung, dem Link zur Homepage, dem Aktualisierungsdatum und – sehr praktisch – der verwendeten Lizenz aufgelistet. Für angemeldete Benutzer bietet sich auch noch die Möglichkeit, die Plugins mit einem Rating zu versehen. Eine im unteren Bereich angesiedelte Tag-Cloud rundet das Erscheinungsbild dieser Scriptsammlungsseite ab, die sich auf Anhieb einen Platz in meinen Bookmarks gesichert hat.