Difference between revisions of "Html5"
(Created page with "==HTML5 questions== ===How do you html redirect?=== ====ANS:In <head> put <meta http-equiv="REFRESH" content="0;url=http://www.the-domain-you-want-to-redirect-to.com">") |
|||
| (13 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== | |||
====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> | |||
<p>hi from pathboston</p> | |||
<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> | |||
==HTML5 questions== | ==HTML5 questions== | ||
===How do you html redirect?=== | ===How do you html redirect?=== | ||
====ANS:In <head> put <meta http-equiv="REFRESH" content="0;url=http://www.the-domain-you-want-to-redirect-to.com"> | ====ANS:In <head> put <meta http-equiv="REFRESH" content="0;url=http://www.the-domain-you-want-to-redirect-to.com">==== | ||
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>
