jQuery Mobile 1.3 is nu beschikbaar als een stabiele release.
Deze nieuwe versie is de speerpunt van de inspanningen van het jQuery-team om responsieve webontwerpprincipes volledig op te nemen in de robuuste bibliotheek. Enkele van de nieuwe functies zijn verschillende widgets die zijn geoptimaliseerd voor aanraakinterfaces, waaronder soepele paneeloverlays, schuifregelaars met een schuifbereik voor twee hendels en twee verschillende opties voor responsieve tabellen.
Met de nieuwe paneelwidgets kan verborgen informatie op een zeer soepele, opvallende manier worden weergegeven. Met drie modi voor overgang-overlay, onthullen en pushen, schuift het paneel van links of rechts in met een veegbeweging, klik of druk op het toetsenbord, waardoor het ontwerp reageert ongeacht de door de gebruiker gekozen invoermethode.
Het debuut is ook een nieuw kenmerk van de beproefde lijstweergave: automatisch aanvullen! Deze functie werkt precies zoals deze klinkt. Begin gewoon met het typen van uw gewenste criteria en voila! Net als een Google-zoekbalk worden matches automatisch onder de invoer weergegeven.
Tabellen in jQuery Mobile 1.3 staan nu twee extra modi toe: kolomschakelaar en hervouwmodus. Met de kolomschakelmodus kan de gebruiker selecteren welke kolommen van een tabel moeten worden verborgen en welke kolommen moeten worden weergegeven. De Reflow-modus neemt responsief webontwerp ter harte en lost de hoofdpijn van opmaaktabellen dynamisch op voor kleine schermen. Dit gebeurt door een tabel op te splitsen en elke rij weer te geven als een eigen tabel, met de kolomlabels als rij-headers en de rijgegevens omgezet in een kolomindeling.
jQuery is lang een betrouwbaar raamwerk geweest, dat de voorkeur geniet vanwege zijn vermogen om anders saaie en complexe JavaScript-taken te vereenvoudigen. jQuery Mobile is vanaf het begin belast met het brengen van diezelfde eenvoud in de mobiele arena, waar aanraakinterfaces de roost beheersen.
Gezien de aard van twee afzonderlijke implementaties voor twee verschillende platforms, is het jQuery-team getuige geweest van enige verwarring met de recente responsieve webontwerpbeweging. Mensen hebben gevraagd of ze responsive webdesign of jQuery Mobile moeten gebruiken voor hun sites, waarop Todd Parker (lid van het jQuery Mobile-team) heeft gereageerd met een nadrukkelijke "both"!
Dhr. Parker kan hier ook iets aan de hand hebben. Door gebruik te maken van de rijke functies van het mobiele framework van jQuery, kunnen webontwerpers hun mobiele sites snel opgaan in een bredere responsieve strategie zonder innovatie op te offeren.
Slechts enkele van de nieuwe functies worden hier vermeld; het volledige wijzigingslogboek kan worden bekeken in de aankondiging vrijgeven . Neem ook een kijkje in de jQuery Mobile 1.3 demosite voor wat hands-on tijd van topkwaliteit.
Gebruik je jQuery, jQuery Mobile, of beide? Welke nieuwe functies zijn jouw favorieten? Laat het ons weten in de comments.