jQuery Mobile – Web-Apps mit jQuery

Oliver Storm — Thu, 25 Nov 2010 20:41:03 +0000

Endlich ist es soweit. jQuery Mobile 1.0 Alpha 2 ist released. Und meiner Meinung nach beginnt damit ein neuer Abschnitt in der Entwicklung mobiler Seiten, bzw. von Web-Apps auf touch-fähigen Smartphones.

War der erste Alpha release noch sehr buggy, merkt man dass seit dem rund 200 Tickets berarbeitet wurden und auch viele Wünsche der User aus dem Forum einzug gefunden haben. Das jQuery Mobile Team selbst sagt:
Overall the quality of jQuery Mobile has been greatly improved. A number of subsystems have been rewritten (both for clarity and for performance) and cross-browser compatibility has seen a marked increase in quality.

Die Performance im allgemeinen wurde verbessert, neue CSS-Klassen und statische Methoden hinzugefügt und vieles mehr. Den kompletten Überblick bekommt man in den release notes.

Nachdem schon javascript Plugins wie jqTouch, iUi, jo, SproutCore u.a einen ersten Ausblick auf die Entwicklung Mobiler-Apps gegeben haben und auch von Entwicklern gut angenommen wurden, so ist jetzt mit jQuery Mobile wohl eines der, wenn nicht das, mächtigste Framework zum entwickeln Mobiler-Anwendungen auf dem Markt.

Ich habe heute mal mit meinem iPhone die ersten Tests gemacht und muss sagen, mir gefiel sehr was ich gesehen habe. Gerade die Demos waren sehr vielversprechend.

Die Key-features im Überblick:

Basierend auf dem jQuery Core. Somit eine geringe Lernkurve, da die Syntax weitestgehend gleich bleibt.
Kompatibel mit allen großen Mobilen Plattformen. – iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo.
Leightweight. Mit gereade mal 12k im der komprimierten-Version.
HTML5 gestützte Konfiguration.
Automatische installation
Volle WAI-ARIA Unterstützung
Neue Events wie z.B. das unterstützen von Touch-Events
Neue Plugins wie z.B. für das Theming

Das Top-Features ist, dass wirklich alle großen Mobilen Plattformen out of the Box unterstützt werden.
Hier gibt es auch noch mal einen schönen Überblick welche Platformen genau unterstützt werden. Mobile Graded Browser Support.
Wir sind gespannt wie es hier weiter geht und werden das Thema jQuery Mobile als festen Bestandteil hier im Blog integrieren und in nächster Zeit auch eine kleine Tutorial-Serie dazu starten.

Links zu den wichtigsten jQuery Mobile Seiten:

jQuery für mobile Browser (jQTouch)

Stefan Huissel — Thu, 02 Apr 2009 09:09:47 +0000

In Zeiten in denen mobile Endgeräte immer leistungsfähiger werden, nehmen natürlich auch die Browser dafür an Bedeutung zu. Genau dafür kommt das sich derzeit in der Entwicklung befindende JQuery Plugin jQTouch von David Kaneda in Frage.
Er arbeitet derzeit also noch daran, aber dieses Plugin sollte im Auge behalten werden, da sich damit jQuery Funktionen auf die weniger bekannten mobilen Browser umsetzen lassen.

Ein Beispiel:

^?View Code JAVASCRIPT

//initialisierung des jQTouch Plugins
$(document).jQTouch({
   icon: 'jqtouch.png',
   statusBar: 'black-translucent'
});

Attribute die für eine iPhone Applikation gesetzt sein müssen:

^?View Code JAVASCRIPT

 fullScreen: true,
 slideInSelector: 'ul li a',
 backSelector: '.back',
 flipSelector: '.flip',
 slideUpSelector: '.slideup',
 statusBar: 'default', // options: black-translucent, blac
 icon: null,
 iconIsGlossy: false,
 fixedViewport: true

Desweitern soll es noch die bekannten Funktionen für Animationen, etc. bereitstellen.
Längerfristig soll das Plugin auch mit neuen Palm Pre und dem G1 funktionieren.

mysrc.de » jQTouch

jQuery Mobile – Web-Apps mit jQuery

Ähnliche Artikel

jQuery für mobile Browser (jQTouch)

Ähnliche Artikel