HTML5

From BC$ MobileTV Wiki
(Redirected from ServiceWorker)
Jump to: navigation, search
HyperText Markup Language 5

HTML5 is a W3C Working Draft soon to be submitted for consideration as an official recommendation for future web development, and is intended to be a vocabulary and associated APIs for HTML and xHTML.

While the HTML5 web standard is estimated to begin receiving widespread acceptance and subsequent use by 2012, however, it will only be finalized as a W3C recommendation in 2022[1], yet will be in final draft form by 2014[2]. In the meantime, many early adopters and industry leaders are heading initiatives to migrate to HTML5 and ease the pain in converting by providing translation/transformation services, failovers, and scripted (client-side JS, and/or, server-side) functionality replacements for features not yet implemented in certain browsers. For more of these types of tools see HTML5 Tools section.

HTML5 also offers an encouragingly robust Mobile Web application development platform by providing rich features using browser-native implementations of graphics, multimedia, semantics for information retrieval and more. The major mobile devices now come with HTML5 support baked into their browsers allowing for the first time, truly cross-platform video, audio, gaming and other engaging, interactive experiences previously limited to native mobile applications that were very device and Mobile OS-specific (thus not very reusable and certainly not cross-platform).


Specifications

Video

[5]

Media Session

[6]

Media Fragments

  • W3C -- Media Fragments URI 1.0 (basic): https://www.w3.org/TR/media-frags/ (used for things like specifying start time of a media file used in HTML5 video/audio to scrub player to, or for sending other metadata)

Picture-In-Picture

Audio

[7] [8]

Picture

IntersectionObserver

Canvas

Drag & Drop

Microdata

Microdata is expressed in HTML5 using itemprop, itemscope and itemtype attributes; in addition, efforts are underway to reuse previous initiatives on Microformats and RDFa for marking up regular HTML with Semantically meaningful metadata and references.


WebComponents

  1. Custom Elements: https://www.w3.org/TR/custom-elements/ --> graduated, now part of the HTML5 spec: https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements[11]
  2. Shadow DOM: https://www.w3.org/TR/shadow-dom/ --> https://dom.spec.whatwg.org/#shadow-trees[12][13]
  3. HTML Templates: https://www.w3.org/TR/html-templates/ --> graduated, now part of the HTML5 spec: https://www.w3.org/TR/html5/scripting-1.html#the-template-element[14][15]
  4. ProgressiveWebApp (PWA) APIs for ES X support: https://html.spec.whatwg.org/multipage/webappapis.html#integration-with-the-javascript-module-system

[16] [17] [18] [19] [20]

  1. CSS Scoping Module: https://drafts.csswg.org/css-scoping/ (candidates for inclusion in CSS3/4 specs)
  2. CSS Shadow Parts: https://drafts.csswg.org/css-shadow-parts/ (candidates for inclusion in CSS3/4 specs)

WebStorage & Offline AppCache


WebWorkers

ServiceWorkers

[25] [26] [27] [28]

WebMessaging


WebSockets


Physical Web

Web Bluetooth

WebBeacons


Push

SSE

[33] [34] [35]

Device Access

  • HTML5 - Device Access: [36]

Notifications

[41][42][43]

Permissions

Payments

Other



EXAMPLES

Video examples

[51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63]

MediaSession examples

[64]

Media Fragments examples


Picture-In-Picture examples

[66] [67] [68] [69]

Audio examples


Picture examples

[73][74]


IntersectionObserver examples

Canvas examples

[76]

Drag & Drop examples

Microdata examples

See also: Rich Snippets

[77] [78] [79] [80] [81] [82]

WebComponents examples

[83]


WebStorage & Offline AppCache examples

[90] [91] [92] [93]

WebMessaging examples

[94] [95]


WebWorker examples

ServiceWorker examples

[96] [97] [98] [99]

WebSocket examples

[111] [112] [113] [114] [115]


WebBeacons examples

Push examples

SSE examples

[116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139]

DeviceAccess examples

Permissions examples

Notifications examples

[140] [141] [142]

Other examples

[143]



Tools

[144]

Validator

Parsers

Modernizr

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

WebSocket Server

Media Players

ChromeFrame

  • Google Chrome Frame: http://code.google.com/chrome/chromeframe/ (deprecated and no longer actively maintained/supported, was a plug-in that seamlessly brought Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer)

Animation


Resources


Tutorials

[156] [157] [158]


External Links




[161] [162] [163] [164] [165]


References

  1. HTML 5 Won’t Be Ready Until 2022. Yes, 2022: http://www.webmonkey.com/2008/09/html_5_won_t_be_ready_until_2022dot_yes__2022dot/
  2. Is HTML5 specification ready yet?: http://ishtml5readyyet.com
  3. HTML5 differences from HTML4: http://dev.w3.org/html5/html4-differences/
  4. Dive Into HTML5: http://diveintohtml5.info/
  5. W3schools - HTML5 video: http://www.w3schools.com/html5/html5_video.asp
  6. Your Keyboard’s Media Keys Work in All Modern Web Browsers: https://www.howtogeek.com/698434/your-keyboards-media-keys-work-in-all-modern-web-browsers/
  7. W3schools - HTML5 audio: http://www.w3schools.com/html5/html5_audio.asp
  8. Media Stream Track Audio Source Node available in Firefox Nightly: https://blog.paul.cx/post/mediastreamtrackaudiosourcenode/
  9. Linked Open Data scrape of Schema.org: http://schema.rdfs.org/
  10. Schema.org - Microdata Generator: http://www.microdatagenerator.com/
  11. WhatWG -- Custom Elements: https://w3c.github.io/webcomponents/spec/custom/
  12. WhatWG -- Shadow DOM: https://w3c.github.io/webcomponents/spec/shadow/
  13. What the Heck is Shadow DOM?: https://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/
  14. WhatWG -- Shadow DOM: https://w3c.github.io/webcomponents/spec/custom/
  15. HTML imports: https://w3c.github.io/webcomponents/spec/imports/
  16. Web Components & Model Driven Views -- Fronteers 2011, by Alex Russell: https://vimeo.com/33430613 | ORIGINAL (1st major talk introducing WebComponents)
  17. The broken promise of Web Components: https://dmitriid.com/blog/2017/03/the-broken-promise-of-web-components/
  18. Regarding (debunking) the broken promise of Web Components: https://robdodson.me/regarding-the-broken-promise-of-web-components/
  19. Why Web Components?: http://robdodson.me/why-web-components/
  20. Web Components in Firefox 63 -- Native Browser Developer Tools support: https://blog.nightly.mozilla.org/2018/09/06/developer-tools-support-for-web-components-in-firefox-63/ (nice ShadowDOM, Slots & CustomElements conveniences within F12-DevTools)
  21. AppCache facts: http://appcachefacts.info/ (possibly the most under-rated of the upcoming HTML5 features)
  22. localStorage Read Performance: https://calendar.perfplanet.com/2011/localstorage-read-performance/
  23. W3schools - HTML5 WebStorage (LOCAL & SESSION): http://www.w3schools.com/HTML/html5_webstorage.asp
  24. HTML5 ServiceWorker spec (latest draft): https://w3c.github.io/ServiceWorker/
  25. Moz dev -- ServiceWorker API: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
  26. is ServiceWorker ready?: https://jakearchibald.github.io/isserviceworkerready/
  27. Can I Use -- ServiceWorker: https://caniuse.com/#feat=serviceworkers
  28. "Is ServiceWorker ready?": https://jakearchibald.github.io/isserviceworkerready/ (spec implementation tracking website)
  29. HTML 5 & WebSockets Are The Future Of The Web: http://www.indicthreads.com/4229/the-future-of-the-web-html-5-websocket-java-and-comet/
  30. Samsung Internet Browser support for HTML5 WebSockets: https://developer.samsung.com/widgets/technical-docs/HTML5-Websocket-API-1-0
  31. wikipedia: Server-sent events
  32. WhatWG draft of latest SSE spec: https://html.spec.whatwg.org/multipage/server-sent-events.html
  33. Server Sent Events — Concept: https://medium.com/@bethecodewithyou/server-sent-events-concept-f5d34b3c2ecc
  34. Server-Sent Events, WebSockets, and HTTP: https://www.mnot.net/blog/2022/02/20/websockets
  35. Server-Sent Events -- the alternative to WebSockets you should be using: https://germano.dev/sse-websockets/ | SRC
  36. wikipedia: HTML5 in mobile devices
  37. Web Notifications (DRAFT): http://notifications.spec.whatwg.org/
  38. HTML5 - Push API: http://www.w3.org/TR/push-api/
  39. Implementing OS X Push Notifications for Websites: https://developer.apple.com/videos/play/wwdc2013/614/
  40. Using Local And Push Notifications on iOS and Mac OS X: https://developer.apple.com/videos/play/wwdc2011/517/
  41. Issues with Sending Push Notifications: https://developer.apple.com/library/archive/technotes/tn2265/_index.html
  42. Local and Remote Notifications Overview: https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/
  43. About Notifications for Websites: https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/NotificationProgrammingGuideForWebsites/Introduction/Introduction.html
  44. Permissions API: https://davidwalsh.name/permissions-api
  45. Permissions API for the Web: https://developers.google.com/web/updates/2015/04/permissions-api-for-the-web
  46. Media Session API: https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API
  47. Using a Media Session in Android: https://developer.android.com/guide/topics/media-apps/working-with-a-media-session
  48. Mozilla evangelist - Apple HTML5 demos harm the open Web: http://arstechnica.com/open-source/news/2010/06/mozilla-evangelist-criticizes-apple-html5-showcase.ars
  49. Safari "HTML5" Technology Demos: http://developer.apple.com/safaridemos/
  50. An HTML5 offline image editor and uploader application: http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/
  51. HTML5 Video -- What Works: http://diveintohtml5.info/video.html#what-works
  52. HTML5 Video -- HOW TO SERVE OGG and other formats (important): https://developer.mozilla.org/En/HTML/Element/Video
  53. The Dark Side of HTML 5 Video: http://www.sitepoint.com/blogs/2010/01/25/the-dark-side-of-html-5-video/
  54. Video for Everybody!: http://camendesign.com/code/video_for_everybody
  55. Making HTML5 Video work on Android phones: http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/
  56. HTML5 Multimedia: Using Video with Canvas (To Take a Screen Shot of player): http://www.peachpit.com/articles/article.aspx?p=1804854&seqNum=4
  57. How to play a video from the nth second?: https://stackoverflow.com/questions/31978594/how-to-play-a-video-from-the-nth-second
  58. Start HTML5 video at a particular position when loading?: https://stackoverflow.com/questions/5981427/start-html5-video-at-a-particular-position-when-loading
  59. Is there a way to “seek” to a certain time in a video using JavaScript?: https://stackoverflow.com/questions/8663962/is-there-a-way-to-seek-to-a-certain-time-in-a-video-using-javascript
  60. How to Implement Bootstrap Responsive Video: https://dzone.com/articles/how-to-implement-bootstrap-responsive-video
  61. In Chrome 55, prevent showing Download button for HTML 5 video: https://stackoverflow.com/questions/41115801/in-chrome-55-prevent-showing-download-button-for-html-5-video
  62. Prevent HTML5 video from being downloaded (right-click saved)?: https://stackoverflow.com/questions/9756837/prevent-html5-video-from-being-downloaded-right-click-saved
  63. How to disable 'save video as' option in HTML5 video control: http://w3schools.invisionzone.com/topic/49124-how-to-disable-save-video-as-option-in-html5-video-control/ (<img oncontextmenu="return false;">)
  64. Media Session API: https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API
  65. MediaFragments tutorial: https://www.broken-links.com/2012/02/28/the-media-fragments-module/ (used to jump to and/or playback specific segments of multimedia)
  66. An Introduction to the Picture-in-Picture Web API: https://all-markup-news.com/an-introduction-to-the-picture-in-picture-web-api/
  67. The Picture-in-Picture API: https://blog.arnellebalane.com/the-picture-in-picture-api-30415372009f
  68. Watch video using Picture-in-Picture: https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture
  69. An Introduction to the Picture-in-Picture Web API: https://css-tricks.com/an-introduction-to-the-picture-in-picture-web-api/
  70. Test JavaScript support for HTML5 Audio element: http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/
  71. The Wheels Of Steel - An Ode To Turntables (in HTML): http://www.schillmania.com/content/entries/2011/wheels-of-steel/
  72. jQuery/CSS3/HTML5 wheel control concept: https://tiger.my/demos/wheel/
  73. CSS Tricks - Picturefill: https://css-tricks.com/picturefill/
  74. Picturefill 2.0 -- Responsive Images And The Perfect Polyfill: https://www.smashingmagazine.com/2014/05/picturefill-2-0-responsive-images-and-the-perfect-polyfill/
  75. Timing element visibility with the Intersection Observer API: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility
  76. Dive into Canvas: http://diveintohtml5.info/canvas.html
  77. HTML5 Microdata - What is it, and why should you care?: http://www.marcofolio.net/webdesign/html5_microdata_what_is_it_and_why_should_you_care_.html
  78. Make HTML5 microdata useful, Part 1: Using jQuery on top of microdata: http://www.ibm.com/developerworks/library/x-html5microdata1/index.html
  79. HTML5 data-* attributes are great and you know it: http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html
  80. Microformats vs RDFa vs Microdata: http://blog.foolip.org/2009/08/23/microformats-vs-rdfa-vs-microdata/ | DEMO
  81. RDFa 1.1 with a rich snippet example: https://www.w3.org/blog/2011/05/rdfa-11-with-a-rich-snippet-ex/
  82. How-to Implement Google's Structured Data: https://dzone.com/articles/how-to-implement-google-structured-data
  83. Web Components Introduction -- Creating Custom HTML Elements in 2018: https://www.grapecity.com/en/blogs/web-components-introduction-creating-custom-html-elements-2018
  84. HTML5 - IndexedDB: https://www.tutorialspoint.com/html5/html5_indexeddb.htm
  85. Browser sessionStorage share between tabs (via localStorage)?: https://stackoverflow.com/questions/20325763/browser-sessionstorage-share-between-tabs
  86. How persistent is localStorage?: https://stackoverflow.com/questions/9948284/how-persistent-is-localstorage
  87. Cordova/Phonegap: RefreshToken in localstorage: https://security.stackexchange.com/questions/71878/cordova-phonegap-refreshtoken-in-localstorage
  88. In-App Browsers: What You Need to Know: https://www.addthis.com/blog/2017/04/04/in-app-browsers-explained/
  89. Cordova InAppBrowser and shared cookie with webview: https://stackoverflow.com/questions/28643255/cordova-inappbrowser-and-shared-cookie-with-webview
  90. Browser Cache .vs. HTML5 Application Cache: https://stackoverflow.com/questions/22958006/browser-cache-vs-html5-application-cache
  91. HTML5 - Storage APIs: https://medium.com/@ramsunvtech/onfocus-html5-storage-apis-b45d92aa424b
  92. There is no simple solution for localStorage: https://hacks.mozilla.org/2012/03/there-is-n o-simple-solution-for-local-storage/
  93. Storing images and files in IndexedDB: https://hacks.mozilla.org/2012/02/storing-images-and-files-in-IndexedDB/
  94. HTML5 Web Messaging: https://developer.tizen.org/development/guides/web-application/w3chtml5supplementary-features/communication/html5-web-messaging
  95. How do you use window.postMessage across domains?: https://stackoverflow.com/questions/3457391/how-do-you-use-window-postmessage-across-domains
  96. Service worker mindset: https://web.dev/service-worker-mindset/
  97. Web Workers vs Service Workers in JavaScript: https://tech.ovoenergy.com/web-workers-vs-service-workers/
  98. What's the difference between "Service Workers" & "Web Workers" in JavaScript?: https://www.quora.com/Whats-the-difference-between-service-workers-and-web-workers-in-JavaScript
  99. What's the size limit of Cache Storage for Service Worker?: https://stackoverflow.com/questions/38218859/whats-the-size-limit-of-cache-storage-for-service-worker
  100. Introducing WebSockets -- Bringing Sockets to the Web: https://www.html5rocks.com/en/tutorials/websockets/basics/
  101. Create a Bi-directional Connection to a PHP Server using HTML5 WebSockets: https://www.htmlgoodies.com/html5/other/create-a-bi-directional-connection-to-a-php-server-using-html5-websockets.html
  102. HTML 5 Web Sockets vs. Comet and Ajax: http://www.infoq.com/news/2008/12/websockets-vs-comet-ajax
  103. PHP WebSocket Server – The Handshake: http://bohuco.net/blog/2010/07/php-websocket-server-the-handshake/
  104. HTML5 WebSockets Example: http://bohuco.net/blog/2010/07/html5-websockets-example/
  105. Web Sockets in Tornado: http://bret.appspot.com/entry/web-sockets-in-tornado
  106. jwebsocket (Java): http://code.google.com/p/jwebsocket/
  107. Java WebSockets and Introduction: https://blog.idrsolutions.com/2013/12/websockets-an-introduction/
  108. Java EE HTML5 WebSocket example: http://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
  109. Diving into HTML5 with WebSockets and Perl: http://showmetheco.de/articles/2011/2/diving-into-html5-with-websockets-and-perl.html
  110. Web Socket Server: http://www.codeproject.com/KB/webservices/c_sharp_web_socket_server.aspx?msg=3364691
  111. IBM -- Introduction to WebSockets (SLIDES): https://www.slideshare.net/wasdevnet/introduction-to-websockets-51912798
  112. WebSocketsMethods for Real-Time Data Streaming: https://os.alfajango.com/websockets-slides/#/
  113. Cross-Site WebSocket Hijacking (CSWSH): http://www.christian-schneider.net/CrossSiteWebSocketHijacking.html
  114. The difference between Service Workers, Web Workers and WebSockets: https://aarontgrogg.com/blog/2015/07/20/the-difference-between-service-workers-web-workers-and-websockets/
  115. Closing WebSocket correctly (HTML5, Javascript): https://stackoverflow.com/questions/4812686/closing-websocket-correctly-html5-javascript
  116. Server-Sent Events: http://html5doctor.com/server-sent-events/ (Remy Sharp)
  117. JS info -- Server-Sent Events overview: https://javascript.info/server-sent-events
  118. MozDev -- Using server-sent events (with PHP example): https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events
  119. HTML5 Server Send Events using Node.js or Jetty: https://www.hascode.com/2012/10/html5-server-send-events-using-node-js-or-jetty/
  120. Real-time Server Sent Events with React & Event Source (React sample): https://www.jsdiaries.com/dynamic-website-design-with-event-source/
  121. W3schools - HTML5 SSE: https://www.w3schools.com/html/html5_serversentevents.asp (examples in PHP & ASP)
  122. Understanding and Handling Connection Lifetime Events in SignalR (Microsoft/C# lib for SSE): https://docs.microsoft.com/en-us/aspnet/signalr/overview/guide-to-the-api/handling-connection-lifetime-events
  123. Apache + SSE + PHP: https://stackoverflow.com/questions/49013594/apache-sse-php
  124. PHP - Server Sent Event (SSE) Example: https://koditi.my/php-sse-example/
  125. PHP Session Locks – How to Prevent Blocking Requests: http://konrness.com/php5/how-to-prevent-blocking-php-requests/
  126. HTML5 Server-Sent Events Sample with Java Servlet as Event Server: http://milestonenext.blogspot.com/2013/07/html5-server-sent-events-sample-with.html
  127. Oracle community -- HTML5 Server-Push Technologies, Part 1 blog: https://community.oracle.com/docs/DOC-982924
  128. Server-Sent Events with Spring (Java): https://golb.hplar.ch/2017/03/Server-Sent-Events-with-Spring.html
  129. Jetty Continuation server add-on: https://mvnrepository.com/artifact/org.eclipse.jetty/jetty-continuation
  130. EventSource servlet example: https://github.com/eclipse/jetty.project/blob/jetty-9.4.x/jetty-servlets/src/main/java/org/eclipse/jetty/servlets/EventSource.java
  131. Java servlet and server sent events: https://stackoverflow.com/questions/6466713/java-servlet-and-server-sent-events
  132. Access Server-sent events from Java: https://golb.hplar.ch/2018/02/Access-Server-Sent-Events-from-Java.html
  133. Jetty EventSource Servlet: https://github.com/jetty-project/jetty-eventsource-servlet | SRC
  134. HTML5 Server-Sent Events with Java Servlets example: https://www.viralpatel.net/html5-server-sent-events-java-servlets-example/
  135. Building Real-time Apps with Websockets & Server-Sent Events: https://www.sitepoint.com/real-time-apps-websockets-server-sent-events/
  136. 10 Minutes Tutorial For Server-Sent Events: https://www.tutorialdocs.com/article/server-sent-events-tutorial.html
  137. Server-Sent Events with JAX-RS: https://medium.com/liferay-engineering-brazil/server-sent-events-with-jax-rs-a63ce1813d82
  138. Server-Sent Events (SSE) In JAX-RS: https://www.baeldung.com/java-ee-jax-rs-sse
  139. PHP Event Source (SSE) keeps executing after client closed: https://stackoverflow.com/questions/12918650/php-event-source-keeps-executing
  140. Using the Notifications API: https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
  141. Web Push notifications in Firefox: https://support.mozilla.org/en-US/kb/push-notifications-firefox?as=u&utm_source=inproduct
  142. ToDo list using Notifications/Push API: http://mdn.github.io/to-do-notifications/
  143. Chipsets/Devices supporting Android 5 BLE peripheral mode: https://stackoverflow.com/questions/26482611/chipsets-devices-supporting-android-5-ble-peripheral-mode
  144. HTML5 Test SCORES: Chrome 5.0.375.86 ==> 197 | 7 FF 3.6.6 ==> 139 | 4 Opera 10.53 ==> 129 | 4 Safari 4.0.5 ==> 128 | 7 IE 8.0.6001.18702 ==> 27 | 0 iPhone 3G(safari) ==> 125 | 7 Flock ==> 155 | 3 Konqueror ==>
  145. Using Modernizr with JS: https://modernizr.com/docs/#using-modernizr-with-javascript
  146. Sencha demo - CSS3 .vs. Flash ads: http://www.sencha.com/blog/2010/07/20/html5-family-css3-ads-versus-flash-ads/
  147. HTML5 video and audio tags support on mobile device - real world feedback: http://www.expertisemobile.com/2011/10/28/html5-video-and-audio-tags-support-on-mobile-device-real-world-feedback/
  148. Working with HTML5 multimedia components –- Part II - Audio : http://www.adobe.com/devnet/html5/articles/html5-multimedia-pt2.html
  149. Do you need text/javascript specified in your <script> tags?: https://stackoverflow.com/questions/5265202/do-you-need-text-javascript-specified-in-your-script-tags
  150. Which is better: <script type=“text/javascript”>…</script> or <script>…</script>: https://stackoverflow.com/questions/4243577/which-is-better-script-type-text-javascript-script-or-script-scr
  151. Do we need type=“text/css” for <link> in HTML5 [duplicate]: https://stackoverflow.com/questions/7715953/do-we-need-type-text-css-for-link-in-html5
  152. Fullscreen API - summarized: https://davidwalsh.name/fullscreen
  153. HTML5 Video - Fullscreen: http://johncblandii.com/2011/07/html5-video-fullscreen.html
  154. HTML 5 Full Screen & Responsive Videos: http://www.codesynthesis.co.uk/tutorials/html-5-full-screen-and-responsive-videos
  155. Pre postMessage way of doing Cross-Domain Frame Communication with Fragment Identifiers (i.e. for Comet) : http://tagneto.blogspot.ca/2006/06/cross-domain-frame-communication-with.html
  156. GaugeJS (JavaScript) & GaugeCoffee (CoffeeScript): http://bernii.github.io/gauge.js/
  157. Dynamic Knob example which updates every 3 seconds: https://crunchify.com/dynamic-knobs-example-which-updates-value-every-3-seconds-knob-js/ | SRC | [ DEMO]
  158. Making a speedometer using HTML5’s Canvas: https://geeksretreat.wordpress.com/2012/04/13/making-a-speedometer-using-html5s-canvas/
  159. HTML5 Landscape Overview: http://dret.typepad.com/dretblog/html5-api-overview.html
  160. Mobile Apps Survey -- What Do App Users Want?: http://www.gartner.com/technology/reprints.do?id=1-2JLR2P2&ct=150717
  161. HTML5 sectioning elements, headings, and document outlines: https://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/
  162. HTML5, ARIA Roles, and Screen Readers in March 2011: http://accessibleculture.org/articles/2011/04/html5-aria-2011/
  163. Our Pointless Pursuit Of Semantic Value: https://www.smashingmagazine.com/2011/11/our-pointless-pursuit-of-semantic-value/
  164. Semantics in Practice and Mapping Semantic Value to Its Consumers: https://www.paulirish.com/2011/semantics/
  165. Pursuing Semantic Value: https://www.smashingmagazine.com/2011/11/pursuing-semantic-value/
  166. HTML is the new HTML5: http://blog.whatwg.org/html-is-the-new-html5
  167. Gapless looping MP3 tracks: https://www.compuphase.com/mp3/mp3loops.htm
  168. Latency of HTML5 Audio sounds: http://robert.ocallahan.org/2011/11/latency-of-html5-sounds.html
  169. Same Markup -- Using <canvas>, <audio>, and <video>: https://blogs.msdn.microsoft.com/ie/2010/09/03/same-markup-using-canvas-audio-and-video/
  170. https://support.mozilla.org/t5/Firefox/Which-version-of-Firefox-will-support-HTML5-full/m-p/520678
  171. Web Audio in FF: https://wiki.mozilla.org/DevTools/WebAudio
  172. Native Audio with HTML5: https://msdn.microsoft.com/en-us/magazine/hh527168.aspx
  173. Barebones example of HTML5 Audio player progress bar and external button controls (actual HTML5 Audio player hidden): http://jsfiddle.net/jbalsas/DCE6N/4/
  174. Audio Progress Bar html5 with interaction: http://stackoverflow.com/questions/31149795/audio-progress-bar-html5-with-interaction
  175. jQuery custom Progress Bar example: http://jsfiddle.net/LQqGS/3/
  176. JAI early 2008 examples on HTML5 Audio control via JS: https://web.archive.org/web/20100208055046/http://hyper-metrix.com/misc/jai

See Also

HTML | XHTML | CSS3 | RDFa | SEO | Multimedia | Video | Audio | Ogg | H.264