Abo
  • Services:
Anzeige
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

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

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.

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.

Anzeige

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.


eye home zur Startseite
bastid 24. Okt 2012

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



Anzeige

Stellenmarkt
  1. AVL List GmbH, Graz (Österreich)
  2. Bertrandt Services GmbH, Dortmund
  3. Deutsche Nationalbibliothek, Frankfurt am Main
  4. freenet AG, Köln, Büdelsdorf, Hamburg


Anzeige
Blu-ray-Angebote
  1. (u. a. Hobbit Trilogie Blu-ray 43,89€ und Batman Dark Knight Trilogy Blu-ray 17,99€)
  2. (u. a. Drive 7,79€, John Wick: Kapitel 2 9,99€ und Predator Collection 17,49€)
  3. Einzelne Folge für 2,99€ oder ganze Staffel für 19,99€ kaufen (Amazon Video)

Folgen Sie uns
       


  1. Snpr External Graphics Enclosure

    KFA2s Grafikbox samt Geforce GTX 1060 kostet 500 Euro

  2. IOS 11 und iPhone X

    Das Super-Retina-Display braucht nur wenige Anpassungen

  3. Polyphony Digital

    GT Sport bekommt Einzelspielerliga

  4. Smartphone-Tarife

    Congstar wertet Prepaid-Pakete auf

  5. Rauschgifthandel

    BKA nimmt "Top-Verkäufer" aus dem Darknet fest

  6. Toyota

    Roboter T-HR3 meldet sich zum Arbeitseinsatz

  7. FixFifa

    Fans von Fifa 18 drohen mit Boykott

  8. Samsung

    Erste Details zum Galaxy S9

  9. Cyber Monday

    Streiks an drei Amazon-Standorten

  10. Echo Show vs. Fire HD 10 im Test

    Alexa, zeig's mir!



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Orbital Sciences: Vom Aufstieg und Niedergang eines Raketenbauers
Orbital Sciences
Vom Aufstieg und Niedergang eines Raketenbauers
  1. DFKI Forscher proben robotische Planetenerkundung auf der Erde
  2. Arkyd-6 Planetary Resources startet bald ein neues Weltraumteleskop
  3. Nasa und Roskosmos Gemeinsam stolpern sie zum Mond

Coffee Lake vs. Ryzen: Was CPU-Multitasking mit Spielen macht
Coffee Lake vs. Ryzen
Was CPU-Multitasking mit Spielen macht
  1. Custom Foundry Intel will 10-nm-Smartphone-SoCs ab 2018 produzieren
  2. ARM-Prozessoren Macom verkauft Applied Micro
  3. Apple A11 Bionic KI-Hardware ist so groß wie mehrere CPU-Kerne

Xbox One X im Test: Schöner, schwerer Stromfresser
Xbox One X im Test
Schöner, schwerer Stromfresser
  1. Microsoft Xbox-Software und -Services wachsen um 21 Prozent
  2. Microsoft Xbox One emuliert 13 Xbox-Klassiker
  3. Microsoft Neue Firmware für Xbox One bietet mehr Übersicht

  1. Das Spiel hat ganz andere Probleme

    Aslo | 12:39

  2. Re: Empfänger

    Sothias | 12:39

  3. brauche Nachhilfe: was ist so unfair daran?

    Wurly | 12:38

  4. Re: iPhone 8

    nightmar17 | 12:37

  5. Re: Kein LTE

    FrankM | 12:37


  1. 12:30

  2. 11:59

  3. 11:51

  4. 11:45

  5. 11:30

  6. 11:02

  7. 10:39

  8. 10:30


  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