Original-URL des Artikels: http://www.golem.de/news/html5-framework-jquery-mobile-1-3-setzt-auf-responsive-web-design-1302-97751.html    Veröffentlicht: 21.02.2013 18:37

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.

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.

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.  (ji)


Verwandte Artikel:
Mobile Web-Apps: jQuery Mobile 1.1.0 ist fertig   
(17.04.2012 09:42, http://www.golem.de/news/mobile-web-apps-jquery-mobile-1-1-0-ist-fertig-1204-91204.html)
Filldisk.com: Speicherlimits von Browsern lassen sich umgehen   
(28.02.2013 08:43, http://www.golem.de/news/filldisk-com-speicherlimits-von-browsern-lassen-sich-umgehen-1302-97892.html)
Bombermine: Bomberman mit 1.000 Spielern auf einer riesigen Karte   
(27.02.2013 14:55, http://www.golem.de/news/bombermine-bomberman-mit-1-000-spielern-auf-einer-riesigen-karte-1302-97874.html)
Chrome 26 Beta: Verbesserte Rechtschreibkorrektur und Template-Unterstützung   
(27.02.2013 08:38, http://www.golem.de/news/chrome-26-beta-verbesserte-rechtschreibkorrektur-und-template-unterstuetzung-1302-97855.html)
Edge Reflow: HTML5-Tool für Responsive-Webdesign von Adobe   
(15.02.2013 10:32, http://www.golem.de/news/edge-reflow-html5-tool-fuer-responsive-webdesign-von-adobe-1302-97610.html)

© 2014 by Golem.de