Difference between revisions of "Html5"
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
==language features== | |||
{{:pwa}} | |||
====websockets==== | |||
:http://code.google.com/p/phpwebsocket/ | |||
:[http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/ start-using-html5-websockets-today] | |||
:[https://github.com/cosm/cosm-js cosm javascript library] [http://cosm.github.com/cosm-js/ docs] | |||
====local storage==== | |||
:[http://www.opinionatedgeek.com/dotnet/tools/base64encode/ base64 online ecoder] | |||
:[https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/entry/html5_code_example_store_images_using_localstorage57?lang=en storing images in local storage] | |||
==code samples== | ==code samples== | ||
====button that runs a php file==== | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
Latest revision as of 15:51, 2 March 2017
language features
Progressive Web Apps
github sw-precache
chrome://serviceworker-internals/
https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/
https://addyosmani.com/blog/getting-started-with-progressive-web-apps/
https://greenido.wordpress.com/2016/04/04/how-to-build-a-progressive-web-app/
https://github.com/glennwedin/Progressive-Web-App
https://github.com/googlecodelabs/your-first-pwapp
https://codelabs.developers.google.com/codelabs/your-first-pwapp/#3
webworkers service workers
https://developers.google.com/web/fundamentals/getting-started/primers/service-workers
http://www.codingdefined.com/2016/10/getting-started-with-web-workers-in.html
https://github.com/jakearchibald/simple-serviceworker-tutorial
websockets
- http://code.google.com/p/phpwebsocket/
- start-using-html5-websockets-today
- cosm javascript library docs
local storage
code samples
button that runs a php file
<syntaxhighlight lang="html5"> <!DOCTYPE html> <html> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contol Panel</title> <script src="http://code.jquery.com/jquery-latest.js"></script>
</head> <body>
hi from pathboston
<form> <input type="button" value="Create Pathboston Web Report" id="cpr">
</form> </body> <script> $("#cpr").click(function() { console.log("clicked the cpr button"); $.get("CreaPathbost.php"); }); </script> <html> </syntaxhighlight>
