HTML5-Framework: jQuery Mobile 1.3 setzt auf Responsive Web Design

Das HTML5-Framework für mobile Web-Apps jQuery Mobile ist in der Version 1.3 erschienen. Die neue Version setzt auf Responsive Web Design und enthält einige Komponenten, die sich der Displaygröße anpassen und auf einem Tablet zusätzliche Informationen zeigen.

Artikel veröffentlicht am ,
Das HTML5-Framework jQuery Mobile 1.3 ist fertig.
Das HTML5-Framework jQuery Mobile 1.3 ist fertig. (Bild: jQuery Mobile)

Die Entwickler von jQuery Mobile haben bei der neuen Version 1.3 verstärkt auf Responsive Web Design gesetzt, damit mobile Apps die größeren Displays von Tablets sinnvoll ausnutzen können. Dazu gehört beispielsweise ein Tabellen-Widget, das je nach Displaygröße einige Spalten ausblendet. Die Breakpoints, an denen sich das Layout verändert, können Entwickler individuell setzen oder auf allgemeine Voreinstellungen zurückgreifen.

Neben den neuen Tabellen-Widgets gibt es auch Responsive Grids, die Inhalte je nach Displaygröße untereinander oder nebeneinander darstellen. Neu sind auch Range Slider, die bei Touchbedienung größere Schieberegler enthalten als bei Mausbedienung.

  • Das HTML5-Framework jQuery Mobile setzte auf Responsive Design.
  • Listview-Filter mit Autocomplete
  • Eingabefelder lassen sich löschen.
  • Neue Panel-Widgets
  • Tabelleninhalte passen sich der Displaygröße an.
  • Tabelleninhalte passen sich der Displaygröße an.
  • Responsive Grids
  • Range Slider
Tabelleninhalte passen sich der Displaygröße an.

Eine weitere große Neuerung sind Panel-Widgets, die links oder rechts vom Inhalt liegen und sich auf Knopfdruck in den sichtbaren Bereich schieben. Wahlweise können die Panel aber auch über den Inhalt geblendet werden.

Bei CSS-Transitions und -Animations werden in der neuen Version auch der Internet Explorer und Windows Phone 8 unterstützt. Der Listview-Filter wurde erweitert, so dass er nun auch mit einer automatischen Vervollständigung nutzbar ist. Eingabefelder erhalten einen Knopf, um sie zu leeren, und auch Datei-Uploads können darüber jetzt abgewickelt werden.

An einigen Stellen, beispielsweise bei der Darstellung runder Ecken, wurde Javascript-Code durch CSS ersetzt, was den komprimierten Code rund 1 KByte kleiner macht. In der kommenden Version 1.4 wollen die Entwickler von jQuery Mobile ihren Code weiter vereinfachen und weiteren Javascript-Code entfernen.

Das HTML5-Framework jQuery Mobile 1.3 kann ab sofort unter jquerymobile.com heruntergeladen werden. Die zugehörigen Demo- und API-Seiten wurden für die neue Version grundlegend überarbeitet. JQuery Mobile 1.3 ist kompatibel mit jQuery 1.7.2 bis 1.9.1.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Aktuell auf der Startseite von Golem.de
SU7
Xiaomi stellt elektrische Sportlimousine für 28.000 Euro vor

Xiaomi positioniert sein Elektroauto SU7 gegen das Tesla Model 3 und heizt den Preiskampf auf dem chinesischen Automarkt weiter an.

SU7: Xiaomi stellt elektrische Sportlimousine für 28.000 Euro vor
Artikel
  1. 20 Jahre Far Cry: Das deutsche Grafikwunder
    20 Jahre Far Cry
    Das deutsche Grafikwunder

    Mit Far Cry feierte der deutsche Entwickler Crytek 2004 ein viel beachtetes Debüt. Kann der Südsee-Shooter auch 20 Jahre später noch beeindrucken?
    Von Benedikt Plass-Fleßenkämper

  2. Apple: Neue iPads sollen sich wegen OLED-Displays verzögern
    Apple
    Neue iPads sollen sich wegen OLED-Displays verzögern

    Die neuen iPad Pro und iPad Air sollen später als erwartet auf den Markt kommen. Der Grund sind die OLED-Displays beim Pro-Modell.

  3. Softwareentwicklung: Events und APIs mit DDD entwerfen
    Softwareentwicklung
    Events und APIs mit DDD entwerfen

    Anforderungen an Software ändern sich schneller als je zuvor. Damit Entwickler da mitkommen, sollten sie Domain-driven Design nutzen. Wie das geht, zeigen wir an einem Beispiel.
    Von Annegret Junker

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    • Daily Deals • Prime: Filme leihen für 0,99€ • Super Sale bei Alternate • MindStar: CHERRY Xtrfy MZ1 RGB Wireless 79€ • Alternate: Corsair RM750x/RM850x 109,90€/124,90€, ADATA 64 GB DDR5-6000 206,89€, Bosch-Professional-Werkzeuge • Gratis-Zugaben PS5 Slim & Nintendo Switch OLED beim TV-Kauf [Werbung]
    •  /