Webstandard & Webdesign - CSS, HTML

 

JavaScript Framework jQuery

JavaScript-Frameworks sind mittlerweile in solch hoher Anzahl und unterschiedlicher Funktionsvielfalt vorhanden, das viele User die früher sich nie an JavaScript getraut hätten, keine Scheu mehr haben diese zu testen und auch einzusetzen. Frameworks wie diese Bibliotheken im allgemeinen sind dafür gedacht, dass man sie für die unterschiedlichsten Anwendungseinsätze wiederverwenden kann. jQuery ist eines dieser Frameworks. "jQuery is designed to change the way that your write Javascript." John Resig, Enwickler von jQuery ( aktuell in Version 1.0.2 vorliegend ) von dieses Zitat stammt, hat heute ein Screencast veröffentlicht, in dem er anhand eines recht einfachen Beispieles die Möglichkeiten von jQuery aufzeigt. Auch wenn es währernd des kleinen "Expandable Sidebar Menu" Tutorials nicht zu verbergen ist, dass er von der eigenen Müdigkeit übermannt wird, ist es vor allem für Einsteiger in Sachen JavaScript bzw. jQuery durchaus sehenswert.

Für alle mehr über die Inhalte ( DOM, CSS, JavaScript, Effects, Events, Ajax etc. ) von jQuery erfahren möchten, bietet die Seite www.visualjquery.com, alle nötigen Informationen. Wer weiteres Videomaterial ( inklusive PDF Folien zum Vortrag ) zu diesem Thema sucht, wird unter anderem bei Gerrit fündig. Wer fern von Screencasts und Onlinebeispielen, gern auch auf eine Offlinevariante zurückgreifen möchte, erhält "Hilfe" in Form des bereits vor einigen Wochen erstmals erschienenes 12 seitiges Visual jQuery Magazine. Laut Aussage der Autoren, folgt eine Seite mit Onlineartikeln zum PDF. Ein weiterer Linktipp ist Learning jQuery, ein Weblog der sich mit allen möglichen Funktionalitäten anhand von Beispielen beschäftigt. Wer immer noch nicht genug vom Thema jQuery hat, findet bei Cody Lindley eine weitere Seite mit Anwendungsbeispielen. zwei ausführliche deutschsprachige Artikel gibt im schweizer Weblog Steintafel: jQuery für Anfänger von einem Anfänger und jQuery Visitenkarte mit AJAX laden.

Vorteile von jQuery

• einfach zu erlernende Syntax im Stil von CSS und JavaScript
• Wiederverwertbarkeit des Scriptes ( bspw. für Plugins )
• schlanker effektiver Code 48KB ( komprimiert 18KB )
• Xpath und CSS 1-3 Unterstützung
• einsetzbar ab IE 5.5 aufwärts, Firefox 1.0+, Safari 1.3+ und Opera 8.5+
• einfache Integration von Plugins

Bei aller Freude um die Möglichkeiten die beim Einsatz von JavaScript Frameworks entstehen, sollte man im Sinne der Usability und Accessibility einer Webanwendung den Sinn und Zweck bestimmter Funktionen dieser Bibliotheken sorgfältig überlegen. Wer sich dazu entschlossen hat die Frameworkfeatures zu nutzen, sollte berücksichtigen das die Anwendung auch immer ohne JavaScript nutzbar sein sollte ( natürlich abhängig von der Zielklientel ).

Plugin-, Link- und Tutorialsammlung für jQuery

• jQuery.com Plugins
• interface.eyecon.ro Plugins (!)
• interface.eyecon.ro (Downloadpage)
• Accessible, unobtrusive JavaScript tabs with jQuery
• jQuery Examples
• jQuery Tooltip Plugin
• 15 Days Of jQuery
• jQuery for Web Designers - Part 1
• jQuery for Web Designers - Part 2

Viel Spass beim Einsatz mit jQuery oder wie Gerrit oder David sagen würden: jQuery rocks!