This is a collection of HTML5-related apps I've made that can be embedded into HTML pages, such as blog posts.

See other things I'm learning: https://github.com/hchiam/learning

See phaserGame.

Example web app for converting temperature, with steps for quick mental calculation:

• app.html is for the structure ("organization").
• app.js is for the interaction ("actions").
• app.css is for extra presentation stuff ("style"/"looks").

Screenshot: (from hchiam.blogspot.ca/2016/09/how-to-convert-temperature-quickly-in.html)

https://github.com/hchiam/code7

Very simple HTML JavaScript game that can be embedded into a blog post:

• test.html is for the structure ("organization").
• test.js is for the interaction ("actions").

Reference code from my tutorial work in www.freecodecamp.com/hchiam, for future reference notes.

• cat.html "CatPhotoApp" tutorial.
• styletest.html Testing out CSS styles and "order of operations".
• randomQuoteMachine(.html, .css, .js) Example with jQuery code to call an API by using an HTTP URL with parameters, to then parse the data fields from the JSON data reply (i.e. get its quote and author fields), and to output those fields as text in html elements.

My GitHub folder at: freeCodeCamp_TutorialWork

Reference code from my tutorial work in www.codecademy.com, for future reference notes.

• makeawebsite.html html tutorial.

My GitHub folder at: codecademy

Reference code from my tutorial work in education.gale.com, for future reference notes.

• WatzThis folder mobile web app tutorial. Useful template code in this folder.
  • index.html Main code for the "WatzThis" app. Has most of the code from all related lessons.
  • index2_bridgeToNative.html Version of index.html that uses PhoneGap (aka Cordova) to "bridge" from web app to native mobile app (and hence access native functionality).
• testSVG folder You can create and embed SVG vector images as if you were writing HTML files! (It's actually in XML.)
• data-icons.html button data-icon examples.
• geocaching.html geocaching example code.
• jQueryMobile_template.html template JQM html file.
• swipesensejs.html code from http://padilicious.com/code/touchevents/swipesensejs.html for touch screen events like touchstart, touchmove, touchend, and touchcancel.
• testGoogleMapsFramework.html test Google Maps API.
• testNYTapi.js text NYT API.
• test_document.html HTML5 tutorial.

My GitHub folder at: creating_Mobile_Apps_with_HTML5

...

See github.com/hchiam/learning