web.develop

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! 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.

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)

Auf DevArticles ist ein weiteres Tutorial erschienen, in dem die Verarbeitung von XML-Daten erläutert wird, die per AJAX vom Webserver angefordert und an den Browser gesendet werden. Es knüpft an die zuvor erschienene Artikelserie über AJAX an, die bisher eine Einführung in AJAX sowie in das XMLDOM-Objekt umfaßt.

Wie in den vorherigen Beiträgen wird das Thema wieder in mehreren Schritten sehr ausführlich vorgestellt und das Vorgehen erklärt, von der Erzeugung des Objektes zur Verarbeitung der XML-Daten über die Auswertung der Antwort bis zum Einfügen der Informationen in die Webseite.

(via Ajaxian)

Einen anderen Ansatz als eine neue Seite zu öffnen, wenn Thumbnails mit Fullsize-Grafiken verlinkt werden sollen, geht das Lightbox-Script von Lokesh Dhakar. Das Bild wird nach einem Klick auf den Thumbnail einfach über der Seite schwebend angezeigt, mit einem netten Rahmen drum herum. Zusätzlich kann der Hintergrund (also die eigentliche Webseite) “abgedimmt” werden. Sogar eine Caption kann dem Bild mitgegeben werden, ein Mausklick auf den “Close”-Button blendet das Bild wieder aus.

Dazu ist das Skript auch noch unobtrusive: wenn JavaScript nicht aktiviert ist, wird stattdessen das große Bild herkömmlich im Browserfenster angezeigt.