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
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/
Pingback: PhoneGap/iPhone Crib Sheet – Handy Links | iPhone Dev Log
I did not find anything for local storage or SQLite so I post it here.
The safest solution for SQLite for iPhone/IOS: https://github.com/davibe/Phonegap-SQLitePlugin
IOS 5.1 has broken the working of HTML5 local storage and Web SQL with Cordova/PhoneGap, see http://pastebin.com/5881768B for a workaround solution. For more discussion see: https://issues.apache.org/jira/browse/CB-330
For HTML5 local storage, I liked the following search result: http://diveintohtml5.info/storage.html
For HTML5 Web SQL, I liked the following: http://www.tutorialspoint.com/html5/html5_web_sql.htm and for a nice-looking library: http://html5sql.com/
For anyone who is making a web app, I recommend using an HTML5 cache manifest to make the entire web app work offline. There are plenty of guides, I liked the following: http://www.html5rocks.com/en/tutorials/appcache/beginner/
I believe the storage issue has been fixed in the latest version of Cordova 1.7.x
Nice link collection!
Pingback: Installing ChildBrowser with Cordova/PhoneGap 1.7.0 | iPhone Dev Log
Pingback: How do you develop your applications? - Android Forums
Pingback: Need help with getting started. - Android Forums
Pingback: PhoneGap/Cordova Android App in Mountain Lion with Eclipse: from Install to Google Play | iPhone Dev Log
really informative link collection…thanks for giving this…
There are some great links. Please see also our new release of Steroids for PhoneGap. Steroids fills the “gaps”. Developers can get their “apps up” in a fraction of the time.
using DebugGap to debug phonegap is really cool
Pingback: Adobe PhoneGap & Apache Cordova Helpful Links | Avisekh Samanta Blog
Pingback: Explanation of PhoneGap/Cordova (PhoneGap/Cordova’s postmortem) | Avisekh Samanta Blog
Pingback: Using Cordova CLI on Mac OS X to build Android apps | iPhone Dev Log
Pingback: Updated March 2018 | iPhone Dev Log