Kategorie: JavaScript

ImageFlow

Auf der Homepage von Finn Rudolph findet sich dieses kleine grafische Schmankerl: ImageFlow, eine Bilder-Galerie für Webseiten, die auf einen intuitiven Umgang mit Bildern setzt. Dabei werden die Bilder durchgeblättert, wie man das von der Cover-Flow Technik (übrigens nachträglich eingekauft…) von Apple kennt.

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.

Neuigkeiten zu AJAX und Web 2.0 vom Entwickler Magazin

Das Entwickler Magazin hat eine neue Rubrik eingeführt, unter der interessante AJAX Anwendungen vorgestellt werden. Zusätzlich gibt es hier Neuigkeiten zu AJAX bzw. werden Anwendungen im Detail besprochen.

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.

MooMonth – JavaScript Kalender

MooMonth ist eine Kalender Applikation, geschrieben in JavaScript von der Firma mootools. Obwohl das ganze erst in einer sehr frühen Alpha Version (0.10) vorliegt, sieht das schon sehr vielversprechend aus.

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/ 

Teste dein Webdesign in verschiedenen Browsern

Das funktioniert jetzt ziemlich gut. Und zwar mit Browsershots.org. Das ganze ist zwar eher für den finalen Test gedacht, trotzdem bietet es eine Möglichkeit für ein immerwährendes Problem beim Entwickeln von Webseiten.

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.

Was tun wenn kein Javascript aktiviert?

Dieser Frage widmet sich ein Artikel auf Accessites.org.

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.

Prototype 1.5 – Was ist neu?

Mit dem release des Javascript-Frameworks Prototype in der Version 1.5 kam einiges neues, auch wirklich abgefahrenes und interessantes dazu. Bei XML.com findet man einen lesenswerten Artikel über die Neuerungen. Was ich persönlich befremdlich finde, ist das erst mit Version 1.5 eine offizielle Dokumentation erhältlich ist, und man dies doch tatsächlich als Feature bezeichnete. Für mich war das fehlen einer Doku eher ein Grund Prototype fast schon zu meiden.

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.

Canvas Fun (Updated)

Sascha hat es hier schon geschrieben. Ich will wissen wie ich es selbst anwenden kann. Dabei bin ich auf ein Tutorial im Mozilla Developer Center (natürlich absolut Web 2.0 konform BETA!) gestoßen. Jetzt muss ich noch Freizeit finden und das ganze mal ausprobieren.

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!

AJAX Einstieg mal anders

Auf Sitepoint.com ist ein lesenswerter Artikel über die Verwendung, bzw. den Einstieg in AJAX. Um dem geneigten Nutzer diese näher zu bringen, wird Schritt für Schritt eine Mailing-List-Applikation erstellt. Komplett mit Opt-in und natürlich „fancy Ajax“ zum registrieren.

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.