Onlangs in Mobile Web Development

Er zijn de afgelopen tijd nogal wat updates geweest voor sommige van onze favoriete tools en frameworks in de wereld van mobiele webontwikkeling. Dit bericht geeft een snel overzicht van enkele van de belangrijkste updates voor PhoneGap, Sencha Touch en jQuery Mobile!


PhoneGap 1.5 / Cordova

Het Nitobi-team heeft een nieuwe versie van hun steeds groter wordende tool uitgebracht. Met deze release zijn er veel oplossingen en de soepele overgang naar de Cordova namespacing voor het framework.

De meeste updates hebben betrekking op bugfixes uit de versie 1.4.1 op meerdere platformen, vooral in Android. Ik kan niet zeggen dat de release-notes altijd nuttig zijn; ze hebben meestal alleen zin als je het probleem al persoonlijk tegenkomt. Wat wel geweldig is, is dat het project snel vooruitgang boekt en direct problemen oplost zodra ze zich voordoen.

Als u de release-opmerkingen bekijkt, ziet u veel verwijzingen naar 'Hernoemen naar Cordova'. Je hebt misschien ook gehoord dat Nitobi werd overgenomen door Adobe en hun belangrijkste projecten (zoals PhoneGap en PhoneGap Build) werden onderdeel van de Apache-softwarestichting.

Wat is Cordova en wat heeft het te maken met PhoneGap? Ik heb hier verschillende antwoorden op gehoord. Veel informele gebruikers gaan ervan uit dat Cordova en PhoneGap hetzelfde zijn en dat ze binnenkort samen zullen smelten. Dit is echter niet het geval.

Om Brian Leroux te citeren: "PhoneGap wordt mogelijk gemaakt door Cordova. Denk: Webkit aan Safari."

Met andere woorden, Cordova is de toolchain die wordt gebruikt in PhoneGap-projecten, maar het merk PhoneGap gaat nergens heen.

In de loop van de tijd heeft het PhoneGap-project meer en meer ondersteuning voor verschillende platforms toegevoegd en hoewel deze release niet over nieuwe functies beschikt, is meer WP7-ondersteuning door velen met open armen begroet. Hopelijk wordt dit jaar het jaar van meer PhoneGap-apps!

Bekijk de officiële Cordova-website voor meer informatie.


jQuery Mobile 1.1.0 RC1

Het jQuery Mobile-team beweegt snel. Het lijkt erop dat ze gisteren de mijlpaal van 1,0 hebben gehaald. Bij de RC van 1.1 zijn er enkele belangrijke wijzigingen en toevoegingen waar je misschien op zou letten als je op dit moment aan een jQuery Mobile-project werkt.

Voor veel browsers (degenen die ondersteuning bieden position: fixed) jQuery mobile biedt je nu de mogelijkheid om echte vaste werkbalken te hebben in plaats van een hackachtige JavaScript nep scroll.

True Fixed Toolbars: voor veel browsers (degenen die ondersteuning bieden position: fixed) jQuery mobile biedt je nu de mogelijkheid om echte vaste werkbalken te hebben in plaats van een hackachtige JavaScript nep scroll. De browsers die geen positie: fixed ondersteunen, krijgen statische werkbalken, maar er is een polyfil voor degenen die de oude vaste werkbalken in niet-ondersteunende browsers willen hebben.

Vaste werkbalken zijn niet de enige nieuwe functies voor deze release. Er zijn twee nieuwe pagina-overgangen (zoals Turn en Flow), Firefox-ondersteuning voor overgangen, een veel leukere en minder opdringerige Ajax-lader, ondersteuning voor jQuery 1.7.1 (vorige versies werden alleen ondersteund door 1.6.4) en Mini-formulierelementen voor vormelementen in werkbalken plaatsen (bijv. schuifregelaars, schakelaars, enz.). De Flip Switch heeft een nieuwe, veel leukere uitstraling en er is ook de mogelijkheid om tijdens het glijden de schuifregelaar te markeren.

Als u niet wilt dat jQM een element verbetert, kunt u nu het data-verbetering = "false" attribuut. Er is wat overhead met prestaties bij het gebruik hiervan, dus het is de moeite waard om de documentatie over deze te lezen.

Samen met deze functies wordt de platformondersteuning alleen maar beter en beter met de A-Grade-ondersteuning die groeit bij elke release en de B- en C-klasse steeds kleiner worden. Vergeet niet om de release-opmerkingen te bekijken voor meer informatie.


Sencha Touch 2

Sencha Touch is een geweldige toolset voor het maken van mobiele apps. Met Sencha Touch 2 krijgen we een nieuwe versie van het framework samen met een aantal fantastische nieuwe tools. Ik heb de nieuwe versie van Sencha Touch nog niet gebruikt, maar ik heb me verdiept in enkele van de documentatie en codevoorbeelden, en ik hou echt van wat ik zie.

Verwerkingssnelheid en het benutten van alles wat HTML5 te bieden heeft lijkt van het grootste belang te zijn voor het Sencha-team. Ze hebben iets geleverd dat erg goed presteert, en samen met de release van Sencha Touch 2 komt een aantal tools die ik graag gebruik.

Sencha Designer 2 biedt u de mogelijkheid om GUI-elementen te slepen en neer te zetten bij het bouwen van apps, en Sencha Animator is een hulpmiddel om CSS-geanimeerde apps te bouwen.

Sencha Designer 2 biedt u een drag-en-drop GUI voor het bouwen van apps. Sommige kunnen worden afgeschrikt door de eenvoud, en hoewel het bereik beperkt is in wat u ermee zou kunnen bereiken, is dit de tool om prototypen te maken voor kleine apps. Hoewel het op dit moment nog steeds in bèta is, kan het heel goed een van de redenen zijn waarom veel ontwikkelaars Sencha Touch zullen kiezen in plaats van iets anders.

Sencha Animator is een andere tool die onlangs is uitgebracht om te helpen bij het maken van op CSS gebaseerde animaties en interactieve apps. Het zou moeten helpen om een ​​rijk ogend prototype te maken, of zelfs een beetje animatie aan je app toe te voegen, maar nogmaals, ik weet niet hoe ver de tools zullen uitrekken. Het leuke is dat je altijd in de geëxporteerde code kunt duiken.

Sencha vliegt zeker op dit moment, en ik ben zeker van plan enige tijd te besteden aan het verkennen van hun tools voor het maken van mobiele applicaties dit jaar. Met hun nieuwe tools, documentatie en uitstekende bronnen om Sencha te leren, leggen ze de lat heel hoog!