Difference between revisions of "Html5"

From Wiki2
 
(5 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====
====button that runs a php file====
Line 30: Line 40:
===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">====
==language features==
=====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]

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://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12#.fl4h3n2le

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

base64 online ecoder
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>

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>

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">