Apache Cordova Helpful Links

Sites I’ve found useful for Adobe PhoneGap and Apache Cordova iPhone and Android development, adapting to various screen sizes. They are put here so I can access them from various computers. (Bad links removed 10/2019.)

Contents

PhoneGap & Apache Cordova
Mobile Frameworks
CSS, HTML5
Mobile Makeover Guidelines/Responsive Web Design
Web Apps
PhoneGap Tutorials
Code Scripting Sites
Random Code/Stuff
Google Play
Apple App Store
Drag-n-Drop App Makers
Optimize Your Code
Services and Tools
App Stores (submit your apps here)
General Conversions/Translations

Adobe PhoneGap & Apache Cordova

Cordova & PhoneGap in Layman’s Language
http://wp.me/pyIb9-4F

Top PhoneGap Mistakes
https://github.com/jessemonroy650/top-phonegap-mistakes
Gotchas http://www.slideshare.net/photoKandy/common-phonegap-gotchas-pgday-eu-2016

Official sites
http://codesnippets.altervista.org/documentation/phonegap/bookmarks/topBloggers.html
http://cordova.apache.org/
http://www.phonegap.com/

Cordova Versioning Strategy
https://github.com/apache/cordova-coho/blob/master/docs/versioning-and-release-strategy.md

PhoneGap and Cordova support online
http://stackoverflow.com (use the “cordova” tag for both)
https://cordova.slack.com/

Cordova Bug Tracker
https://issues.apache.org/jira/browse/CB#selectedTab=com.atlassian.jira.plugin.system.project%3Asummary-panel 

PhoneGap Plugins

• https://build.phonegap.com/plugins
• https://www.npmjs.com/search?q=ecosystem%3Acordova (Cordova core plugins on npm)
• https://github.com/apache?utf8=%E2%9C%93&query=cordova (Cordova core plugin instruction pages)

About Security

• http://matasano.com/articles/javascript-cryptography/
• https://github.com/phonegap/phonegap/wiki/Platform-Security
• www.itworld.com/article/2842676/why-you-should-worry-about-html5-mobile-apps.html

Core PhoneGap Developer (iOS & Android) Software

• node.js: http://nodejs.org/
• Homebrew: http://brew.sh/
• Adobe PhoneGap and APIs: http://www.phonegap.com/
• Xcode (iOS): https://www.apple.com/ios/app-store/
• Android Studio: https://developer.android.com/studio/index.html

Mobile Frameworks (not an exhaustive list)

Adobe AIR, etc., for mobile + tablet platform development
http://www.adobe.com/devnet/devices.html

Appcelerator (Titanium)
http://www.appcelerator.com/

B4X (rapid app development)
https://www.b4x.com/

Cardinal CSS – CSS framework
cardinalcss.com/

Closure (modular Javascript library of widgets)
https://developers.google.com/closure/library/ + https://developers.google.com/closure/compiler/

Dojo Toolkit (modular plugins)
http://dojotoolkit.org/

Enyojs
http://enyojs.com/

Google’s iUI (for mobile apps)
http://code.google.com/p/iui/
http://www.iui-js.org/

LiveCode
http://livecode.com/

Materialize
http://www.materializecss.com/

MooTools (write cross-browser JS code)
http://mootools.net/

NSB App Studio
http://www.nsbasic.com/app/

Onsen UI
http://onsen.io/

qooxdoo, universal JavaScript framework
http://qooxdoo.org/

Skeleton, boilerplate responsive CSS framework
http://www.getskeleton.com/

Sproutcore
http://sproutcore.com/

Wink, JavaScript toolkit
http://www.winktoolkit.org/

Zurb Foundation Responsive CSS Framework
http://foundation.zurb.com/

CSS, HTML5

HTML5/CSS Compatibility
https://caniuse.com/

CSS Reference
Safari Resource http://developer.apple.com/library/safari/navigation/
MDN resource: https://developer.mozilla.org/en-US/docs/Web/Css/Reference
CSS reference.io: https://cssreference.io/
CSS Tricks: https://css-tricks.com/almanac/ 

Understand Your Meta Tags
Complete list: https://gist.github.com/lancejpollard/1978404
https://support.google.com/webmasters/answer/79812?hl=en
Meta tags generator: https://www.metatags.org/seo-tips/why-use-meta-tags/metatags-generator/
Meta tags overview: https://www.metatags.org/all-meta-tags-overview/

Front-end developer’s base HTML/CSS/JS template
http://html5boilerplate.com/

Setting orientation in iPad
http://www.cloudfour.com/ipad-css/

CSS Tips & Tricks

• http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Introduction.html
• http://developer.apple.com/safaridemos/photo-transitions.php
• http://www.cssplay.co.uk/menu/
• http://www.sitepoint.com/12-little-known-css-facts/

CC3 Code Generators, border-radius, gradients, text shadows, etc.

• http://www.sitepoint.com/css3-generators-write-all-that-pesky-code-for-you/
• http://csscreator.com/tools/cssgenerate
• http://css3generator.com/ 
• http://www.colorzilla.com/gradient-editor/
• http://enjoycss.com/http://webdesign.tutsplus.com/articles/css3-transitions-and-transforms-from-scratch–webdesign-4975 http://westciv.com/tools/transforms/index.html http://css3please.com/

CSS Color Names
http://www.crockford.com/wrrrld/color.html

CSS Call-out Box
http://www.mattimattila.fi/comments/simple_call_out_box_with_css

CSS/HTML/JS Reference
http://reference.sitepoint.com/css

Mobile Makeover Guidelines/Responsive Web Design

General:

• RWD references http://bradfrost.github.io/this-is-responsive/resources.html
  
• RESPONSIVE RESOURCES: http://www.usertesting.com/blog/2015/02/03/responsive-web-design-resources/ 
• RESPONSIVE TUTORIALS: http://designsparkle.com/responsive-web-design-tutorials/
• 2015 trends: http://www.kpcb.com/internet-trends
• Ethan Marcotte site: http://unstoppablerobotninja.com/
• Filament Group articles: http://filamentgroup.com/lab/
• See what your site looks like in mobile devices: http://mobiletest.me/
• Common Techniques in RWD (great intro article!): http://www.sitepoint.com/common-techniques-in-responsive-web-design/
• Responsive Design Tips http://mashable.com/2013/04/12/responsive-design-tips/
• Capturing – Improving Performance of the Adaptive Web: https://hacks.mozilla.org/2013/03/capturing-improving-performance-of-the-adaptive-web/
• http://bradfrost.github.com/this-is-responsive/patterns.html  Responsive Patterns
• http://responsive.vermilion.com/compare.php Responsive CSS Framework Comparison
• http://www.lukew.com/ff/ (Many articles and presentations by Luke Wroblewski on developing a RWD Site)
• http://www.html5rocks.com/en/mobile/responsivedesign/ (Creating a Mobile-First RWD Site)
• http://www.useit.com/alertbox/ (Jakob Nielsen’s useability guidelines newsletter)
• http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design (links to UI guidelines by the various phone mfgs)
• http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes (defining your strategy)
• http://inspirationfeed.com/inspiration/websites-inspiration/60-examples-of-responsive-website-design/ (examples)
• http://www.quirksmode.org/mobile/viewports.html 
• http://www.positioniseverything.net/articles/cc-plus.html (conditional comments for IE)
• http://www.themaninblue.com/experiment/ResolutionLayout/ (sample responsive layout works in IE)
• http://www.responsivedesigntest.net/ (test  your site in various settings in browser)
• http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design (50 Fantastic RWD Tools)
• http://24ways.org/2011/conditional-loading-for-responsive-designs/ (conditional JS loading)

Fluid Layouts:

• http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/ (Responsive Tables!)
• http://foundation.zurb.com/ (ZURB Foundation: Rapid Prototyping)
• http://twitter.github.com/bootstrap/ (Bootstrap, from Twitter – responsive design)
• http://getskeleton.com/ (fluid boilerplate)

Fluid Images:

• http://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/
• http://alistapart.com/article/responsive-images-in-practice (2014 article on resp. images)
• jquerypicture.com/  (JQuery Picture for responsive images)
• http://blog.cloudfour.com/8-guidelines-and-1-rule-for-responsive-images/  Responsive images
• http://andmag.se/2011/11/responsive-embeds/ (responsive videos)
• http://designshack.net/articles/css/how-to-build-a-responsive-thumbnail-gallery 
• http://blog.cloudfour.com/responsive-imgs-part-2/ (responsive image techniques)
• http://davidwalsh.name/lazyload-plugin (lazy loading images)
• https://github.com/ezYZ/Lazy-Load-Images-without-jQuery (lazy loading images)
• http://www.ravelrumba.com/blog/responsive-ad-demos/ (resizing ad banners)
• http://24ways.org/2011/adaptive-images-for-responsive-designs (loading the correct image via PHP)
• http://adaptive-images.com/ 
• http://unstoppablerobotninja.com/entry/fluid-images
• http://css-tricks.com/css-image-replacement/

Media Queries:

• http://www.sitepoint.com/media-queries-look-different-media-features/
• http://perishablepress.com/target-iphone-and-ipad-with-css3-media-queries/ (targeting iPhone and iPad)
• http://menacingcloud.com/?c=highPixelDensityDisplays
• http://stackoverflow.com/questions/8142370/media-queries-dont-work-for-mobile-ie
• http://www.quirksmode.org/blog/archives/2010/08/combining_media.html (media queries and Javascript)
• https://github.com/scottjehl/Respond (allows IE to understand media queries)
• http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/ (creating a basic handheld stylesheet template)
• http://www.alistapart.com/articles/responsive-web-design/ (mastering media queries to specify stylesheets)
• http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ (media queries template)

Code Scripting Sites

• http://codyhouse.co/
• http://bradfrost.github.io/this-is-responsive/resources.html
• http://script.aculo.us/
• http://jquery.com/
• http://mootools.net/
• http://www.w3schools.com/
• https://developer.mozilla.org/en-US/docs/JavaScript/A_re-introduction_to_JavaScript?redirectlocale=en-US&redirectslug=A_re-introduction_to_JavaScript
• http://mobiscroll.com/

Random Code and Stuff

Security/Data Encryption
https://cheatsheetseries.owasp.org/cheatsheets/HTML5_Security_Cheat_Sheet.html

Detect iPhone/iPad and redirect to starting page

• http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3888106/How-Can-I-Detect-the-iPhone–iPads-User-Agent.htm
• http://www.sitepoint.com/identify-apple-iphone-ipod-ipad-visitors/

Mobile Database

•  http://www.tutorialspoint.com/html5/html5_web_sql.htm (WebSQL for beginners)
• http://gauravstomar.blogspot.com/2011/08/prepopulate-sqlite-in-phonegap.html 
• http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/UsingtheJavascriptDatabase/UsingtheJavascriptDatabase.html 

Display data in PG from external MySQL, using PHP, AJAX, XML

• https://iphonedevlog.wordpress.com/2014/03/28/populate-your-phonegap-app-with-data-from-an-external-server-db/
• http://www.w3schools.com/php/php_ajax_database.asp

Ajax Image Upload without Refreshing Page using Jquery
http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html

JavaScript image gallery for mobile devices
http://www.photoswipe.com/

Mapping
https://modernweb.com/mobile-friendly-mapping-for-phonegap-apps/

FavIcon Generator
http://www.chami.com/html-kit/services/favicon/

HTML Symbols, Dingbats, and Characters
https://www.sabinanore.com/design/html-special-symbols/
HTML color codes: https://htmlcolorcodes.com/
Entities: https://www.freeformatter.com/html-entities.html

Google Play

Android Developers site
https://developer.android.com/guide/index.html

Important resources – staying on the right side of Google Play
https://play.google.com/about/updates-resources/other-resources/

Distribution Dashboards – check latest percentage of use
https://developer.android.com/about/dashboards/index.html

Google Play Developer Program Policies — read before developing app
http://play.google.com/about/developer-content-policy.html

Android Version History
http://en.wikipedia.org/wiki/Android_version_history
API level: http://developer.android.com/guide/topics/manifest/uses-sdk-element.html#ApiLevels

Android Fragmentation numbers
https://www.opensignal.com/market-insights

Media Formats supported
http://developer.android.com/guide/appendix/media-formats.html

Apple App Store

iTunes Connect Resources and help
https://itunespartner.apple.com/en/apps/overview

Returning your iTunes purchase to Apple
http://www.labnol.org/software/itunes-app-store-refunds/13838/

iOS Developer Center (need account)
https://developer.apple.com/devcenter/ios/index.action

Human Interface Guidelines
https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

App Store Review Guidelines
https://developer.apple.com/appstore/guidelines.html

iOS Developer Forums
https://devforums.apple.com/community/ios

Figuring out the crypto/encryption question during the approval process (if using ssl or https in your app):
https://groups.google.com/forum/#!topic/phonegap/DrYOdMrTssM

Drag-n-Drop to make apps

• https://www.appmakr.com/
• https://www.biznessapps.com/
• http://www.mobincube.com/
• http://www.shoutem.com/
• https://webflow.com/

Services and Tools

HTML5/JavaScript Bluetooth integration
https://github.com/bcsphere/bcexplorer

Maps

• http://leafletjs.com/
• http://developer.android.com/google/play-services/maps.html
• https://developers.arcgis.com/net/store/guide/add-a-map-to-your-app.htm

Buy/Sell source code/templates for iPhone and Android apps
http://www.chupamobile.com/
http://ibuildapp.com/projects.php

Free icon fonts – Why? because they’re scalable for any screen size. Better than raster icons!
http://sixrevisions.com/resources/free-icon-fonts/

Factual – Definitive Global Data on places & products
http://factual.com/

Video converters to convert video for playback on different devices

• http://www.mirovideoconverter.com/
• https://developers.google.com/youtube/player_parameters
• http://giffingtool.com/ 
• http://www.online-convert.com/

Git Repository

• https://github.com/
• http://git-scm.com/book/ch1-3.html (Git basics)
• http://help.github.com/win-set-up-git/ (Git basics)

Share your code

• https://gist.github.com/
• https://codepen.io/
• http://plnkr.co/ (Plunker)
• https://pastebin.com/
• http://jsbin.com/ 

Push Notifications

• https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
• http://www.pushwoosh.com/ 
• http://urbanairship.com/products/

Monetize your app

• https://www.google.com/ads/admob/
• http://www.airpush.com/
• http://www.mopub.com/

Training videos/learn code online

• https://frontendmasters.com/
• https://www.codeschool.com/
• http://www.lynda.com
• https://learnable.com/ 
• http://gymnasium.aquent.com/
• http://bocoup.com/education/
• http://www.pluralsight.com/
• http://tv.adobe.com/channels/
• http://udemy.com/
• http://teamtreehouse.com/
• http://www.hackreactor.com/
• http://channel9.msdn.com/Tags/javascript
• http://trydesignlab.com/
• https://www.udacity.com/
• https://www.coursera.org/
• https://scrimba.com/ 

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers
http://caniuse.com/#

Web fonts
https://www.google.com/fonts
https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts
https://www.fonts.com/web-fonts

Debugging

• http://www.charlesproxy.com/
• https://developers.google.com/web/tools/chrome-devtools/remote-debugging
• https://support.brightcove.com/debugging-mobile-devices

App Annie — app analytics
http://www.appannie.com/ 
https://medium.com/swlh/top-11-mobile-app-analytics-platforms-pricing-included-cdc553578fd

JavaScript Form Validation

• http://parsleyjs.org/ requires jQuery
• http://rickharrison.github.io/validate.js/

Mockup Tools/Prototyping

• Balsamiq http://balsamiq.com
• FluidUI https://www.fluidui.com
• iPlotz http://iplotz.com
• Proto.io http://proto.io
• Moqups https://moqups.com 
• Omnigraffle (Mac) http://www.omnigroup.com/omnigraffle/
• Wireframe.cc https://wireframe.cc
• Sketch https://www.sketch.com/

App Stores (submit your apps here)

• https://developer.apple.com/
• http://www.microsoft.com/windowsphone/en-us/default.aspx
• https://play.google.com/store
• http://www.amazon.com/
• http://www.smashwords.com (submit ebooks for iBooks, Kindle, Nook, etc.)
• http://www.freenew.net/
• http://www.appszoom.com/
• http://www.getjar.com/
• https://www.payloadz.com/

Optimize Your Code

• Minify your JS: https://javascript-minifier.com/
• Image optimization/compression: https://tinypng.com https://bulkresizephotos.com
• PHP Code Checker: http://phpcodechecker.com/
• HTML Validator: http://validator.w3.org/
• CSS Validator: http://jigsaw.w3.org/css-validator/

Javascript validators, etc.

• http://jsbeautifier.org/
• http://www.javascriptlint.com/online_lint.php 
• http://www.jshint.com/
• http://www.jslint.com/

General Conversions/Translations

• http://www.oanda.com/currency/converter/
• http://www.metric-conversions.org/
• http://www.convertworld.com/en/
• http://www.rhymezone.com/
• http://www.onlineconversion.com/
• http://www.free-translator.com/
• https://translate.google.com/