Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Je kunt ook een cookievrije versie van de website bezoeken met minder functionaliteit. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Door , , reacties: 51, views: 20.338 •

De ontwikkelaars van het jQuery-project hebben de eerste mobiele versie van hun gelijknamige webframework vrijgegeven. Met de op html5-gebaseerde technologie kunnen websiteontwikkelaars onder meer geavanceerde webapplicaties bouwen.

jqueryWebsitebouwers kunnen met het opensource-framework onder andere webapps maken die werken op smartphones, tablets en e-readers, beloven de ontwikkelaars. Het jQuery-project biedt standaard functionaliteit als het toevoegen van aparte knoppen en balken op een webpagina.

Vanaf versie 1.0 ondersteunt het framework nu ook veelgebruikte mobiele browsers. Onder meer de webbladeraars van iOS en Android zouden prima met jQuery-componenten overweg kunnen. Bovendien draait de code naar verluidt ook op desktopbrowsers als Firefox en Chrome. De desktopversie van Internet Explorer werkt eveneens prima, al zijn er nog een aantal 'css-problemen'.

Met de tool PhoneGap kan mobiele jQuery-code worden geport naar een smartphone-applicatie, laten de ontwikkelaars weten. Dat zou het voor beginnende programmeurs makkelijker moeten maken om hun webapp te verspreiden. Behalve het vrijgegeven van de mobiele versie stellen de ontwikkelaars ook de webgebaseerde tool ThemeRoller beschikbaar. Daarmee kunnen designers zelf kleurenpallets aanmaken zonder een regel code. Na het slepen van verschillende kleuren kan het gewenste pallet als zip-bestand worden gedownload.

Reacties (51)

Super... nu moet iedereen maar beginnen met het ontwikkelen voor mobiel :D Dit kan iig een grote vooruitgang worden voor mobiel browsen!

Themeroller ziet er ook interessant uit... ik ben pas recent begonnen met mobiele ontwikkeling maar hierdoor wordt het iig een stuk makkelijker.

Dit maakt overigens ook wel duidelijk dat mobiele browsers qua ondersteuning van HTML5 voorop lopen!
jQuery mobile was al een zeer breed toegepaste library voor mobiele ontwikkeling. Ik ben blij dat deze nu eindelijk officieel uitgebracht is.

Vooralsnog zijn reguliere apps interessanter om te ontwikkelen gezien je er makkelijk geld mee kunt verdienen, maar HTML5/CSS/JavaScript is imho de toekomst, en native apps zullen er meer en meer uit gaan.

Good job jQuery!
Ja geweldig geen native apps... Precies zelfde reden dat je niet wilde dat je Flash als app kon uitbrengen. Het werkt wel op elk device maar met welke user experience?
Dat HTML5 werkt op alle apparaten wil nog niet zeggen dat het ook automatisch voldoet aan de user interface guidelines van elk OS. Al lijken veel ontwikkelaars daar tegenwoordig lak aan te hebben.
Voor 'serieuze' apps zou ik het toch wel vervelend vinden als er niet consistente interfaces gebruikt worden, wat dat betreft bied HTML/CSS veel te veel vrijheid.
De desktop browsers liggen toch eigenlijk nog een tikkie voor op de mobiele browsers, maar de support is in iedergeval stukken beter dan IE8 ;)
Dit maakt overigens ook wel duidelijk dat mobiele browsers qua ondersteuning van HTML5 voorop lopen!
Omdat? In het artikel staat dat het in Firefox en Chrome en IE ook werkt. Voor het grootste geval zal het ook zo zijn dat mobiel en desktop redelijk gelijk zijn. Webkit is webkit klopt niet helemaal, maar het is grotendeels wel zo dat "Apples Webkit" op de desktop in Safari gelijk is aan de "Apple Webkit" in iOS. En de "Google Webkit" is op de desktop in Chrome ook gelijk aan de "Google Webkit" op Android. Opera gebruikt daarnaast ook dezelfde rendereninge voor zowel desktop als mobile. Daarnaast gebruiken "Firefox" en "Firefox mobile" ook dezeldfe Gecko engine. Alleen IE zal misschien wat achterliggen, maar MS heeft op dat gebied ook al een inhaalslag gedaan. Daarnaast gebruikt MS in WM/WP meestal een oudere versie van IEs render engine, dus zal de desktopbrowser daar net achter liggen.
Dacht dat ze in WP7.5 gebruik maakte van IE9 engine.
Het probleem dat ik heb met webdevelopment voor de desktop, is dat je soms (afhankelijk van je doelgroep natuurlijk) rekening moet houden met mensen die nog IE<9 draaien, en wat HTML5 ondersteuning betreft missen IE7/8 het e.e.a. Op mobiele systemen heb je voornamelijk (Android/iOS) op Webkit gebaseerde browsers en kan je lekker 'los' gaan :p
Gelukkig heb ik van mijn baas toestemming gekregen om op al van onze sites nag-schermpjes te plaatsen die mensen dwingt hun browser te upgraden naar een recente versie.
Dat heeft tot gevolg dat ik volluit los kan gaan met html5 techs als canvas :)
Je baas zal er dan wel niet veel verstand van hebben. Het is niet zo eenvoudig dat een gebruiker altijd kan upgraden. Je moet als website ontwikkelaar gewoon rekening houden met oudere browsers.
Precies. Ik kwam net op www.koopgoedkoop.nl met Opera 11.52 ... wordt ik automatisch doorgestuurd naar Google met als zoekterm "update browsers".

Beetje stom wel, want Opera hoeft echt niet geupdated te worden. Hun website is gewoon fout ontworpen.
Dan zou je Modernizr kunnen gebruiken. Die lost een hoop problemen op!
Modernizr lost helemaal niets op. Modernizr is een collectie feature tests. Het is nog steeds aan de developer zelf om de gaten die Modernizr aanwijst te vullen.
Ik loop met desktop websites ontwikkeling ook met enige regelmaat daar op stuk ja. Het fijne zou zijn om alle oude browsers te ditchen en lekker los te gaan op HTML5!

Recent jQTouch ondekt, maar weet nog niet of dit iets is wat goed toe te passen is voor mijn websites. jQuery Mobile lijkt mij toch aantrekkelijker, en ThemeRoller kende ik ook nog niet.

Vanavond maar eens spelen met beide!
sensa touch is ook zoiets ;)
Weekje geleden mee gespeeld en ik ben nog niet echt over; je hele interface opbouwen in javascript doet mij net iets te veel denken aan mijn avonturen met Swing.

Ik zie zelf meer in het gebruik van mediaqueries; met een slim ontworpen html hoef je maar een html-structuur te maken. Beetje programmeur is lui he :)
Vind het zelf eigenlijk voortijdig. Werk er nu een aantal weken mee en de documentatie is op sommige stukken nog al onduidelijk. Ook is vrijwel geen van de nieuwe input types te gebruiken, met name Android (inc 4.0.1) ondersteunt zo goed als niets. Apple en zelfs RIM doen het beter op dat gebied.

Ben ook tegen veel rariteten aangelopen met oudere Android versies (2.1 en 2.2) zoals het weergeven van het virtuele toetsenbord op een read only veld. jQuery mobile draagt op dat gebied zo goed als niets bij, op het moment is het vooral voor layout management en de themes handig.

[Reactie gewijzigd door Xthemes.us op 18 november 2011 23:30]

Ziet er heel mooi uit, vooral die ThemeRoller lijkt handig.

Toch vraag ik me af of een aparte versie van jQuery wel de beste oplossing is. Ik het juist het gevoel dat CSS3's media queries de oplossing worden voor mobiele versies van websites. Op die manier hoef je niet een compleet nieuwe mobiele 'app' te maken, naast de bestaande website, maar past de lay-out zich automatisch aan aan de breedte van het scherm.

Maar misschien is jQuery Mobile uitsluitend voor web apps bedoeld.
Het is ook geen aparte versie voor jQuery, maar een aanvulling op de bestaande jQuery library (in dit geval nog 1.6.4).
Je kan bestaande functies gebruiken, maar jQuery Mobile biedt een framework waarmee het makkelijk is het 'App-gevoel' te creŽren, door automatisch pagina overgangen toe te voegen en content in te laden via Ajax. Daarnaast voegt het een standaard stijl toe voor headers, knoppen, listviews ed., zodat de opmaak geoptimaliseerd is voor mobiel gebruik.

Maar jQuery zelf werkt ook prima op mobiele browsers, dus als je je website responsive bouwt, heb je dit framework inderdaad niet nodig. Als je simpel en snel het gevoel van native app wil namaken (qua stijl/overgangen), maar met het gemak van html/css/js en cross-platform is dit ideaal.

Wel moet ik zeggen dat de performance nog wel beter kan, maar dat schijnt voor versie 1.1 een streven te zijn.
Die hele jQuery library is prachtig. Een enorme hoeveelheid aan functies, werkt steeds beter op alle platformen en behoorlijk bekend. Voordeel is dat je dan ook meteen heel veel informatie er over kan vinden.
Net even op de demo pagina gezeten en verschillende dingetjes geprobeert maar moet zeggen dat ik bijvoorbeeld page transitions en verreweg de meeste animaties etc. toch behoorlijk traag vind (Eerste keer duurt lang en tweede keer zijn ze iets korter maar nog steeds te lang imo) gaan op me Galaxy SII, jammer, maar dat verbeterd vast.
Is allemaal te configureren. Ik heb ermee gewerkt :)
Dat komt omdat Android nog steeds geen GPU versnelling in de browser heeft zitten in tegenstelling tot e.g. de iPhone.

Hopelijk wordt dit met Ice Cream Sandwich beter.

Ik heb al wat ervaring met Sencha Touch en scherm transitions maak ik meestal platform afhankelijk (aan op iPhone en uit op Android en BBOS).
Er bestaan al veel van dit soort frameworks. Sencha Touch is een van de bekendste en meest uitgebreide (www.sencha.com), jQuery heeft er wat langer over gedaan.
alleen is de achterliggende techniek bij jQuery beter (gok ik), hebben veel developers (waaronder ik) al veel ervaring met jQuery en zijn syntax.

Daarbij is jQMobile er al een tijdje, is nu echter pas als 1.0 uitgebracht.
Eigenlijk is dit niet jQuery voor mobile maar jQueryUI voor mobile en dat lijkt mij meer dan een nuance verschil. Ik weet dat ze het jQuery mobile noemen, maar het artikel suggereert nu dat er een 'eerste versie van jquery voor mobiele apparaten' uit is.

jquery (core) werkte al tijden prima op mobiele apparaten. jquery ui werkte ook al tijden prima op mobiele apparaten (met wat plugins heb ik ook gewoon drag/drop/swipe applicaties ermee gemaakt).

jquery mobile is iets nieuws (wat jquery core gebruikt).

[Reactie gewijzigd door Maurice v/d Zwaan op 18 november 2011 16:25]

Hoera voor mensen die de moeite nemen het wel te begrijpen! Dank voor de duidelijke uitleg.
Zelf werk ik hier nu al 3 maanden mee. Op dit moment ben ik bezig om een app voor android en ios te maken met Phonegap. Met behulp van phonegap kun je de native componenten van je mobile device gebruiken. Denk hierbij aan je camera en je accelerometer.

Vervolgens gebruik je jQuery of Sencha touch om je applicatie echt een native gevoel te laten geven.

Hiervoor heb ik Titanium developer geprobeerd maar dit platform vond ik te onduidelijk en liep ik tegen te veel bugs in het platform aan.
Heb al een app gebouwd daarmee en ben best wel tevreden :)
Met de tool PhoneGap kan mobiele jQuery-code worden geport naar een smartphone-applicatie, laten de ontwikkelaars weten. Dat zou het voor beginnende programmeurs makkelijker moeten maken om hun webapp te verspreiden.
Maar ook de meer gevorderde programmeurs om hun apps gemakkelijk om meerdere platformen tegelijkertijd uit te brengen....
Heb het recent gebruikt voor 2 van mijn projecten, heel simpel in gebruik

Op dit item kan niet meer gereageerd worden.