Nyligen i Mobile Web Development

Det har varit en hel del uppdateringar av några av våra favoritverktyg och ramar på senare tid i den mobila webbutvecklingsvärlden. Det här inlägget ger en snabb översikt över några av de viktigaste uppdateringarna till PhoneGap, Sencha Touch och jQuery Mobile!


PhoneGap 1.5 / Cordova

Nitobi-laget har släppt ytterligare en version av deras ständigt växande verktyg. Med denna release finns det många korrigeringar tillsammans med den smidiga övergången till Cordova namespacing för ramen.

De flesta uppdateringarna gäller buggfixar från 1.4.1-utgåvan över flera plator, särskilt i Android. Jag kan inte säga att utgåva noterna alltid är till hjälp. De brukar bara vara meningsfulla om du redan har kollat ​​in i frågan personligen. Vad som är bra är dock att projektet går framåt snabbt och snabbt stampar ut problem när de uppstår.

Om du tittar på utgåva noterna kommer du att se många referenser till "Byta namn till Cordova." Du kanske också har hört att Nitobi förvärvades av Adobe, och deras huvudprojekt (dvs. PhoneGap och PhoneGap Build) blev en del av Apache-mjukvaruunderlaget.

Så vad är Cordova och vad har det att göra med PhoneGap? Jag har hört olika svar på detta. Många lediga användare antar att Cordova och PhoneGap är samma sak och så snart kommer de att gå in i en. Detta är dock inte fallet.

Att citera Brian Leroux: "PhoneGap drivs av Cordova. Tänk: Webkit till Safari."

Med andra ord är Cordova verktyget som används i PhoneGap-projekt, men PhoneGap-märket går inte någonstans.

Med tiden har PhoneGap-projektet ökat mer och mer stöd för olika plattformar, och medan denna release saknas i nya funktioner har fler WP7-stöd blivit hälsade med öppna armar av många. Förhoppningsvis kommer det här året att vara året för fler PhoneGap-appar!

Titta gärna på den officiella Cordovas webbplats för mer information.


jQuery Mobile 1.1.0 RC1

JQuery Mobile-teamet går snabbt. Det verkar som om bara igår att de gjorde 1,0 milstolpe. Med RC 1.1 finns det några betydande förändringar och tillägg som du kanske vill uppmärksamma om du för närvarande arbetar med ett jQuery Mobile-projekt.

För många webbläsare (de som stöder läget: fast) jQuery mobile låter dig nu ha sanna fixade verktygsfält snarare än en hackisk JavaScript-falsk rullning.

True Fixed Toolbars: För många webbläsare (de som stöder läget: fast) jQuery mobile låter dig nu ha sanna fixade verktygsfält snarare än en hackisk JavaScript-falsk rullning. De webbläsare som inte stöder positionen: fasta kommer att få statiska verktygsfält, men det finns en polyfil för dem som vill ha de gamla fasta verktygsfälten i icke-stödjande webbläsare.

Fasta verktygsfält är inte de enda nya funktionerna för den här utgåvan. Det finns två nya sidövergångar (t.ex. sväng och flöde), Firefox-stöd för övergångar, en mycket trevligare och mindre påträngande Ajax-laddare. Stöd för jQuery 1.7.1 (tidigare versioner stöddes endast av 1.6.4) och Mini-formelement för sätta formulärelement i verktygsfält (t.ex. skjutreglage, växlar, etc.). Flip-switchen har en ny, mycket snyggare look, och det finns också möjlighet att markera skjutreglaget när det glider.

Om du inte vill att jQM ska förbättra ett element, kan du nu använda data förbättra = "false" attribut. Det finns en viss fördel med att använda detta, så det är värt att läsa dokumentationen på den här.

Tillsammans med dessa funktioner blir plattformsupporten bara bättre och bättre med A-Grade-supporten som växer med varje utgåva, och B och C-graden blir mindre och mindre. Glöm inte att kolla in frigöringsanvisningarna för ytterligare detaljer.


Sencha Touch 2

Sencha Touch är en fantastisk verktygssats för att skapa mobilappar. Med Sencha Touch 2 får vi en ny version av ramen tillsammans med några bra nya verktyg. Jag har inte använt den nya versionen av Sencha Touch än, men jag har dyktat in i några av dokumentationen och kodexemplen, och jag gillar verkligen det jag ser.

Processhastighet och utnyttjande av allt som HTML5 har att erbjuda verkar vara av yttersta vikt för Sencha-laget. De har levererat något som fungerar väldigt bra, och tillsammans med utgåvan av Sencha Touch 2 kommer ett par verktyg som jag är glada att använda.

Sencha Designer 2 ger dig möjlighet att dra och släppa GUI-element när du bygger apps, och Sencha Animator är ett verktyg för att hjälpa till att bygga CSS animerade appar.

Sencha Designer 2 ger dig en dra-och-släpp-GUI för att bygga appar. Vissa kan avskräckas av dess enkelhet, och medan dess räckvidd är begränsad i vad du kanske kan uppnå med det, är det go-to-verktyget för att skapa prototyper för små appar. Även om det fortfarande är i beta för tillfället kan det mycket bra bli en av anledningarna till att många utvecklare kommer att välja Sencha Touch över allt annat.

Sencha Animator är ett annat verktyg som nyligen släpptes för att hjälpa till med att skapa CSS-baserade animeringar och interaktiva appar. Det borde bidra till att bygga en riklig prototyp, eller till och med lägga till lite animering till din app mycket lättare, men igen är jag osäker på hur långt verktygen kommer att sträcka sig. Det stora är att du alltid kan dyka in i den exporterade koden.

Sencha flyger verkligen för tillfället, och jag planerar verkligen att ägna lite tid att utforska sina verktyg för att skapa mobila applikationer i år. Med sina nya verktyg, dokumentation och utmärkta resurser för att lära Sencha ställer de baren väldigt högt!