Im Rahmen des Vortrages “The state of jQuery” des jQuery Summit fragte ich, ob denn eine Modularisierung angedacht sei. Addy Osmani machte mir keine allzu grossen Hoffnungen, aber er meinte, sie würden es zumindest durchdenken und prüfen. Zuversicht hörte sich zumindest für meine deutschen Ohren anders an.

Ich hoffe, sie kommen in übersichtlicher Zeit in diesem Punkt voran. Aktuell dürften die meisten jQuery-Nutzungen auf einem kleinen Bruchteil der gesamten Bibliothek beruhen, die von Version zu Version umfangreicher wird. Ich finde, die meisten Bereiche sollten als Plugins abgespalten werden, die dann mit dem Kern zusammenarbeiten. So kann man sich bei mootools und YUI schon immer seine persönliche Bibliothek zusammenbauen und auch jQueryUI bietet dies an. jQuery selber sollte auch in diese Richtung gehen.

<div class="tabs">
	<h2>Überschrift</h2>
	<div class="tabcontent">Inhalt</div>
	<h2>Überschrift</h2>
	<div class="tabcontent">Inhalt</div>
</div>

Die Überschriftenhierarchie ist dabei flexibel. Man kann auch an Stelle einer Überschrift jeglichen anderen Tag (mit oder ohne Klasse) nutzen. Mir scheint der Sinn dieser Konstruktionen nach einer Überschrift zu verlangen.

Dirks jQuery-Skript transformiert den Code nun. Die Überschriften werden in eine Liste gepackt und mit Links versehen. Diese Links sorgen dafür, dass die zugehörigen Inhalte ein- und ausgeblendet werden können. Da es sich hierbei also nur um eine Liste handelt, können wir sehr viel mehr mit ihr anfangen, als sie nur als horizontale Reiter zu formatieren.

Ich habe mir mal den Spass gemacht, die Tabs neben die Inhalte zu platzieren. Die Bedienung erinnert an Slideshows. Allerdings ist diese Slideshow zugänglich und kann auch als Tab-Skript genutzt werden.

Die beiden, durch das Skript neu enstandenden Container “.tabs-list” und “.content” lasse ich floaten. Dadurch werden die Inhalte nebeneinander platziert. Der Container “.tabs” umfasst mittels der Klasse “clearfix” die Floats und bekommt einen leichten Schatten. Wenn ich auf diesen Schatten verzichten kann, kann ich an Stelle des clearfix-Hacks auch “overflow: hidden” nutzen.

Ein Blick in den Quellcode der Testdatei dürfte alle Details erklären.

Dieses XML wird nun auch von jqapi.com genutzt, meiner aktuell bevorzugten jQuery-API. Sie ist leicht und schnell bedienbar. Und sie strengt mich nicht so beim Lesen an, wie es das Original mit dem schwarzen Hintergrund tut.

Die Kurzreferenzen bieten zudem immer einen kompakten Einblick in die Materi. Das habe ich schon bei den Ausgaben zu CSS und PHP zu schätzen gewußt. Bei jQuery – kurz & gut
von Andreas Vdovkin ist auch wieder der Einstieg gut gelungen. Auf wenigen Seiten erklärt er ein paar Javascript-Grundlagen, wichtige Programmiertechnik-Aspekte von jQuery sowie das Konzept des unaufdringlichen Javascript.

Das sind in ihrer inhaltlichen Tiefe und Ausdehnung nur Vorgeplänkel, aber durchaus wichtige Zusatzinformationen, um jQuery als solches besser verstehen und einordnen zu können. Den weitaus größten Teil der knapp 160 Seiten nimmt eine Referenz ein. Im ersten Kapitel geht der Autor von der Frage, wie man jQuery einbindet über das Chaining zu Queues und Speicherfunktionen. Die eigentlichen Bestandteile des Frameworks werden in Kapiteln abgehandelt, deren Überschriften sich mir nicht immer intuitiv erschlossen. Die Selektoren, die große Stärke von jQuery, werden verwirrenderweise unter “Suchen” subsummiert.

In den Kapiteln werden die einzelnen Methoden von jQuery kurz und verständlich mit jeweils einem kleinen Beispiel erklärt. Man muss allerdings wissen oder erahnen, in welchem Kapitel man Hilfe bekommt. Es fehlt eine Übersicht, welche Methoden sich in welchem Kapitel befinden und umgekehrt, welches Kapitel welche Methoden beinhaltet. Das Register ist leider wenig hilfreich.

Für die tägliche Arbeit am Rechner ist dieses Buch sicherlich unpraktisch, obwohl es sich besser lesen lässt, als die offizielle API. Ich finde es sehr hilfreich, um sich abseits des Rechners mit jQuery zu beschäftigen. Zudem kann man beim Lesen des Buches immer wieder auf Ideen kommen. Der einzige richtige Haken des Buches ist, daß es auf der Version 1.3.2 des beliebten Frameworks beruht. Ich hoffe, daß Autor und Verlag noch dieses Jahr mit einer zweiten Auflage auf den Markt kommen, in der die Neuerungen der Version 1.4 ihren Niederschlag finden. jQuery ist in ständiger Weiterentwicklung, das ist gut für uns Entwickler und schwierig für Buchautoren. Das Büchlein finde ich als Ergänzung zu einem richtigen jQuery-Buch oder als nette Offline-Variante der API sehr empfehelenswert.

Ich finde das Thema spannend und wichtig, kann aber mangels Betroffenheit nicht mitreden.

Nachtrag: ich habe mich von Alexander überreden lassen, seine Implementierung zu nutzen. Sie hatte den eindeutigen Vorteil, daß sie eine Tastaturbedienung des Effektes ermöglichte, was mein ursprünglicher click-Event leider nicht tat.

Dank des neuen Google Books bin ich nun auf schon existierende und kommende jQuery-Bücher gestoßen, auf die ich mich schon jetzt sehr freue.

Bei Wrox gibt es schon “Beginning JavaScript and CSS Development with jQuery (Wrox Programmer to Programmer)“, das Buch gibt es auch bei Google Books zum Reinschnuppern.

Auf folgende neue Bücher bin ich gespannt:

• jQuery: Das Praxisbuch
• jQuery: Das neue JavaScript-Framework für interaktives Design
• jQuery
• Getting Started with Jquery (Verlagsseite: Getting StartED with jQuery)
• jQuery Recipes: A Problem-Solution Approach
• jQuery Cookbook (Verlagsseite: jQuery Cookbook )
• Jquery: Novice to Ninja (Verlagsseite: jQuery: Novice to Ninja)

Das Buch ist angenehm zurückhaltend layoutet und mit 123 Seiten recht knapp gehalten. Trotzdem ist die Bandbreite der behandelten Themen groß. Lindley ist nicht nur als Erfinder der ursprünglichen Lightbox bekannt, er arbeitet mittlerweile auch an jQuery mit. Das Buch scheint mir eine gute Ergänzung zu “jQuery in Action” zu sein, das mittlerweile in der Überarbeitung für die zweite Auflage steckt. Auch da habe ich mir das ebook gesichert, sogar im “Early Access Program”. Ich bekomme also immer die gerade vom Autor geschriebenen aber noch nicht endgültig fertiggestellten Kapitel.

Auf dem Buchmarkt scheint sich bezüglich jQuery endlich was zu tun. Doch dazu später mehr.

• Nico Brünjes schreibt über “Sliden und Scrollen mit jQuery“. Seine Artikel über jQuery wachsen leider nur langsam.

• Daniel Mies erklärt kurz die jQuery-Methode each() und führt in die Erstellung eigener jQuery-Plugins ein.

• Schon im Mai letzten Jahres schrieb David Maciejewski darüber, wie man mit jQuery ein Element verändern kann. Auch die Kommentare zu diesem Artikel sind sehr interessant.

• Eine sehr gute Zufallsentdeckung ist für mich das Blog von Alexander Farkas im Zusammenhang mit jQuery. Er schreibt beispielsweise über ineffizienten jQuery-Code . Das Thema hört sich erst einmal unspannender an, als die Erstellung eines netten Effektes. WEnn man aber mit komplexeren Seiten arbeitet, ist eine effektive Codeschreibweise sehr wichtig und hilfreich. Alexander scheint sich gerne mit der jQuery UI zu beschäftigen. Seine Artikel über jQueryUI-Widgets oder dem Styling von Formularelementen sind alles andere als banal und auch endlich mal für fortgeschrittene Nutzer interessante Lektüre.

Eine interessante Linkliste von über 50 Artikeln für Einsteiger und Fortgeschrittene zu jQuery gibt es seit Anfang des Jahres bei Dr. Web.

Und zu guter Letzt sei mir noch ein wenig Eigenwerbung erlaubt. Wer sich für jQuery interessiert, aber noch einen Einstieg sucht, dem kann bestimmt mit meinem Einsteigerartikel zu jQuery geholfen werden. Er erscheint am 21. Januar in der Ausgabe 2.2009 des PHPMagazins.

Zwei sehr hilfreiche Seiten für den Umgang mit jQuery möchte ich heute empfehlen. Beide Seiten werden von Cody Lindley zur verfügung gestellt, der auch an der jQuery UI mitarbeitet.

Die eine Seite macht es leicht, den Umgang mit Selektoren zu erlernen und sie auszuprobieren. Die andere ist eine Testseite für die unterschiedlichen Manipulationsmethoden von jQuery.