Mobile Apps Development Articles

mobile
mobile-apps-development

https://github.com/cubiq/add-to-homescreen

Several open source frameworks have come and gone over the past few years. Now that the dust has settled a bit, there are four top choices: Ionic, React Native, NativeScript, and Xamarin. The Ionic framework provides the ability to cover the most amount of platforms with a single codebase: web apps, mobile apps, progressive web apps (PWAs), and desktop apps (via Electron.js). Ionic apps are built on top of Angular, which means you’ll need to learn it first along with Typescript. Facebook’s React Native is another option. Apps are written in JavaScript, but instead of using web components like “div” or “span”, native components like “View” and “Text” are used, producing a real native mobile app. This approach provides great performance but means that the code can only be used for mobile apps. Telerik’s NativeScript is another neat option. Apps are written in Angular, TypeScript, or plain JavaScript, then compiled into native code. You’ll need to learn their custom UI layout mechanism (tags such as “<Page>”, “<Image>”, etc. get converted into a specific native representation), but otherwise will reuse your existing JavaScript skills. Microsoft’s Xamarin framework is a bit different than the others — apps are written in C#. This is great for .NET developers looking to try their hand at mobile development. As with React Native and NativeScript, the C# code gets transformed into a native representation. https://blog.phonegap.com/hybrid-mobile-apps-are-overtaking-native-951a3aacacd1

https://blog.phonegap.com/hybrid-mobile-apps-are-overtaking-native-951a3aacacd1
http://go.sitepoint.com/t/ViewEmail/y/7B7C197776533C40/4C0C0AB95472652005263A35EB2CBB57

https://dzone.com/articles/essential-features-every-m-commerce-mobile-app-mus
https://dzone.com/articles/why-progressive-web-apps-could-be-in-your-future-a
https://medium.com/dev-channel/detect-if-your-native-app-is-installed-from-your-web-site-2e690b7cb6fb
https://www.nativescript.org/
https://www.sitepoint.com/getting-started-with-fuse
https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/
http://www.sitepoint.com/5-alternative-stores-to-sell-your-apps
http://www.sitepoint.com/creating-an-imgur-app-with-nativescript
http://www.sitepoint.com/streamlining-mobile-app-databases-with-realm-io/
http://www.sitepoint.com/how-enterprise-app-development-can-improve-your-business/
http://www.sitepoint.com/the-firefox-os-pivot-into-connected-devices/
http://www.sitepoint.com/the-11-best-tutorials-on-mobile-design
https://www.sitepoint.com/mootor-html5-framework-mobile-development/
https://www.sitepoint.com/5-great-services-to-optimize-your-mobile-apps
https://www.dancounsell.com/how-to-get-press-coverage-for-your-app/
https://eclipsesource.com/blogs/2017/07/20/no-more-waiting-tabris-js-2-0-is-here

https://dzone.com/articles/xamarins-effect-on-software-development
http://www.sitepoint.com/build-cross-platform-android-ios-uis-xamarin-forms/
https://trackchanges.postlight.com/were-bullish-on-amp-abfc6e1f10a1#.x7qdefatb

https://www.sitepoint.com/progressive-web-apps-bridging-the-gap-between-web-and-mobile/
https://www.entrepreneur.com/article/280106
https://www.soasta.com/blog/real-user-performance-monitoring-google-amp/
http://go.sitepoint.com/t/ViewEmail/y/002FBA3D420DCE09/4C0C0AB95472652005263A35EB2CBB57
http://www.sitepoint.com/migrating-your-android-or-ios-app-from-parse/
http://www.jedi.be/blog/2016/02/29/How%20Native%20App%20operations%20is%20different%20from%20Web%20Operations/
http://www.sitepoint.com/using-classy-to-create-stylesheets-for-native-ios-apps/
http://go.sitepoint.com/t/ViewEmail/y/5B4BD200E8DFC144/4C0C0AB95472652005263A35EB2CBB57
http://www.sitepoint.com/how-to-build-a-wi-fi-dashboard
http://www.sitepoint.com/an-introduction-to-googles-accelerated-mobile-pages-amp/
http://www.sitepoint.com/getting-started-with-service-workers/
http://www.sitepoint.com/tabbed-browser-node-webkit-angularjs
http://www.sitepoint.com/13-tips-on-designing-and-building-apps-more-efficiently/
http://sourcebits.com/app-redesign-sourcebits-mobile-makeover/
http://www.sitepoint.com/designing-web-code-native-app
http://www.sitepoint.com/making-minimalism-work-in-mobile-and-web
http://www.sitepoint.com/deep-linking-in-apps-for-improved-discoverability/
http://www.sitepoint.com/web-desktop-apps/
http://www.sitepoint.com/5-big-mobile-design-trends-of-2015/
http://www.sitepoint.com/mobile-friendly-design-12-tips-follow
http://www.sitepoint.com/building-great-mobile-menus-website
http://www.sitepoint.com/understanding-mobile-user
http://www.sitepoint.com/mobilegeddon/
http://www.sitepoint.com/doctor-can-prescribe-app/
http://www.sitepoint.com/7-best-practices-designing-mobile-user-experience
http://www.sitepoint.com/debugging-mobile-websites-firefox
http://www.sitepoint.com/security-risks-html5-apps
http://www.sitepoint.com/building-mobile-javascript-powered-audio-player/
http://www.sitepoint.com/introducing-fabric-twitters-mobile-development-platform/
http://www.sitepoint.com/pebble-time-mean-developers
http://www.sitepoint.com/mobile-technology-changing-healthcare
http://www.sitepoint.com/integrating-touch-id-ios-app

http://www.sitepoint.com/filtering-reality-with-javascript-google-cardboard/
http://www.sitepoint.com/5-mobile-app-testing-tools/
http://www.sitepoint.com/how-to-prototype-beacon-apps-with-estimote-and-evothings/
http://www.sitepoint.com/building-native-app-javascript-using-nativescript

http://www.sitepoint.com/mobile-platforms-watch-2014 - done reading
http://www.javaworld.com/article/2078908/mobile-java/review--mobile-web-development-frameworks-face-off.html - done reading
http://www.infoworld.com/article/2612411/application-development/review--3-phonegap-toolkits-tame-mobile-app-development.html - Compare Adobe PhoneGap, AppGyver Steroids, and Telerik Icenium - done reading
http://www.javaworld.com/article/2078877/mobile-java/review--3-toolkits-tame-mobile-app-development.html - done reading
http://www.infoworld.com/article/2606611/mobile-development/113034-10-cutting-edge-mobile-development-tools.html - done reading
http://www.infoworld.com/article/2606775/open-source-software/119849-Bossie-Awards-2013-The-best-open-source-application-development-tools.html - done reading
http://www.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started/ - Web Development For The iPhone And iPad: Getting Started - done reading
http://www.sitepoint.com/long-live-web-app/ - done reading
http://www.sitepoint.com/native-vs-hybrid-app-development/ - done reading

App Generator
App Maker
http://ibuildapp.com/
http://www.sitepoint.com/3-ways-to-create-a-mobile-app-with-wordpress/
http://manifoldjs.com
http://www.shoutem.com/
http://www.sitepoint.com/manifoldjs-with-crosswalk-a-simpler-dev-experience-for-android/
http://www.sitepoint.com/build-hosted-web-apps-android-ios-windows-manifold-js/
http://www.sitepoint.com/3-options-for-creating-mobile-apps-without-coding/
http://www.businessnewsdaily.com/4901-best-app-makers-creators.html
http://mashable.com/2013/12/03/build-mobile-apps/
http://www.entrepreneur.com/article/231145
https://webmaker.org/en-US/about
Bitzio
http://www.appsbar.com/
http://www.appmakr.com/
http://www.appypie.com/
https://apps.webmaker.org/designer
http://www.como.com/
http://ibuildapp.com/
http://www.apps-builder.com/
EveryoneApps.com
http://www.infinitemonkeys.mobi/
http://www.mobincube.com/
http://www.mobincube.com/
http://www.infinitemonkeys.mobi/
https://www.yapp.us/
http://www.appsgeyser.com/
http://www.shareableapps.com
https://zapporoo.com/

https://github.com/nwjs/nw.js

Rendr

Go:
http://www.sitepoint.com/ios-and-android-programming-with-go

Firefox OS:
http://www.sitepoint.com/whats-new-developers-firefox-os-2-5/

http://www.sitepoint.com/fast-food-packaging-influenced-mobile-virtual-reality/
http://www.sitepoint.com/5-proven-tips-improve-app-marketplace-ranking
http://www.sitepoint.com/top-10-personalization-strategies-non-retail-apps
http://www.sitepoint.com/finovate-2015-part-mobile-playing-fintech/

http://www.sitepoint.com/hello-sailfish-introduction-developing-sailfishos
http://www.sitepoint.com/silica-components-user-interfaces-sailfish-os
http://www.sitepoint.com/building-simple-rest-api-mobile-applications
http://www.sitepoint.com/7-tips-creating-app-help-mental-illness/
http://www.sitepoint.com/a-first-look-at-sailfish-os-2-0
http://www.sitepoint.com/lists-and-grids-for-displaying-data-in-sailfish-os/

Email Design:
http://www.sitepoint.com/golden-rules-mobile-email-design/

Intel Edison:
http://www.sitepoint.com/introduction-intel-edison-iot-developers

Firebase:
https://www.firebase.com/
http://www.sitepoint.com/creating-a-cloud-backend-for-your-android-app-using-firebase/

Backend As A Service:
https://www.firebase.com/
http://www.kinvey.com/
http://www.baasbox.com/what-is-backend-as-a-service/
https://blog.engineyard.com/2014/backend-as-a-service
http://waracle.net/how-to-choose-the-right-backend-as-a-service-baas-platform/
https://backendless.com/
http://authrocket.com
https://www.backand.com/

Testing:
http://opendevicelab.com/
https://beta.nativetap.io/
https://testobject.com/

Amazon:
https://developer.amazon.com/post/Tx2HGWRGOW5YG8/Amazon-is-Now-Accepting-HTML5-Web-Apps-Making-it-Easy-for-You-to-Reach-Millions.html - done reading
http://iphonedevlog.wordpress.com/2014/11/29/submitting-an-android-app-to-amazon/

LinkedIn:
http://www.cio.com/article/2598880/social-media/an-inside-look-at-linkedin-s-unbundling-mobile-strategy.html - done reading
http://thenextweb.com/dd/2014/07/14/linkedin-behind-scenes-2/
http://www.telegraph.co.uk/technology/social-media/10812062/LinkedIn-aims-to-drive-mobile-uptake-with-multi-app-strategy.html
http://www.businessinsider.com/linkedin-made-a-bunch-of-new-announcements-about-its-mobile-strategy-2013-10
http://www.techcrunch.com/2008/10/28/linkedin-means-business-with-new-application-platform/
http://thenextweb.com/socialmedia/2012/04/26/linkedin-gets-new-android-and-ios-apps-with-a-spectacular-ipad-version/
http://venturebeat.com/2012/04/25/linkedin-sexy-say-what/#s:1-linkedin-ipad
http://www.webpronews.com/linkedin-open-sources-its-iphone-navigation-code-2012-04
http://engineering.linkedin.com/play/play-framework-async-io-without-thread-pool-and-callback-hell
http://venturebeat.com/2011/08/16/linkedin-node/
http://engineering.linkedin.com/nodejs/blazing-fast-nodejs-10-performance-tips-linkedin-mobile

http://thenextweb.com/dd/2013/08/05/how-to-minimize-your-mobile-apps-power-consumption/
https://www.linkedin.com/pulse/20140707181752-174990496-mobile-strategy-the-case-for-a-single-purpose-app
https://www.linkedin.com/pulse/20140703001844-258462-mobile-strategy-unbundling-of-native-mobile-apps-and-how-it-impacts-asian-companies
http://www.entrepreneur.com/blog/223428
http://www.mobilepundits.com/Cross_Platform_Mobile_Development.html
http://www.sitepoint.com/building-mobile-games-stencyl
https://software.intel.com/en-us/html5/tools
http://puppetlabs.com/blog/devops-tools-natural-fit-mobile-apps
http://www.sitepoint.com/introduction-topcoat/
https://learnable.com/books/build-mobile-websites-and-apps-for-smart-devices
http://www.smashingmagazine.com/2014/12/15/understanding-mobile-back-end-as-a-service/
http://www.kinvey.com/enterprise-mobility-ecosystem-map
http://www.smashingmagazine.com/2014/11/20/refining-your-mobile-onboarding-experience-using-visual-analytics/
http://www.smashingmagazine.com/2014/10/21/providing-a-native-experience-with-web-technologies/
http://sixrevisions.com/mobile/cross-platform-mobile-apps/
http://speckyboy.com/2012/07/25/key-elements-for-a-successful-mobile-user-experience/
http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html
http://mobile.smashingmagazine.com/2012/07/05/essential-design-patterns-mobile-banking/
http://buildmobile.com/mobile-web-apps-loading-pages/ - Mobile Web Apps: Loading Pages
http://adactio.com/journal/5433/
http://www.dzinepress.com/2011/02/why-and-how-to-make-your-website-mobile-phone-compatible/ - Why and How to Make Your Website Mobile Phone Compatible
http://www.queness.com/post/6706/9-mobile-framework-to-kick-start-your-mobile-development-career - 9 Mobile Framework to Kick Start Your Mobile Development Career
http://blogs.sitepoint.com/2011/02/16/mobile-sites-vs-media-queries/ - Mobile Sites vs. Media Queries
http://www.smashingmagazine.com/2011/01/26/making-it-a-mobile-web-app/ - Making It a Mobile Web App
http://blogs.sitepoint.com/2011/01/28/avoiding-web-habits-in-your-iphone-apps/ - Avoiding Web Habits in Your iPhone Apps
http://www.lukew.com/ff/entry.asp?1249 - Mobile First: One Year Later
http://www.the10most.com/mobile/10-great-mobile-website-builders.html - 10 great mobile web site builders
http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/
http://www.quirksmode.org/blog/archives/2012/07/more_about_devi.html
http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html - Mobile Web Design: Tips and Best Practices
http://sixrevisions.com/user-interface/a-quick-look-at-mobile-web-designs/ - A Quick Look at Mobile Web Designs
http://www.quirksmode.org/blog/archives/2010/02/the_touch_actio.html - The touch action (from quirksmode)
http://www.quirksmode.org/blog/archives/2010/02/persistent_touc.html - Persistent touch event objects
http://freelancereview.net/_blog/Freelance_Review/post/Pint_CEO_Talks_Mobile_Web_Development/ - PINT CEO Talks Mobile Web Development
http://articles.techrepublic.com.com/5100-10878_11-6095452.html - Best practices for mobile Web application development
http://download.oracle.com/docs/cd/B19188_01/doc/B15920/nvwtgtut.htm - Building Mobile Web Applications: A Tutorial
http://css-tricks.com/css-tricks-mobile/
http://www.wapple.net/develop-mobile-friendly-websites-with-single-domain-for-web-and-mobile.htm - Mobilize Websites & Applications
http://code.google.com/apis/gears/mobile.html Gears on Mobile Devices
http://www.alistapart.com/articles/putyourcontentinmypocket
http://www.alistapart.com/articles/putyourcontentinmypocketpart2
http://audiovideoproducer.digitalmedianet.com/articles/viewarticle.jsp?id=176303
http://www.quirksmode.org/blog/archives/2010/03/html5_apps.html
http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5
http://www.lukew.com/ff/entry.asp?1028 - Designing and Developing for the Rich Mobile Web
http://www.lukew.com/ff/entry.asp?1029 - Video: Rich & Mobile Form Design
http://www.quirksmode.org/blog/archives/2010/04/mobile_browsers.html - Mobile browsers list and test advice
http://pelfusion.com/awesome-graphics/mobile-interface-development-ultimate-gui-toolbox-for-android-iphone-ipad-palm-pre/
http://www.instantshift.com/2010/04/09/mobile-web-design-overview-examples-and-tips/
http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html
http://speckyboy.com/2010/04/12/mobile-web-and-app-development-testing-and-emulation-tools/
http://www.lukew.com/ff/entry.asp?1085
http://www.lukew.com/ff/entry.asp?1089
http://davidwalsh.name/zoom-mobile-browsers - Prevent Page Zooming in Mobile Browsers
http://www.inspiredm.com/2010/06/16/designing-websites-touchscreens/ - The Tangible Web: Thoughts on Designing Websites for Touchscreens
http://www.quirksmode.org/blog/archives/2010/06/a_tale_of_two_v_1.html - A tale of two viewports — part two
http://net.tutsplus.com/tutorials/html-css-techniques/flexible-mobile-first-layouts-with-css3/ - Flexible, Mobile-First Layouts with CSS3
http://www.onextrapixel.com/2010/06/28/designing-for-the-modern-day-mobile-market/ - Designing For The Modern Day Mobile Market
http://www.lukew.com/ff/entry.asp?1136 - Audio: Mobile First!
http://www.lukew.com/ff/entry.asp?1137 - Video: Mobile First!
http://www.lukew.com/ff/entry.asp?1139 - Data Monday: Location Based Services
http://www.lukew.com/ff/entry.asp?1140 - Mobile Device Capabilities: Updated
http://www.lukew.com/ff/entry.asp?1142 - Designing for the Retina Display (326ppi)
http://www.sitepoint.com/blogs/2010/07/10/web-directions-reflections-part-2-mobile-development-with-john-resig-and-jonathan-stark/
http://www.stevesouders.com/blog/2010/07/12/mobile-cache-file-sizes/
http://tutorialzine.com/2010/07/making-slick-mobileapp-website-jquery-css/
http://www.vcarrer.com/2010/07/bulletproof-css3-media-queries.html
http://uxmag.com/design/rethinking-the-mobile-web
http://blogs.sitepoint.com/2010/10/27/jquery-goes-mobile/
http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/
http://www.quirksmode.org/blog/archives/2010/11/mobile_web_conf.html - Mobile web conferences: Mobilism and Breaking Development
http://www.noupe.com/tutorial/mobile-development-toolkit.html
http://www.uxbooth.com/blog/considerations-for-mobile-design-part-1-speed/
http://teachyourselfwebsites.com/how-to-detect-any-ios-device-visiting-your-website/
http://blogs.sitepoint.com/buildmobile-geolocation-in-the-browser/
http://www.smashingapps.com/2010/06/02/handset-detection-optimizes-the-mobile-web-experience.html
http://adactio.com/journal/4470/
http://mobile.tutsplus.com/articles/theory/mobile-design-analyzing-the-amazon-uk-app/
http://www.uxmag.com/design/informing-smartphone-app-design
http://www.quirksmode.org/blog/archives/2010/09/rethinking_the.html
http://uxmag.com/design/rethinking-the-mobile-web
http://www.quirksmode.org/blog/archives/2012/05/achievement_unl.html
http://www.noupe.com/design/the-mobile-web-css-image-replacement-for-retina-display-devices.html
http://speckyboy.com/2012/05/16/creating-a-mobile-web-application-with-meta-tags
http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/
http://blog.newrelic.com/2014/06/13/mobile-app-development-trends-worldwide-need-know
http://www.sitepoint.com/improved-android-emulation-genymotion
http://www.sitepoint.com/making-case-mobile-first-designs
http://paul.kinlan.me/living-with-web-apps/
http://www.bbc.com/news/business-29828484
http://www.smartcompany.com.au/technology/44195-smartphone-saturation-as-the-industry-reaches-maturity-control-shift.html#
http://www.sitepoint.com/best-mobile-development-reference-devices/
http://www.sitepoint.com/optimize-website-wearable-devices/
http://www.sitepoint.com/5-javascript-apis-empower-mobile-web-pages/
http://www.sitepoint.com/intro-app-js-mobile-webapps-made-easy/
http://www.sitepoint.com/designing-interfaces-cross-device-use/
http://www.yottaa.com/blog/dont-let-responsive-web-design-cut-into-customer-satisfaction
http://www.sitepoint.com/free-mobile-design-resources
http://www.stevesouders.com/blog/2014/10/09/do-u-webview
http://www.sitepoint.com/taking-angular-mobile-ui-cross-platform-apps
http://www.sitepoint.com/radar-week-apple-apis-web-apps
http://www.sitepoint.com/5-mobile-design-patterns-successful-app
http://www.sitepoint.com/3-tips-make-application-feel-faster
http://www.sitepoint.com/the-perception-of-performance/
http://www.sitepoint.com/using-uikit-dynamics-swift-animate-apps
http://www.sitepoint.com/submit-pebble-app-app-store/
http://www.sitepoint.com/responsive-design-vs-m-sites
http://www.sitepoint.com/ten-quick-fixes-reduce-page-weight
http://www.sitepoint.com/5-ways-prevent-300ms-click-delay-mobile-devices
http://www.sitepoint.com/use-network-information-api-improve-responsive-websites
http://www.sitepoint.com/controlling-web-pages-javascript-onx
http://www.sitepoint.com/maintain-image-aspect-ratios-responsive-web-design/
http://www.sitepoint.com/creating-mobile-html5-application-app-framework/
http://www.sitepoint.com/responsive-images-using-picturefill-php
http://www.sitepoint.com/consensus-responsive-image-problem/
http://www.webperformancetoday.com/2013/10/02/iphone-speed-test-findings-faster-processor-doesnt-equal-huge-performance-boost/
http://www.sitepoint.com/optimizing-responsive-design-websites-for-performance/
http://www.ere.net/2013/07/10/the-mobile-candidate-experience-its-already-too-late/
http://queue.acm.org/detail.cfm?id=2434256
http://www.sitepoint.com/unifying-touch-and-mouse-with-pointer-events/
http://net.tutsplus.com/tutorials/html-css-techniques/flexible-mobile-first-layouts-with-css3/
http://www.sitepoint.com/css-techniques-for-retina-displays/
http://www.sitepoint.com/localizing-ios-app
http://vimeo.com/78573383
http://www.sitepoint.com/link-text-best-practices-desktop-mobile/
http://www.sitepoint.com/desktop-design-mobile-end-era
http://www.sitepoint.com/video-baked-ux-day-one
http://www.sitepoint.com/managing-maintaining-apps-portfolio
http://chrislord.net/index.php/2013/11/29/efficient-animation-for-games-on-the-mobile-web/
http://www.sitepoint.com/bad-apps-whos-blame/
http://www.linkedin.com/today/post/article/20130711213554-531284-mobile-traction-is-getting-harder-not-easier-here-s-why
http://blogs.keynote.com/the_watch/2013/02/super-disappointing.html
http://mobile.smashingmagazine.com/2012/06/18/mobile-considerations-in-user-experience-design-web-or-native/
http://www.cakemail.com/blog/mobile-application-vs-mobile-web/ - Mobile Application vs. Mobile web and Where Mobile is Headed
http://www.uxmag.com/technology/choosing-an-approach-to-mobile-development - Choosing an Approach to Mobile Development
http://www.lukew.com/ff/entry.asp?1135 - Data Monday: Mobile Apps vs. Mobile Web
http://www.alistapart.com/articles/apps-vs-the-web/
http://sixrevisions.com/project-management/leading-mobile-web-app-native/
http://www.lukew.com/ff/entry.asp?1499
http://www.lukew.com/ff/entry.asp?1500
http://www.sitepoint.com/content-strategy-mobile-web-design/
http://www.sitepoint.com/debugging-mobile-with-jsconsole
http://www.sitepoint.com/pushing-push-notifications-come-age

AppGyver:
http://www.sitepoint.com/appgyver-hybrid-app-development-goes-beyond-just-code/
http://techcrunch.com/2014/05/22/appgyver-launches-composer-a-drag-and-drop-tool-for-building-html5-apps/

IBM Worklight:
http://www.sitepoint.com/build-a-mobile-hybrid-app-using-ibm-worklight-part-1/
http://www.sitepoint.com/build-hybrid-mobile-app-using-ibm-worklight-part-2

Pebble:
http://www.sitepoint.com/submit-pebble-app-app-store/

Apache Cordova / PhoneGap:
https://medium.com/code-divoire/going-mobile-wrapping-an-existing-web-application-in-cordova-phonegap-106d8b60bb9a
http://www.sitepoint.com/quick-tip-installing-and-getting-started-with-cordova/
http://www.telerik.com/campaigns/platform/phonegap
http://www.sitepoint.com/using-healthkit-with-a-cordova-app
http://www.sitepoint.com/integrating-local-notifications-in-cordova-apps
http://www.sitepoint.com/debugging-cordova-apps-with-debuggap
http://iphonedevlog.wordpress.com/2014/10/30/setting-up-your-developmemt-environment-for-cordovaphonegap-android-projects/
http://www.sitepoint.com/cut-mobile-app-dev-time-with-phonegap-wakanda-studio-extension
https://onsen.io/
http://www.sitepoint.com/taking-cordova-app-onsen-ui/
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-1
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-2
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-3
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-4/
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-5/
http://buildmobile.com/build-a-location-based-mobile-app-with-html5-and-javascript-part-6/
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova-part-2/
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova-part-3
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova-part-4/
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova-rate-updates/
http://buildmobile.com/build-a-currency-converter-with-jquery-mobile-and-cordova-finishing-the-app/
http://www.sitepoint.com/onsen-ui-answer-cordova-ui-development
http://phonegap.com/blog/2014/04/23/phonegap-developer-app/
http://www.sitepoint.com/create-password-manager-app-cordova
http://www.sitepoint.com/how-to-integrate-facebook-login-into-a-cordova-based-app/
http://www.sitepoint.com/creating-an-expense-manager-app-with-apache-cordova/
http://www.sitepoint.com/integrating-local-notifications-in-cordova-apps/
http://www.sitepoint.com/scanning-qr-code-cordova
http://www.sitepoint.com/working-with-the-facebook-api-in-a-cordova-app
http://www.sitepoint.com/using-socket-io-and-cordova-to-create-a-real-time-chat-app/
http://www.sitepoint.com/fast-lightweight-data-storage-for-cordova-apps-with-lokijs/
https://www.sitepoint.com/authenticating-users-via-oauth-with-cordova-and-ionic/
https://www.sitepoint.com/an-in-app-browser-with-themeablebrowser-phonegap-plugin/

Kinetise:
http://www.sitepoint.com/creating-native-apps-kinetise-promising-new-saas/

Intel XDK:
https://software.intel.com/en-us/videos/intel-xdk-app-starter-tutorials-lesson-1-getting-started
http://www.sitepoint.com/?s=intel+xdk
http://www.sitepoint.com/introduction-intel-xdk/
http://www.sitepoint.com/testing-debugging-building-apps-intel-xdk
http://www.sitepoint.com/coding-first-cross-platform-app-intel-xdk/

Codename One:
http://www.sitepoint.com/codename-one-cross-platform-native-development/

Cocoapods:
http://www.sitepoint.com/cocoapods-good/
http://www.sitepoint.com/creating-cocoapods/

Ionic:
https://www.sitepoint.com/quick-tip-installing-the-ionic-framework-for-html5-apps/
http://ionicframework.com/
http://www.sitepoint.com/creating-bucket-list-ionic-framework-firebase
http://www.sitepoint.com/building-simple-app-using-ionic-advanced-html5-mobile-app-framework/
http://www.sitepoint.com/firefox-os-game-development-ionic-framework-part-2/
http://www.sitepoint.com/ionic-box-vagrant-configuration-hybrid-mobile-apps
http://www.sitepoint.com/5-ionic-app-development-tips-tricks
http://www.sitepoint.com/series/creating-a-bucket-list-with-the-ionic-framework-and-firebase/
http://www.sitepoint.com/creating-location-sharing-app-using-ionic-framework
http://www.sitepoint.com/series/creating-an-audio-calling-app-with-ionic-and-phonertc/
http://www.sitepoint.com/android-video-calling-with-crosswalk-and-peerjs/
http://www.sitepoint.com/push-notifications-in-ionic-apps-with-google-cloud-messaging/
http://www.sitepoint.com/using-socket-io-and-cordova-to-create-a-real-time-chat-app/

Reapp:
http://www.sitepoint.com/creating-mobile-application-reapp

Patterns:
http://www.sitepoint.com/examples-mobile-design-anti-patterns/
http://www.sitepoint.com/ios-application-development-table-view-controllers

iPhone:
http://www.sitepoint.com/series/ios-application-development
http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-build-your-first-iphone-app/
http://www.sitepoint.com/ios-application-development-getting-started/
http://www.sitepoint.com/ios-application-development-mvc-programming-basics
http://www.sitepoint.com/storing-mobile-positions-remote-database-part-1
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html
https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html
https://developer.apple.com/library/safari/technotes/tn2010/tn2262/_index.html
http://davidwalsh.name/detect-ipad
http://davidwalsh.name/detect-iphone
http://code.tutsplus.com/tutorials/learn-how-to-develop-for-the-iphone--net-443
http://blogs.sitepoint.com/2010/12/01/websockets-and-deviceorientation-support-in-ios-4-2
https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html - Optimizing Web Content

Parse:
http://www.sitepoint.com/creating-cloud-backend-ios-app-using-parse/
http://net.tutsplus.com/tutorials/javascript-ajax/getting-started-with-parse/

Codiqa:
http://buildmobile.com/create-a-mobile-mockup-with-codiqa/

Ruby Motion

Sencha Touch:
http://coding.smashingmagazine.com/2011/07/19/create-an-html-and-css-mobile-web-app-using-sencha-touch/
http://www.sitepoint.com/first-steps-in-sencha-touch

jQuery Mobile:
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/
http://www.noupe.com/tutorial/jquery-mobile-tutorial-creating-a-restaurant-picker-web-app.html

MoFuse:
http://net.tutsplus.com/tutorials/site-builds/how-to-create-a-mobile-site-with-mofuse/ How to Create a Mobile Site with MoFuse
http://www.techmixer.com/mofuse-create-a-mobile-friendly-version-of-your-website/ - MoFuse – Create a Mobile-Friendly Version of Your Website

Making your web site mobile friendly:
http://carsonified.com/blog/features/make-your-site-mobile-friendly/ - Make your Site Mobile Friendly
http://www.mikeindustries.com/blog/archive/2005/07/make-your-site-mobile-friendly - Make Your Site Mobile-Friendly in Two Minutes
http://www.instantshift.com/2010/12/20/how-to-create-a-mobile-version-of-your-website/ - How to Create a Mobile Version of Your Website
http://www.1stwebdesigner.com/tutorials/mobile-version-website/ - How to Create a Mobile Version of your Website
http://eng.designerbreak.com/2009/tutorial/create-a-mobile-site/ - Create a Mobile Site
http://articles.sitepoint.com/article/designing-for-mobile-web Designing for the Mobile Web
http://designi1.com/?p=1613 - Convert your site to a friendly mobile viewer
http://net.tutsplus.com/tutorials/tools-and-tips/learn-how-to-develop-for-the-iphone/
http://dev.opera.com/articles/view/making-small-devices-look-great/
http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml
http://carsonified.com/blog/features/coding-for-the-mobile-web/ - Coding for the mobile web
http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/
http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site-1/
http://www.cameronmoll.com/archives/000398.html - Mobile Web Design
http://pelfusion.com/know-how/how-to-create-or-convert-website-into-mobile-format/
http://spyrestudios.com/10-great-tools-to-create-a-mobile-version-of-your-site/
http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
http://nenuno.co.uk/creative/weekly-feature/optimize-your-website-for-the-iphone-other-mobile-devices/
http://inspirationfeed.com/design/2010/05/how-to-make-your-website-mobile/
http://www.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started/
http://www.1stwebdesigner.com/tutorials/mobile-version-website/
http://www.sitepoint.com/10-ways-make-website-mobile-friendly
http://www.sitepoint.com/make-text-content-mobile-friendly/

MobiForge:
http://mobiforge.com/developing/story/a-simple-mobile-site-with-codeigniter
http://mobiforge.com/developing/story/build-a-mobile-and-desktop-friendly-application-django-15-minutes
http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide
http://mobiforge.com/starting/story/a-beginners-guide-mobile-web-development
http://mobiforge.com/starting/story/xhtml-mobile-website-templates
http://mobiforge.com/developing/story/character-encoding-issues-and-mobile-web
http://mobithinking.com/white-papers/best-and-worst-of-the-mobile-web
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
http://mobiforge.com/designing/story/a-very-modern-mobile-switching-algorithm-part-i
http://mobiforge.com/designing/story/a-very-modern-mobile-switching-algorithm-part-ii
http://mobiforge.com/designing/story/mobile-web-design-getting-point-part-i
http://mobiforge.com/designing/story/mobile-web-design-getting-point-part-ii
http://mobiforge.com/designing/story/mobile-web-design-working-with-color
http://mobiforge.com/designing/blog/240x320-new-standard-screen-resolution
http://mobiforge.com/designing/story/mobile-web-design-beyond-simple-xhtml-pages-i
http://mobiforge.com/designing/story/mobile-web-design-beyond-simple-xhtml-pages-ii
http://mobiforge.com/designing/story/mobile-web-design-beyond-simple-xhtml-pages-iii
http://mobiforge.com/developing/story/creating-mobile-web-sites-with-google-app-engine
http://mobiforge.com/developing/story/lightweight-device-detection-php

Mootor:
http://www.sitepoint.com/mootor-html5-framework-mobile-development
http://www.sitepoint.com/taking-mootor-html5-framework/

Appmaker:
http://www.sitepoint.com/introducing-appmaker-teaching-coding-app-design

Junior:
http://justspamjustin.github.io/junior/#home
http://www.sitepoint.com/junior-front-end-framework-html-5-mobile-apps

Offline first:
http://alistapart.com/article/offline-first
http://www.sitepoint.com/offline-first-next-progressive-enhancement-technique/

PouchDB:
http://www.sitepoint.com/building-offline-first-app-pouchdb/
http://github.hubspot.com/offline/docs/welcome/

Angular:
http://www.sitepoint.com/getting-started-mobile-angular-ui/

Prototyping:
http://www.sitepoint.com/2-tools-prototyping-mobile-apps/

Mulberry:
http://blog.teamtreehouse.com/mulberry-a-mobile-app-development-framework
http://code.tutsplus.com/tutorials/getting-started-with-mulberry--mobile-8629
http://rmurphey.com/blog/2011/09/18/introducing-mulberry/

Magic:
https://github.com/jeffmcfadden/magicframework

Wakanda:
http://buildmobile.com/build-contacts-app-with-html5-css-javascript-wakanda-studio/

Titanium:
http://net.tutsplus.com/articles/news/expedite-your-titanium-development-with-boilerplates-and-modules/

Ratchet:
http://www.sitepoint.com/ratchets-push-js-prototyping-mobile-apps-multiple-screens

Testing:
http://www.sitepoint.com/5-mobile-app-testing-tools/
http://www.sitepoint.com/whats-new-firefox-36-android-debugging-http2-support/

https://www.youtube.com/watch?v=nUwWgCLyO9w - How to make a mobile app in 25 min - For FREE! - InfiniteMonkey
https://www.youtube.com/watch?v=gdnLZNN5_Os
https://www.youtube.com/watch?v=XvssHa85_qc
https://www.youtube.com/watch?v=Fkd9TWUtFm0
https://www.youtube.com/watch?v=7XVOfYNHuNg
https://www.youtube.com/watch?v=uuWN0wYbODI
https://www.youtube.com/watch?v=BkFC96l7AFM
https://www.youtube.com/watch?v=MiWx1BiR6lA
https://www.youtube.com/watch?v=ENyzcXRPeeI
https://www.youtube.com/watch?v=Be-YnLcPEdA
https://www.youtube.com/watch?v=A_qaarY4_lY

http://www.como.com/tutorials/

http://www.queness.com/post/11755/11-multi-touch-and-touch-events-javascript-libraries
http://www.queness.com/post/9072/11-javascript-plugins-optimized-for-mobile-devices-with-qrcode-for-quick-view

http://experts.allbusiness.com/12-step-guide-to-building-your-first-mobile-app/11193/#.UoUPqqW6LlI - done reading
http://experts.allbusiness.com/build-first-mobile-app-12-steps-part-2/11896/#.Usrslv26LlI - done reading

Marketing and Monetizing:
http://www.sitepoint.com/needed-promote-mobile-app
http://www.sitepoint.com/ios-application-development-networking
http://www.sitepoint.com/monetizing-mobile-applications/
http://www.coppermobile.com/blog/all-post/world-cup-can-teach-enterprise-mobile/

What are the steps involved in making an app?

  1. Define Your Goal - define the purpose and mission of your mobile app. What is it going to do? What is its core appeal? What concrete problem is it going to solve, or what part of life is it going to make better?
  2. Start Sketching - By developing sketches you are laying the foundation for your future interface. In this step you visually conceptualize the main features and the approximate layout and structure of your application. Having a first rough sketch of your app helps everyone on your team understand the mission. These sketches should be used as reference for the next phase of the project.
  3. Research - This research has four main purposes:
    1. Find out whether there are other apps doing the same thing
    2. Find design inspiration for your app
    3. Find information on the technical requirements for your app
    4. Find out how you can market and monetize your app
  4. Create a Wireframe and Storyboard. In this phase your ideas and features fuse into a clearer picture. Wireframing is the process of creating a mockup or prototype of your app. You can find a number of prototyping tools online. The most popular ones are Balsamiq, Moqups, and HotGloo, which allows you to not only drag and drop all your placeholders and representative graphics into place, but also add button functionality so that you can click through your app in review mode. While you are working on your wireframes you should also create a storyboard for your app. The idea is to build a roadmap that will help you understand the connection between each screen and how the user can navigate through your app.
  5. Define the Back End of Your Mobile App. Your wireframes and storyboard now become the foundation of your back-end structure. Draw a sketch of your servers, APIs, and data diagrams. This will be a helpful reference for the developer, and as more people join the project you will have a (mostly) self-explanatory diagram for them to study. Modify your wireframes and storyboard according to technical limitations, if there are any.
  6. Test Your Prototype. Revert to your wireframes and ask friends, family, colleagues, and experts to help you review your prototype. Grant them access to the wireframe and have them give your app a test run. Ask them for their honest feedback and to identify flaws and dead-end links. If possible, invite them to your studio and have them try out the prototype in front of you. Monitor how they use the app, taking note of their actions and adapting your UI/UX to them. The goal is to concretize your app concept before it goes into the design process! Once you start designing it is much harder to change things around, so the clearer the prototype from the start, the better.
  7. Build the Back End of Your App. Now that your app has been defined pretty clearly, it is time to get started on the back end of your system. Your developer will have to set up servers, databases, APIs, and storage solutions. Another important thing on your to-do list at this stage is signing up for developer accounts at the app marketplaces you are developing for. Getting your account approved may take several days (depending on the platform) and shouldn’t be left to the last minute.
  8. Design the App “Skins”. “Skins” are what designers/developers call the individual screens needed for the app. Your designer’s job is now to come up with high-resolution versions of what were previously your wireframes. In this step it is crucial to include all comments from your prototype testers (see Step 6). After all, you are trying to build an app your target audience is actually going to use, therefore their feedback should guide you toward to the perfect UI-User Interface.
  9. Test Again (Yes, Again). Once your designer has completed the design skins, you’re up for another round of testing. Don’t think that you are all set with what you’ve done so far. For the first time you have your actual app concept completely in place, all the graphics inserted, and all text as it should be. Which means you can finally test your app in the way it will really look and feel. To test your app, two great testing apps come to mind: Solidify and Framer. These apps allow you to import your app designs and add links where needed to test the flow from screen to screen. Don’t confuse this stage with Step 6 (wireframing). At first it was about creating the basic look and feel of the app. Here you’ve implemented the actual design and made it clickable.
  10. Revise and Continue to Build. Once you’ve given your design a test drive and collected more feedback from future users, you should use these new ideas to polish your app idea. You can still ask your designer to change the layout, and you can still tell your developer to change something on the back end.
  11. Refine Each Detail. As you continue to build you will want to have a constant look at your new app. On Android, for example, it is easy to install your app file on a device to test its functionality in a live environment. iOS is different. There you will require a platform like TestFlight to download and test your app as it proceeds. This step is the last step in the app development process. You can monitor your app all the way until your product is complete.
  12. Release Time! App marketplaces have very different policies when it comes to publishing a new app. Android, for example, does not review newly submitted apps right away. They’ll pass by at some point and check it out but you are able to instantly add your app to Google Play.

While you may think that you have a revolutionary idea, you may get your hopes crushed very quickly. There are more than 1 million apps for Android and iOS, so building something that hasn’t been done before is nearly impossible. Nonetheless you must not get discouraged by those who may playing in the same arena. It is imperative that you focus on your own project and your user acquisition. Learn from the key features and mistakes of your competitors, and drop all other thoughts about them.

This is also the right time to look into the technical aspects of your mobile app. Find out what your requirements are and get a clear picture of whether your idea is truly feasible or not from a technical standpoint. In most cases there will be an alternative solution to proceed on a slightly different route. This research extends into legal restrictions like copyright and privacy questions, giving you a complete understanding of your situation.

If you have connections in the industry, get an expert opinion on your idea right from the start.

Two other important points are marketing and monetization. Now that you have confirmed the feasibility of your app, you should think about your strategy of getting it out onto the market. Determine your niche — know exactly how you can reach your target user and how you need to approach him to make him see the value and use the app.

Another important consideration is figuring out how your app is going to generate money. Will you charge your user to download it? Or will you offer the app for free but run ads on it? This model would require a large user base, so think about that as well. There are various ways to monetize an app and it is up to you to decide on the channel you want to use.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License