Für die Reflexionen der Bilder wird ein Server vorausgesetzt, auf dem PHP 4.3.2+ mit der GD extension 2.0.1+ läuft. Zusätzlich dazu wird ein JavaScript integriert, welches dann für den Slide Effekt zuständig ist.

Das ganze sieht absolut schick aus wie ich finde. Das Teil noch verheiratet mit der Lightbox und die Galerie ist perfekt Seit ein paar Tagen ist das ganze auch als Typo3 Extension verfügbar.

Unter anderem wird dort auch über den MooMonth Kalender berichtet, über den ich gestern geschrieben habe. Aber auch die anderen bisher vorgestellten Anwendungen klingen sehr interessant und vielversprechend. Diese Rubrik werde ich sicher genau beobachten.

Laut den Entwicklern ist der Kalender sehr umfangreich anpass- und änderbar. Mal schauen, wenn ich mal wieder etwas Zeit habe, schaue ich mir das mal genauer an.

http://moomonth.com/ 

Das Tool erstellt von einer eingegebenen Webseite Screenshots, wie sie aktuell in den ausgewählten Browsern aussieht. Dabei werden eine große Auswahl von Browsern unter Linux, Windows und Mac Os unterstützt. Sogar verschiedene Auflösungen, Farbtiefen und sogar unterschiedliche JavaScript und Flash Versionen werden zur Auswahl angeboten.

Nachdem der Auftrag gestartet wurde, wird er in eine Queue verschoben. Unter einer festgelegten URL werden dann die Screenshots aufgelistet und zum Download angeboten. Diese sind für 30 Minuten verfügbar, können jedoch einfach neu angefordert werden.

Schön finde ich folgendes Zitat zum Thema AJAX:

Sometimes I get the feeling that it is an answer in search of a problem

Da stimme ich vollkommen zu! Ansonsten ist der Artikel lesenswert und er zeigt auf, dass man doch auch an die Unterstützung nicht AJAX bei nicht aktiviertem Javascript denken sollte, vor allem wenn es Seiten sind die von mehr Personen als nur dem Entwickler und seinen Freunden gesehen und benutzt werden.

Nach der Installation der vor kurzem erschienenen Version 1.0 lassen sich alle Einstellungen über ein Icon in der rechten unteren Ecke der Statusleiste vornehmen. Nach einem Klick darauf teilt sich das Browserfenster horizontal und öffnet das Programm im unteren Teil der Seite. Dabei lässt sich das Addon entweder für alle, oder nur für die aktuell angezeigte Seite aktivieren. Generell würde ich empfehlen Firebug nur für ausgewählte Seiten zu aktivieren. Nach einer Weile, mit vielen geöffneten Tabs und universell aktiviertem Firebug, wird der Browser sehr langsam, was nur durch den Neustart von Firefox behoben werden kann.

Das Killerfeature von Firebug ist meiner Meinung nach der Inspect Modus für HTML und CSS. Hiermit lassen sich einzelne Elemente mit der Maus überfahren. Die Ansicht der Erweiterung teilt sich dann erneut. In der linken Spalte, springt man direkt in den HTML Quelltext an die Stelle des ausgewählten Elements. In der rechten Spalte wird dann gleichzeitig die CSS Definitionen angezeigt. Hier werden übrigens auch alle Elemente angezeigt, von denen das ausgewählte seine Einstellungen erbt. Einzelne Definitionen lassen sich deaktivieren um anzuschauen, wie es ohne aussehen würde. Schick ist auch der Layout-Reiter in der rechten Spalte. Hier kann man genau alle Margins und Paddings, sowie die Breite und Höhe des Elements einsehen.

Ein weiteres nettes Feature ist auch die sogenannte Konsole. Hier kann man sehr gut AJAX Requests verfolgen, bzw. debuggen. Angezeigt werden hierbei alle Daten des Requests, sowie alle Daten der Response. Zusätzlich kann man die Header der Request anzeigen lassen. Dieses Feature konnte ich allerdings leider noch nicht allzu genau anschauen.

Als letztes habe ich noch herausgefunden, bzw. gelesen, das von Firebug ein globales JavaScript Objekt namens “Console” zur Verfügung gestellt wird. Damit lassen sich Debugausgaben direkt in die Console von Firebug schreiben. Das erspart einem mühsames alert-Debugging und ist meiner Meinung nach ein sehr nützliches Feature.

Alle Funktionen zu erwähnen würde hier sicher den Rahmen sprengen. Unter http://www.getfirebug.com/docs.html stellen die Entwickler aber auch eine Dokumentation zur Verfügung. Hier ist sicher auch noch der ein oder andere Tipp dabei oder wird das ein oder andere nützliche Feature erwähnt.

Insgesamt finde ich, das Firebug ein super Werkzeug ist, welches einem die Arbeit als Web-Entwickler um einiges leichter macht. Sparsam aktiviert, wird das weitere Benutzen des Browsers auch nicht beeinflusst. Im Laufe der Zeit werde ich sicher noch ein paar weitere Dinge herausfinden, die man so bei der täglichen Arbeit gebrauchen kann.

Unbedingt von http://www.getfirebug.com runterladen und installieren

Wirklich interessant und gleichzeitig sehr “Freaky” finde ich die einfache Templating-Engine . Einfach mal durchlesen, wirken lassen und sich seine eigenen Gedanken machen. Ich hatte schon einige Anwendungsfälle, wobei ein Template in JS nützlich gewesen wäre.

Alles in allem holt Prototype mit V1.5 tierisch gegen jQuery auf. Aber was man benutzt, ist meiner Meinung nach eine “Glaubensfrage” – Wobei Prototype sich auf das wesentliche beschränkt, und jQuery teilweise zuviel “Effekthascherei” betreibt.

Wer kennt weitere Tutorials oder Dokus?

Man, was ist nur aus der guten alten Zeit geworden, als ein Web-Browser noch HTML-Seiten anzeigen sollte

UPDATE: Apple, Erfinder des Canvas-Tags, hat natürlich auch eine Seite dazu!

Benutzt wird die Prototype library. Diese findet unter anderem auch Verwendung bei Ruby On Rails und ist, wie ich finde, recht nützlich und Benutzbar. Andere wiederum sagen, jQuery jQuery wäre besser, aber ich denke das ist das alte Spiel (Amiga vs. Atari, Netsacpe vs. Internet Eyplorer, usw…).

Wer schon immer mal einen kurzen Einblick in AJAX haben wollte, sollte sich diesen Artikel bei Sitepoint mal ansehen.

• JavaScript und AJAX
• Visual Basic 2005

Viel Spaß beim schmökern