Echte feste Toolbars in jQuery Mobile 1.1
Echte feste Toolbars in jQuery Mobile 1.1 (Bild: jQuery Mobile)

Mobile Web-Apps jQuery Mobile 1.1.0 ist fertig

Das jQuery Mobile hat sein HTML5-Framework für mobile Apps in der Version 1.1.0 veröffentlicht. Zahlreiche Verbesserungen und neue Funktionen sind in die neue Version eingeflossen, die zudem schneller und runder laufen soll.

Anzeige

Die wichtigste Neuerung in jQuery 1.1.0 sind echte Toolbars an fester Position, komplett überarbeitete Animationen beim Seitenwechsel, ein neuer Ajax-Loader und verbesserte Designs für Formularelemente.

Zwar unterstützte jQuery Mobile sogenannte "fixed Toolbars", also Menüzeilen, die an fester Position im Display sitzen, nutzte dazu aber einen Hack, der zu unschönen Effekten führte. Grund dafür war die lange Zeit unzureichende Unterstützung der CSS-Eigenschaft "position:fixed" in mobilen Browsern. Das aber hat sich mittlerweile geändert, so dass jQuery Mobile nun eine CSS-Lösung für Werkzeugleisten an fester Position verwendet, die auf vielen populären mobilen Plattformen funktioniert. Auf Geräten, die dies nicht unterstützen, scrollt die Werkzeugleiste mit ("position:static").

Verglichen mit andern Ansätzen, die Javascript nutzen, um feste Leisten zu erzeugen, ist die von jQuery Mobile 1.1 verwendete CSS-Lösung deutlich schneller, so dass es keine negativen Auswirkungen auf das Scrollen gibt. Entwickler können dabei festlegen, ob Toolbars bereits beim Laden einer Seite sichtbar sind oder erst nach einem Tippen sichtbar werden.

Da die neue Lösung aber beispielsweise unter iOS 4 nicht funktioniert, kann die alte Lösung in Form einer Erweiterung auch weiterhin verwendet werden.

Schnellere Animationen

Die Animationen beim Wechseln von einer Seite zur nächsten laufen mit jQuery Mobile 1.1 schneller ab. Dazu haben die Entwickler einige Tricks integriert. Nach wie vor sind die Animationen unter Android 2.x aber zu langsam. Daher haben sich die Entwickler entschieden, bei diesen Geräten auf Animationen zu verzichten und nur noch Überblendungen zu nutzen.

Zugleich wurden mit "turn" und "flow" zwei neue Animationen integriert. Turn ähnelt dem in Windows Phone 7 genutzten Umklappen von Kacheln, Flow verkleinert eine Seite oder einen Dialog und verschiebt dann den Ausschnitt auf eine neue Seite, in die dann hineingezoomt wird.

Animationen werden darüber hinaus mit den entsprechenden Präfixen nun auch unter Firefox unterstützt.

Das Standard-Theme von jQuery Mobile wurde in der Version 1.1 aufgeräumt und verschlankt. Ein überarbeiteter Ajax-Loader hilft bei der Beschleunigung von Animationen.

Formulare überarbeitet

Diverse Formularelemente wurden überarbeitet, damit sie auch in den neuen Toolbars gut aussehen. So gibt es eine Miniversion aller Formularelemente, die weniger Höhe benötigt. Auch die Schalter, die Checkboxen oft ersetzen, wurden optisch verändert und Schieberegler können um eine Ziffernanzeige ergänzt werden. Dabei kann auch die Schrittweite, in der Schieberegler verstellt werden können, nun festgelegt werden.

Das Vergrößern von Seiten unter iOS funktioniert in der neuen Version. Dabei kommt ein von Scott Jehl entwickelter Trick zum Einsatz, der eine Seite gegen das Vergrößern sperrt, wenn das Gerät gedreht wird. In diesem Fall tritt andernfalls ein Bug in iOS zutage, weshalb das Zoomen oft ganz abgeschaltet wird.

JQuery Mobile 1.1 setzt jQuery 1.7.1 oder 1.6.4 voraus, soll künftig aber auch mit jQuery 1.7.2 laufen. Die Software steht unter jquerymobile.com/download zum Download bereit. Demnächst soll zudem ein Werkzeug zur Erzeugung angepasster Builds von jQuery Mobile zur Verfügung stehen. Der sogenannte Custom Download Builder soll ZIP-Archive erzeugen, die nur die benötigten Codeteile einer Datei zusammenfassen.


bastid 24. Okt 2012

Liebe Redaktion, gibt es die Möglichkeit, in mobilen Websites das Zooming zu ermöglichen...

Kommentieren



Anzeige

  1. Software Project Manager (m/w)
    MED-EL Medical Electronics, Innsbruck (Österreich)
  2. Junior Consultant (m/w) Enterprise Information Management / Master Data Management
    Camelot Management Consultants AG, Mannheim, Köln
  3. Mitarbeiter/in First Level Support
    DKMS Deutsche Knochenmarkspenderdatei gemeinnützige Gesellschaft mbH, Tübingen
  4. Senior Information Architect - Experte für Informationssicherheit (m/w)
    Enercon GmbH, Aurich

 

Detailsuche


Top-Angebote
  1. NEU: Fallout: New Vegas - Ultimate Edition [PC Steam Code]
    5,97€ USK 18
  2. NEU: Blu-rays unter 10 EUR
    (u. a. Oblivion, The Purge, Battlestar Galactica The Plan, Schlacht um Midway, Snitch)
  3. VORBESTELLBAR: Call of Duty: Black Ops III (PC, PS4, Xbox One)
    59,99€ (mit Vorbesteller-Preisgarantie)

 

Weitere Angebote


Folgen Sie uns
       


  1. Deep angespielt

    "Atme tief ein und tauche durch die virtuelle Welt"

  2. Federation Against Copyright Theft

    Mit Videoüberwachung im Kinosaal gegen Release Groups

  3. Razer Blade 2015 im Test

    Das bisher beste Gaming-Ultrabook

  4. Biomimetik

    Miniroboter zieht Vielfaches seines Eigengewichts nach oben

  5. Malware

    Apples Schutzmechanismen sind nahezu wirkungslos

  6. Konami

    Zukunft von Silent Hills ist unklar

  7. Dementi

    Nokia wird keine neuen Smartphones herstellen

  8. Splash Damage

    Gears of War erscheint als HD-Remake für die Xbox One

  9. Call of Duty

    Black Ops 3 mit offeneren Levels und mehr Charakter

  10. Nexus Player im Test

    Zu wenige Apps, zu viele Probleme



Haben wir etwas übersehen?

E-Mail an news@golem.de



Schützen, laden, stylen: Interessantes Zubehör für die Apple Watch
Schützen, laden, stylen
Interessantes Zubehör für die Apple Watch
  1. iFixit-Teardown Herz der Apple Watch lässt sich nicht wechseln
  2. Smartwatch So funktioniert der Pulssensor der Apple Watch
  3. Smartwatch Apple Watch wird frühestens im Juni im Laden verkauft

The Ocean Cleanup: Ein Müllfänger für die Meere
The Ocean Cleanup
Ein Müllfänger für die Meere
  1. Vorbild Tintenfisch Tarnmaterial ändert seine Farbe
  2. Keine Science-Fiction Mit dem Laser gegen Weltraumschrott
  3. Maglev Magnetschwebebahn erreicht in Japan 590 km/h

GTA 5 im Technik-Test: So sieht eine famose PC-Umsetzung aus
GTA 5 im Technik-Test
So sieht eine famose PC-Umsetzung aus
  1. GTA 5 auf dem PC Erst beschränkter Zugriff, dann mehr Freiheit
  2. GTA 5 Es ist doch nicht 2004!
  3. GTA 5 PC Rockstar Games gibt Systemanforderungen für Ultra-HD bekannt

  1. Re: Sowas gibt es doch praktisch gar nicht mehr.

    most | 14:04

  2. Re: Wer bei Physik aufgepasst hat weiß

    HubertHans | 14:04

  3. Re: 128/256GB SSD zu klein?

    Der_aKKe | 14:03

  4. Re: Das bisher beste Gaming-Ultrabook

    HubertHans | 14:02

  5. Re: Gründe für ne XBONE?

    Arkatrex | 14:00


  1. 14:00

  2. 13:21

  3. 12:00

  4. 11:59

  5. 11:43

  6. 11:10

  7. 11:09

  8. 11:03


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel