nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


10 frameworks om een ​​mobiele applicatie te bouwen met HTML, CSS & JavaScript

Voor veel webontwikkelaars, die misschien alleen bekend zijn met HTML, CSS en JavaScript, kan het ontwikkelen van een native mobiele app een onbekend territorium zijn . Technisch gezien zijn mobiele apps in Android, iOS en Windows Phone gebouwd met volledig verschillende programmeertalen; een Android-app maakt gebruik van Java, een iOS-app maakt gebruik van Objective-C, terwijl een Windows Phone-app .NET gebruikt.

Maar nu kan iedereen met een behoorlijke kennis van HTML, CSS en JavaScript een mobiele applicatie bouwen. Een belangrijk voordeel van het gebruik van webtechnologie om uw app te bouwen, is draagbaarheid . Met behulp van een packager / compiler, zoals PhoneGap, kunt u uw app op veel verschillende platforms porten en installeren.

Er zijn een aantal raamwerken die dit mogelijk maken. Ze hebben ook de helft van het harde werk gedaan om de kloof tussen web- en mobiele platforms te overbruggen . Hier hebben we 10 van de beste mobiele frameworks samengesteld die we konden vinden. Als je klaar bent om de volgende miljardenapp te bouwen, kunnen we de lijst bekijken.

1. jQuery Mobile

jQueryMobile is een robuust mobiel ontwikkelingsraamwerk voor het ontwikkelen van app voor meerdere mobiele platforms . jQuery Mobile ondersteunt een groot aantal verschillende platforms, van een gewone desktop, smartphone, tablet of een e-reader zoals Nook of Kindle. Net als zijn broer, jQuery UI, bevat jQuery Mobile een aantal gebruikersinterfaces die in dit geval is geoptimaliseerd voor mobiele apparaten en apparaten met aanraakbediening .

Aanbevolen literatuur: Mobile App Design / Dev: Beginnershandleiding voor JQuery Mobile

2. Cordova / PhoneGap

PhoneGap is hoofdzakelijk gebaseerd op Cordova. Cordova / Phonegap biedt een set JavaScript-API's die verbinding maken met de eigen functies van het apparaat, zoals Camera, Kompas, Contacten en Geolocatie. Cordova / Phonegap laat ons een mobiele applicatie bouwen zonder de eigen programmeertaal ; in plaats daarvan kunnen we een framework zoals jQuery Mobile gebruiken. Het compileert uw app met behulp van de SDK van het platform en kan worden geïnstalleerd op het platform dat het ondersteunt, waaronder iOS, Android, Windows Phone, Blackberry en Web OS.

3. Sencha Touch

Sencha Touch is een mobiel framework, mogelijk gemaakt door HTML5 en CSS3 en biedt API's, animaties en componenten die compatibel zijn met de huidige mobiele platforms en browsers. Sencha Touch ondersteunt zowel Cordova als PhoneGap ; u kunt uw app compileren en uw app indienen bij de App Stores van het betreffende platform. Daarnaast biedt Sencha Touch een reeks thema's voor iOS, Android, Blackberry, Windows Phone, Tizen en een aantal andere platforms om uw app als een native app te laten voelen.

4. Ratel

Ratchet werd oorspronkelijk door Twitter gebruikt als een interne tool om hun prototype voor mobiele apps te maken dat vervolgens publiekelijk wordt vrijgegeven als een open source-project. Ratchet wordt geleverd met een verzameling gebruikersinterface- en JavaScript-plug-ins voor het bouwen van eenvoudige mobiele apps, met herbruikbare HTML-klassen . In versie 2.0 wordt Ratchet ook geleverd met zijn eigen lettertypepictogramset genaamd Ratcheticon en twee vooraf gemaakte UI-thema's voor iOS en Android .

5. Ionisch

Als u zich zorgen maakt over de prestaties van uw app, is Ionic het juiste kader voor u. Ionic is een HTML5-mobiel framework met focus op prestaties, door gebruik te maken van hardwareversnelling en hiervoor is geen JS-bibliotheek van derden vereist. Het werkt het beste samen met Angular.js om een ​​interactieve app te bouwen . Net als bij Ratchet wordt Ionic geleverd met een mooi vormgegeven lettertypepictogram, Ionicons en een stapel herbruikbare HTML-klassen om de mobiele gebruikersinterface te bouwen.

6. Lungo

Lungo is een lichtgewicht mobiel raamwerk op basis van HTML5 en CSS3 . Het heeft hele mooie standaardstijlen die je als startpunt kunt gebruiken om je mobiele app te ontwerpen. Naast de mobiele UI-componenten brengt Lungo een aantal JavaScript-API's om uw app te beheren. Lungo ondersteunt de volgende platforms: iOS, Android, Blackberry en Firefox OS.

7. jQT

jQT is een Zepto-plug-in voor mobiel framework dat voornamelijk is ontworpen voor Webkit-browsers . jQT is eenvoudig aanpasbaar en uitbreidbaar . Het wordt geleverd met een thema dat kan worden aangepast met behulp van Sass / Compass, een coole 3D-overgang die kan worden aangepast via CSS3, plus ontwikkelaars kunnen jQT ook uitbreiden met hun eigen vereiste functionaliteiten.

8. Junior

Junior is ook een Zepto-plug-in voor het bouwen van een mobiele app vergelijkbaar met jQT . Maar Junior is afhankelijk van verschillende externe bibliotheken om bepaalde functies te laten werken, namelijk Backbone.js, Flickable.js voor het maken van een veegbare schuifregelaar en Ratchet voor de UI-steiger.

9. Jo

Jo ondersteunt een breed scala aan mobiele platforms, waaronder Tizen en Chrome OS. Jo komt ook met een starter, die wordt aangedreven door CSS3, zodat het voor webontwikkelaars op elk ervaringsniveau gemakkelijk is om hun apps te begrijpen en te stylen. Daarnaast kunt u Jo samen met PhoneGap of Cordova gebruiken om uw app te verpakken voor gebruik op een mobiel platform.

10. Famo.us

Famo.us, een nieuw kind in het mobiele framework-blok, belooft HTML5-prestatieprobleem op mobiele apparaten te elimineren met zijn lichtgewicht JavaScript-engine (alleen 64k). Famo.us zal naar verluidt ook een cloud-gebaseerde service lanceren om je app te verpakken om te publiceren naar de AppStore - het klinkt als Phonegap en Sencha krijgt binnenkort een nieuwe concurrent. U kunt zich aanmelden als bètatester op www.famo.us om het in handen te krijgen.

20 prachtige UI & UX Designer-portfolio's voor inspiratie

20 prachtige UI & UX Designer-portfolio's voor inspiratie

Een moderne wereld vereist nieuwe regels en je kunt gewoon geen succesvolle grafisch ontwerper zijn zonder een persoonlijke portfoliowebsite. Zelfs als het gaat om een ​​mobiele gebruikersinterface of gebruikerservaring, zonder de mogelijkheid om uw vaardigheden onder de aandacht te brengen, zult u moeite hebben om klanten te werven.In

(Technische en ontwerptips)

Webontwikkeling: de 10 coderingsantipatterns die u moet vermijden

Webontwikkeling: de 10 coderingsantipatterns die u moet vermijden

Het ontwerpen van de architectuur van een website of een applicatie, of het opzetten van een effectieve codeerworkflow zorgt ervoor dat we vaak met terugkerende problemen omgaan. We hoeven deze problemen met het ontwerpen van software niet per se op te lossen, omdat oplossingen op architectonisch niveau op dezelfde manier kunnen worden hergebruikt als codefragmenten op microniveau

(Technische en ontwerptips)