Ajaxschmiede.de

Das YUI-Entwicklerteam hat die Version 2.5.0 ihrer User-Interface-Bibliothek veröffentlicht. Die Yahoo! User Interface (YUI)-Bibliothek ist eine Sammlung aus nützlichen, in Javascript geschriebenen, Hilfsmitteln und Bedienelementen zur Erstellung von interaktiv umfangreichen Web-Applikationen, die auf Techniken wie DOM Scripting, DHTML und Ajax basieren.

Die Entwickler haben 6 völlig neue Komponenten in die Bibliothek integriert und – neben etlichen anderen Verbesserungen – die Möglichkeiten von DataTable, einem Tool zum Erstellen veränderbare und individuell anpassbarer Tabellen, stark erweitert und beschleunigt.

Folgende Neuerungen von DataTable sind in der aktuellen YUI-Version zu finden:

• neues, schnelleres Render-Schema
• Unterstützung des horizontalen und diagonalen Scrollens
• höhere Stabilität, auch im Umgang mit DataSource Utility
• Verändern der Position von Tabellenzeilen per drag-and-drop
• leichtere Bedienbarkeit beim Verwalten von Tabellenspalten durch eine neue API, die das Anzeigen, Verstecken, Entfernen und Hinzufügen von Spalten erlaubt
• Einführung der Paginator-Klasse um Tabellen in übersichtliche Häppchen zu präsentieren – samt Navigationsmenü

Die nachfolgenden Kompontent sind neu hinzugekommen, befinden aber noch im Beta-Status:

• Layout-Manager – Vereinfacht die Erstellung mehrteiligen Benutzerschnittstellen. Eine solches erzeugtes Layout kann sowohl im Vollbildmodus als auch elementbezogen benutzt werden. Die einzelnen, bis zu 5, Bestandteile können dabei dynamisch in der Größe verändert werden. Zudem ist es möglich Layout-Einheiten auf- und zuzuklappen.
• Multi-File-Uploader – ermöglicht das browserseitige Hochladen mehrer Dateien in einem Zug. Da dies mit Javascript allein nicht geht, griff das YUI-Entwicklerteam auf Flash zurück. Des weiteren unterstützt der Uploades das Ausschließen bestimmter Dateiendungen und das Anzeiges eines Fortschrittsbalkens beim Dateiupload.
• Resize Utility – erlaubt das dynamische Verändern der Größe sämtlicher Blockelemente wie input und div. Auch in diesen Bereich fällt das umfangreiche und vielfältig einsetzbare Drag & Drop-Tool, das kaum Wünsche übrig lässt.
• Image Cropper – ein Werkzeug zum Zurechtschneiden von Bildern mit Real-Time-Vorschau.
• Cookie Utility – bietet Funktionen zum Erleichtern des Umgangs mit Cookies, einschließlich zum Erstellen und Manipulieren von sogenannten Sub-Cookies für den Fall, dass das Browserlimit an zugelassenen Cookies erschöpft ist.
• ProfilerViewer Control – grafische Oberfläche für den in YUI 2.4.0 eingeführten Profiler, der Javascript-Entwicklern helfen soll, die Laufzeit des Codes zu verkürzen.
• Slider-Kontrolle mit Bereich – ermöglicht das Festlegen von Minimall und Maximalwerten, um einen Wertebereich zu erhalten.

Neben den Neuerungen wurden auch zahlreiche bestehende Komponenten weiterentwickelt und haben das Beta-Stadium verlassen. Das betrifft die folgenden Werkzeuge:

• Color Picker Control – graphische Obefläche zur Farbauswahl. Die Bedienung ist an Desktoplösungen orientiert.
• Get-Utility – ermöglicht das nachträgliche Einbinden von JS- und CSS-Files in die DOM, nachdem eine Seite komplett geladen wurde. Und das ebenso über Domaingrenzen hinweg.
• JSON-Utility – bietet die Funktionen JSON-to-string und string-to-JSON zum Umwandeln von Zeichenketten in die JavaScript Object Notation und umgekehrt.
• ImageLoader – kann Seitenaufbau von Homepages beschleunigen, indem auch noch nicht angezeigte Bilder bereits in den Cache geladen werden.
• YUI-Test-Utility – ein Framework zum Testen und Analysieren von Javascript-Umsetzungen. Das Tool erzeugt Testszenarien, findet Programmfehler und simuliert DOM-Events auf nahezu allen Browsern.

Wie man nur unschwer erkennen kann, arbeitet die Yahoo-Entwicklergruppe mit großen Einsatz und Ideenreichtum an einer wirklich sehr, sehr allumfassenden Javascript-Bibliothek, die vom Umfang her nahezu alle anderen aussticht. Die über 270 Beispiele auf der YUI-Seite sprechen für sich.

Ich tue mich mit YUI etwas schwer. Die schiere Funktionsvielfalt erschlägt einen fast. Man weiß nicht, wo man anfangen soll. Einfach Drauflosprobieren geht bei diesem JS-Schwergewicht nicht. Hier ist eine längere Einarbeitungszeit nötig.

Wer sich davon nicht abschrecken lässt und Geduld und Zeit mitbringt, wird sicher die ein oder andere geniale Anwendung umsetzen können.