jQuery Mobile 1.3 ist jetzt als stabile Version verfügbar.

Diese neue Version unterstützt die Bemühungen des jQuery-Teams, reaktionsfähige Webdesign-Prinzipien vollständig in seine robuste Bibliothek zu integrieren. Zu den neuen Funktionen gehören mehrere Widgets, die für Touch-Interfaces optimiert wurden, darunter glatte Panel-Overlays, Dual-Handle-Range-Schieberegler sowie zwei verschiedene Optionen für reaktionsschnelle Tabellen.

Die neuen Funktionen

Die neuen Panel-Widgets ermöglichen es, verborgene Informationen auf eine sehr glatte und auffällige Weise darzustellen. Mit drei Modi für die Überblendung - Overlay, Enthüllen und Drücken - wird das Bedienfeld von links oder rechts durch Streichen, Klicken oder Drücken der Tastatur eingezogen, so dass das Design unabhängig von der vom Benutzer gewählten Eingabemethode ansprechend bleibt.

Auch sein Debüt ist ein neues Feature der bewährten Listenansicht: Autocomplete! Diese Funktion funktioniert genau so, wie sie klingt. Beginnen Sie einfach mit der Eingabe Ihrer gewünschten Kriterien und voila! Wie bei einer Google-Suchleiste werden Treffer automatisch unterhalb der Eingabe angezeigt.

Tabellen in jQuery Mobile 1.3 erlauben nun zwei zusätzliche Modi: Spaltenumschaltung und Reflow-Modus. Der Spaltenumschaltmodus ermöglicht dem Benutzer auszuwählen, welche Spalten einer Tabelle ausgeblendet und welche angezeigt werden sollen. Der Reflow-Modus berücksichtigt das responsive Webdesign und löst die Probleme, Tabellen dynamisch für kleine Bildschirme zu formatieren. Dazu zerlegt es eine Tabelle und zeigt jede Zeile als eigene Tabelle an, wobei die Spaltenbeschriftungen als Zeilenköpfe und die Zeilendaten in ein Spaltenformat transponiert werden.

Was das für ein responsives Webdesign bedeutet

jQuery ist seit langem ein zuverlässiges Framework, das aufgrund seiner Fähigkeit, mühsame und komplexe JavaScript-Aufgaben zu vereinfachen, bevorzugt wird. jQuery Mobile wurde von Anfang an damit beauftragt, die gleiche Einfachheit in die mobile Arena zu bringen, wo Touch-Interfaces die Hauptrolle spielen.

Angesichts der Tatsache, dass zwei separate Implementierungen für zwei verschiedene Plattformen zur Verfügung stehen, hat das jQuery-Team einige Verwirrung mit der aktuellen responsiven Webdesign-Bewegung erlebt. Die Leute haben gefragt, ob sie Responsive Webdesign oder jQuery Mobile für ihre Seiten verwenden sollten, worauf Todd Parker (Mitglied des jQuery Mobile-Teams) mit einem nachdrücklichen "beide" geantwortet hat!

Mr. Parker könnte auch hier etwas unternehmen. Durch die Verwendung der reichhaltigen Funktionen des jQuery Mobile Frameworks können Webdesigner ihre mobilen Websites schnell in eine breitere Responsive-Strategie integrieren, ohne dabei auf Innovation verzichten zu müssen.

Nur einige der neuen Funktionen sind hier aufgelistet. Das gesamte Änderungsprotokoll kann in der Release-Ankündigung . Werfen Sie auch einen Blick auf das jQuery Mobile 1.3 Demo-Website für etwas Qualität zum Mitmachen.

Verwenden Sie jQuery, jQuery Mobile oder beides? Welche neuen Funktionen sind deine Favoriten? Lassen Sie es uns in den Kommentaren wissen.