Und zwar eine Menge davon. Ganze 70 Scripts gibt’s beim Smashing Magazine zu bewundern. Darunter alte bekannte Scripte, die sich fast in jeder Scriptübersicht wieder finden (Beispiel Fancy Upload, was ich Euch auch hier schon mal präsentiert habe), aber auch einige nennenswerte Neuerscheinungen, z. B. einige sehr schicke DatePicker oder das gut gelungen Upload-Form der ExtJS.

Im Netz gibt es bereits Tonnen von solchen Übersichten. Allerdings fällt momentan auf, dass sich im Endeffekt drei bzw. vier Bibliotheken um die “Krone” streiten. Zum einen sind da JQuery und Mootools, aber auch Prototype und YUI. Wer sich in diesem Zusammenhang beispielsweise mit Joomla beschäftigt, dem fällt auf, dass sich der Kern von Joomla mit MooTools beschäftigt, sich aber einige Erweiterungen an anderen Bibliotheken vergnügen.

Passt der Designer oder eben derjenige, der sich aus den umfangreichen Erweiterungsmöglichkeiten von Joomla die benötigten Module zusammenklickt, an dieser Stelle nicht wirklich auf, kann es durchaus passieren, dass sich verschiedene Scripte in die Wege kommen. Da hier oft nicht die minified Versions in den Erweiterungen verwendet werden, sondern die oft noch großen Entwicklungspakete (wobei ich gar nicht weiß, ob es von Prototype eine minified Version gibt), wird die Seite schnell richtig groß. Im DSL-Zeitalter ist das Laden der Seite nicht mehr das Problem, die Geschwindigkeit mit der allerdings die JS-Engine der Browser den JavaScript-Code verarbeiten aber schon.

Insofern achte ich vermehrt darauf, dass verwendete Erweiterungen (und da war Joomla nur ein Beispiel, das Gleiche gilt für Wordpress, Drupal und viele andere CMS oder Blog-Systeme für die viele Erweiterungen angeboten werden) immer gut zusammenpassen. Manchmal ergeben sich so durchaus aus Sparpotenziale im Code, die man nutzen kann und sollte.

Quelle: 70 New, Useful AJAX And JavaScript Techniques
Quelle: Mootools-Sammlung hier im astBlog

In letzter Zeit haben sich einige Javascript Bibliotheken als ständig präsente Frameworks unter den Webentwicklern etabliert. Selbst große, bekannte Projekte wie Joomla oder Wordpress setzen keine selbstgeschriebenen JS-Frameworks ein, sondern greifen in den Basisfunktionen auf fertige, frei verfügbare Frameworks zurück.

Die bekanntesten Vertreter dieser Gattung dürfen Prototype, JQuery, YUI und MooTools sein. Bei Allen wird eine gewisse Grundfunktionalität zur Verfügung gestellt, die es dann gilt durch eigene Erweiterungen in einem Projekt mit Leben zu füllen.

Im Netz gibt es immer mehr Quellen, die auf Basis dieser Frameworks Scripte für bestimmte Einsatzgebiete zur Verfügung stellen und so den Entwicklern einiges an Arbeit abnehmen, wobei oft nur noch kleinere Anpassungen notwendig sind um die Scripte in eigene Projekte oder Anwendungen zu integrieren.

Nachfolgend mal eine Auswahl meiner Scriptsammlung, die unter dem Mootools Framework funktionieren.

MooFlow

MooFlow ist ein Gallery-Script, das ähnlich Apples iTunes funktioniert. Verschiedene Bilder können geladen werden, die Reflexionen werden automatisch erstellt. Zudem ist eine Zoomfunktion im Lightbox-Stil verfügbar.

Link: http://www.outcut.de/mooflow/overview/
Lizenz: MIT-Style Licence

Phatfusion Image Menu

Das Image Menu von Phatfusion stellt eine Menükomponente im Sliding-Stil zur Verfügung. Das Menü kann schön im Header platziert werden und stellt so einen Blickfang auf einer Website dar.

Link: http://www.phatfusion.net/imagemenu/
Lizenz: MIT Licence

Kaum ist man mal eine Woche nicht im Lande, gibt’s schon wieder einiges Neues zu berichten. Besonders erwähnenswert ist für mich die neue Version 2.5.0 von Yahoo’s User Interface Library (YUI).

In der aktuellen Version 2.5.0 gab es sehr viele und interessante Neuerungen. Nachfolgend mal eine Auflistung mit einigen der neuen Themen.

• DataTable Control

Eine stark überarbeitete Version des bisherigen Moduls mit verschiedensten Möglichkeiten Daten in tabellarischer Form darzustellen oder via AJAX zu bearbeiten

• Layout Manager

Mit dem Layout Manager ist es zukünftig mögliche komplexe Layouts über das YUI zu gestalten. Dabei ist es möglich sowohl die Größe einzelner Einheit innerhalb des Layouts zu verändern, als auch diese komplett ein- oder auszublenden.

• Upload

Die Upload Komponente gibt jetzt auch einen Multi-File-Upload her, der auf Flash und JavaScript aufbaut und letztendlich auf dem Code des Flickr Uploaders basiert. Wichtig für alle UI-Designer ist dabei die Möglichkeit den Upload-Fortschritt mit anzuzeigen.

Das sind meiner Meinung nach mit die wichtigsten Neuerungen, die in vielen UI’s zum Einsatz kommen könnten. Zusätzlich gibt es noch ein Resizer Utility, ein Utility um Bilder zu beschneiden, sowie ein Cookie Utility mit dem es möglich ist Daten in Sub-Cookies zu packen, wenn die Zahl der vom Browser möglichen Cookies nicht mehr ausreicht.

Neben den eigentlichen Neuerungen haben einige Komponenten den Beta-Status verlassen und sind jetzt als Stable im Paket enthalten. Darunter z. B. der Color-Picker, das JSON-Utility, der Image Loader und noch einige andere.

Neben den vielen Neuerungen ist auf der Seite des YUI eine Seite mit Beispielanwendungen verfügbar, die in Summe über 270 Beispiele mit den YUI-Komponenten zeigen. Im YUI-Developers Blog sind noch einige Notizen der Entwickler zu finden, die noch den einen oder anderen Hinweis geben.

Viel Spaß beim ausprobieren der YUI-Komponenten..

Yahoo hat eine neue Version seiner unter der BSD-Lizenz stehenden AJAX-Bibliothek veröffentlicht.

Mit dabei sind einige richtig interessante Neuerungen, die in vielen Web-Entwickler die Experimentierfreude wecken wird.

Selector Utility:

Das Selector Utility ist ein CSS-Query Tool, womit es möglich wird über bestimmte Abfragen den Inhalt gewünschter HTML Elemente zurückzugeben oder diesen zu ändern. Unterstützt werden dabei Pseudo-Klassen, Attribute, Operatoren und bereits der CSS 3 Entwurf.

1 var nodes = YAHOO.util.Selector.query('ul li.selected');

So werden in diesem Fall  alle ul > li mit der CSS-Class selected ausgewählt und können anschließend mit der Variable nodes verarbeitet werden.