Hoe jQuery Mobile te integreren in Phonegap / Cordova

jQuery Mobile is een van de beste frameworks om een ​​mobielvriendelijke website en mobiele applicatie te bouwen. jQuery wordt geleverd met een aantal gebruikersinterfaces die compatibel zijn met moderne platforms zoals iOS en Android, tot de vroegste van platforms zoals Opera Mini en Nokia Symbian.

In deze post zullen we uitbreiden van onze vorige discussie over Phonegap / Cordova. We laten u zien hoe u jQuery Mobile integreert in Phonegap / Cordova en compileert in een iOS-applicatie . Als het maken van een app met jQuery Mobile een van uw interesses is, kunt u deze korte zelfstudie volgen.

Ermee beginnen

Opmerking: in dit stadium neem ik aan dat u een Phonegap / Cordova-project hebt gemaakt en dit hebt geopend in Xcode (anders kunt u dit bericht bekijken).

Omdat Phonegap / Cordova ons in staat stelt HTML, CSS en JavaScript te gebruiken, is het maken van de app bijna net zo eenvoudig als het maken van een website. Maar in plaats van de stappen voor het maken van de app-interface hier te doorlopen, zal ik je verwijzen naar onze vorige tutorial, een mobiel paneel bouwen met JQuery Mobile, waar ik je heb laten zien hoe je links en rechts van jQuery Mobile kunt bouwen. Dit is zo'n gemeenschappelijke interface die je in elke mobiele app kunt vinden - bijvoorbeeld in de Facebook-app.

Download de bron en verplaats alle bestanden (HTML, CSS en JavaScript) naar de map platform / ios / www - hier moeten al onze codes voor het ontwikkelen van de iOS-app aanwezig zijn.

Bouw de applicatie

Laten we de projectmap openen in Xcode. We gaan de app bouwen en een voorvertoning bekijken in iPhone Simulator, die samen met Xcode wordt geleverd. De nieuwste versie van Xcode stelt iOS 7 in als standaardsoftware in de Simulator. Als u uw app ook in iOS 6 wilt testen, kunt u deze toevoegen via het menu Voorkeur - Download .

Selecteer vervolgens met welke simulator je app moet worden getest; u kunt kiezen tussen iPhone en iPad en de software die erin wordt gebruikt. Nadat u de simulator hebt geselecteerd, klikt u op de afspeelknop linksboven in het Xcode-venster.

De simulator wordt automatisch gestart.

Dat is het. U kunt de app uitbreiden met meer inhoud en functies met de jQuery Mobile API. Met jQuery mobile en Phonegap is het maken van een mobiele app net zo eenvoudig als het maken van een website.

Voor meer informatie over jQuery Mobile, kunt u onze vorige berichten opnieuw bezoeken:

• Beginnersgids voor jQuery Mobile
• Aangepaste thema's met jQuery Mobile

SVG-ondersteuning testen in webbrowser-engines [casestudy]

SVG (Scalable Vector Graphics) wordt officieel ondersteund door alle belangrijke webbrowsers, inclusief Internet Explorer. De ondersteuning omvat een breed scala aan beeldbewerkingssoftware, met name Inkscape, dat SVG als het oorspronkelijke formaat gebruikt (als u een opfrisser op SVG wilt, klik dan hier)

(Technische en ontwerptips)

Gratis CloudFlare UI Framework voor ontwikkelaars van frontends

CloudFlare heeft onlangs een grote onderhoudsbeurt aangekondigd van hun systeem van Backbone naar React.js . Dit kwam met een bijgewerkte frontend UI-raamwerk en het team besloot om het voor iedereen te openen.Het CloudFlare UI Framework, afgekort CF-UI, is een gratis open source-bibliotheek met frontend-codes die kunnen worden gekoppeld aan een React-workflow

(Technische en ontwerptips)