WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 327

Sie haben es geschafft. Die WebApp des Restaurants »Zum heiteren Hering« ist fertig.
Mit jQuery Mobile haben Sie somit in kurzer Zeit eine flinke und recht aufwendige
WebApp gestaltet. jQuery Mobile hat Ihnen dabei vor allem beim Interface und bei
der Unterstützung verschiedener Geräte viel Arbeit abgenommen. So konnten Sie
sich voll und ganz auf die Funktionalität konzentrieren.

jQuery Mobile beinhaltet natürlich noch wesentlich mehr Optionen und Funktio-
nen. Die offizielle Dokumentation ist zwar auf Englisch, jedoch trotzdem sehr gut
und einfach zu verstehen: http://jquerymobile.com/demos/ . Hier finden Sie viele Bei-
spiele und Tipps.

8

Herr Mattisen ist übrigens begeistert von Ihrer Arbeit und hofft, auch in Zukunft mit
Ihnen weiter an der WebApp arbeiten zu können. Bis dahin macht er Ihnen ein freu-
diges Angebot: Sie können so oft, wie Sie möchten, im »heiteren Hering« einkehren
- auf Kosten des Hauses versteht sich.

8.1.7 jQuery-Mobile-Apps mit dem Themeroller und dem Interface-
Builder von Codiqa noch schneller entwickeln

Damit Sie noch schneller attraktive jQuery-Mobile-Apps anfertigen können, stellen
wir Ihnen im Folgenden noch zwei WebApps vor: Themeroller und Codiqa.

Anlegen eines eigenen Themes mit dem Themeroller

jQuery Mobile beinhaltet drei verschiedene Themes, die Sie jeweils mit dem Attribut
data-theme verwenden können. Insgesamt können Sie jedoch Themes verwenden, bis
Ihnen die Buchstaben ausgehen, mit anderen Worten, bis zu 26 verschiedene.

Der Themeroller ( http://jquerymobile.com/themeroller/ ) hilft Ihnen dabei, Ihr eigenes
Theme zu entwerfen (Abbildung 8.15).

Sie können hier per Drag & Drop den einzelnen Elementen und Bausteinen von
jQuery Mobile Farben zuweisen und diese unter einem Theme-Buchstaben abspei-
chern. Am besten ist es, Sie spielen einfach mal mit dem Themeroller herum. Dann
sollten Sie recht schnell einen Überblick über dessen Funktionalität bekommen.
Wenn Sie alle Farben, Stile und Themes angelegt haben, können Sie das Komplettpa-
ket über Download Theme herunterladen. Die Webseite schnürt Ihnen dabei auto-
matisch eine Zip-Datei mit allen benötigten Klassen. Fügen Sie die erstellten Dateien
in Ihre WebApp ein, und verknüpfen Sie die CSS-Datei in Ihrem Projekt direkt vor der
Verlinkung der jQuery-Mobile-Dateien.