Neue Version der MooTools

Die [MooTools] sind in der neuen Version 1.1 verfügbar. Dabei wurde die Geschwindigkeit und die Browser-Kompatabilität der AJAX-Bibliothek optimiert. Bei den CSS-Selektoren wurde einerseits der Algorithmus verbessert, andererseits wird XPATH nun in allen Browsern mit entsprechender Unterstützung verwendet. Im MooTools Wiki ist nachzulesen, was sonst noch neu ist oder verbessert wurde.

via ajaxian.com

EJ: Essential JavaScript

Was tut ein Web-Entwickler, wenn er keine der vorhandenen JavaScript-Bibliotheken mag, weil sie ihm alle viel zu aufgeblasen und groß sind? Er schreibt seine eigene Bibliothek:

The web is littered with full-blown JavaScript libraries who say they will save your day and make your web development life much easier. You get encouraged to include these “mere 80 KB” libraries that is supposed to be the solution to all your needs, and practically make the web site work by itself. Needless to say, I’m not a big follower of JavaScript libraries,, especially since they almost always include lots of superfluous code, so I thought I’d put together a tiny library with only essential JavaScript functions.

Robert Nyman hat mit EJ: Essential JavaScript eine schlanke, irgendwie minimale JS-Bibliothek vorgelegt, die lediglich folgende Funktionen enthält:

  • $ - Der Klassiker
  • getElementsByClassName
  • addClassName
  • removeClassName
  • getElementsByAttribute
  • preventDefaultBehavior
  • getStyle

Was essentiell ist, liegt sicher im Auge des Betrachters. EJ reicht sicher nicht, um einen vollständigen Werkzeugkoffer für die nächste Web 2.0 Anwendung mit Drag und Drop und schicken Effekten an der Hand zu haben, aber wer das nicht braucht, für den ist es vielleicht eine interessante Alternative, die ein wenig Arbeit sparen hilft.

via Ajaxian

Yahoo! UI Version 0.12 erschienen

Yahoo! hat eine neue Version seiner User Interface Library für JavaScript veröffentlicht. In einem Beitrag auf dem YUI Blog schreibt Eric Miraglia über die enthaltenen Neuerungen:

  • Der Autor der Animation- und DOM-YUI-Module, Matt Sweeney, hat mit dem TabView Control ein neues Widget beigesteuert und zeigt einige Beispiele.
  • Die API-Dokumentation wurde mit einem neu entwickelten Tool generiert und verfügt jetzt auch über eine Suchfunktion mit AutoComplete.
  • Die Cheat Sheets wurden auf die neue Version angepasst.
  • Nate Koechley hat die CSS Grids überarbeitet und die Anzahl der unterstützten Layouts verdreifacht, dabei die Größe des Stylesheets aber noch unter 3kb gehalten. Die Website der YUI Library selbst nutzt nun die Grids.
  • Dazu noch zahlreiche weitere Verbesserungen in vielen Teilen der Bibliothek.

Die Versionsnummer 0.12 zeigt, dass die YUI Library noch lange nicht “fertig” ist, aber sie ist bereits jetzt eine stabile und äußerst nützliche JavaScript-Bibliothek, die ihre Einsatzfähigkeit in vielen Projekten gezeigt hat. Es bleibt spannend zu sehen, was den Yahoo!-Jungs noch so einfällt für die kommenden Versionen.

Piccy, ein AJAX Fotoalbum

Auch wenn die Seite japanisch ist und das Design gewöhnungsbedürftig, ist Piccy eine interessante kleine AJAX-Anwendung zur Darstellung von Fotos.

Oben werden Thumbnails angezeigt, klickt man auf eines, wird das eigentliche Bild in einer Box darunter dargestellt. Sowohl die Größe der Thumbnails als auch die des Bildes läßt sich per Slider stufenlos skalieren. Nett gemacht.

(via digg)

Back-Button und Bookmarks trotz AJAX

AJAX-Websites brechen in den meisten Fällen mit der gewohnten Navigation über die Browser-History, der “Zurück”-Knopf funktioniert nicht mehr, da sich die URL der Seite nicht ändert und diese auch nicht komplett nachgeladen wird. Auch Bookmarks lassen sich nur auf die Startseite der Anwendung setzen.

Mike Stenhouse hat auf “Content with Style” einen Fix beschrieben , mit dem trotz AJAX nicht auf diese klassischen Features verzichtet werden muß. Er stellt jedoch auch die Frage, ob man klassisches Browserverhalten überhaupt mit solch recht aufwendigen Hacks simulieren sollte.

As I was writing this it occurred to me that what I’ve been doing here is remarkably like the old Frames hacks from back in the day. Should we be trying so hard to duplicate traditional browser behaviour? If it’s important enough to put in the effort to duplicate it then should we really be breaking it in the first place? It’s a question that can only be answered on a project-by-project basis but it seems important enough to be worth asking…

AdvancedAJAX

AdvancedAJAX ist ein JavaScript-Objekt, das die Benutzung von XMLHttpRequest kapselt und vereinfacht. Es unterstützt das Senden von Anfragen an den Server, Fehlerbehandlung und HTML-Form-Unterstützung. Es darf sowohl für nicht-kommerzielle als auch für kommerzielle Projekte verwendet werden.

AdvancedAJAX is a JavaScript object allowing to use XMLHttpRequest object easier and speeding up development of AJAX based projects. It consists a bound of methods helping creating queries, error handling, usage with HTML forms as well as connection timeouts and reconnecting.

(via digg)

Im Auto durch San Francisco

Das ist jetzt kein Problem mehr und dazu noch kostengünstig. Dank der Preview von Microsofts local.live.com kann man nun neben der schon bekannten Satellitenbild-Sicht auch noch die aus einem durch die Stadt fahrenden Auto sehen. Ein Auto-Symbol auf der Karte zeigt, wo man sich gerade befindet und in welche Richtung man schaut. Außer Downtown San Francisco ist auch noch Seattle verfügbar.

Buch-Kritik: Foundations of AJAX

Craig Maloney hat eine Kritik zum Buch Foundations of AJAX von Ryan Asleson and Nathaniel T. Schutta, erschienen bei Apress, geschrieben.

Foundations of Ajax is a great starting point for developers wondering how they can incorporate Ajax into their own web-based projects. One minor gripe I had with this book was the examples looked pale in comparison with their real-world models, but design is hardly the focus of the book. Where Foundations of Ajax shines is it’s no-nonsense introduction, implementation, and expansion of the basics of Ajax programming, leaving the reader confidently ready to utilize the concepts within. The authors have seen the potential of Ajax, and competently convey their expertise and enthusiasm for this technology.

(via AJAX Magazine)

AJAX Tutorial: Programmieren ohne Framework

Rasmus Lerdorf ist kein großer Fan komplexer MVC-Frameworks bei der Programmierung von Webanwendungen. In einem Tutorial zeigt er statt dessen, wie man auch mit einfachen Mitteln (PHP, Yahoo! UI Library und JSON) eine Web2.0-Anwendung erstellen kann.

Many frameworks may look very appealing at first glance because they seem to reduce web application development to a couple of trivial steps leading to some code generation and often automatic schema detection, but these same shortcuts are likely to be your bottlenecks as well since they achieve this simplicity by sacrifizing flexibility and performance. Nothing is going to build your application for you, no matter what it promises. You are going to have to build it yourself. Instead of starting by fixing the mistakes in some foreign framework and refactoring all the things that don’t apply to your environment spend your time building a lean and reusable pattern that fits your requirements directly. In the end I think you will find that your homegrown small framework has saved you time and aggravation and you end up with a better product.

(via SitePoint’s PHP Blog)

Review von personalisierten AJAX-Homepages

Richard MacManus vergleicht personalisierte AJAX-Homepages. Dabei geht er sowohl auf die beiden großen Anbieter Google und Microsoft Live als auch die Startups wie Netvibes, Protopage oder PageFlakes ein.

Grundlage seiner Analyse sind Traffic, Features und die Verfügbarkeit von offenen APIs für Erweiterungen.

(via Ajaxian)