Submit Search
Upload
HTML5 JS APIs
•
99 likes
•
47,035 views
Remy Sharp
Follow
Standards.next for HTML5 JavaScript APIs
Read less
Read more
Technology
Report
Share
Report
Share
1 of 76
Download now
Download to read offline
Recommended
Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)
Peter Lubbers
Keypoints html5
Keypoints html5
dynamis
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Leonardo Balter
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012
steveheffernan
HTML5 & Friends
HTML5 & Friends
Remy Sharp
HTML5 Introduction
HTML5 Introduction
dynamis
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Patrick Lauke
Recommended
Getting Started with HTML5 in Tech Com (STC 2012)
Getting Started with HTML5 in Tech Com (STC 2012)
Peter Lubbers
Keypoints html5
Keypoints html5
dynamis
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
Leonardo Balter
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012
steveheffernan
HTML5 & Friends
HTML5 & Friends
Remy Sharp
HTML5 Introduction
HTML5 Introduction
dynamis
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Brave new world of HTML5 - Interlink Conference Vancouver 04.06.2011
Patrick Lauke
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011
Zi Bin Cheah
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]
Aaron Gustafson
HTML5: An Overview
HTML5: An Overview
Nagendra Um
Building an HTML5 Video Player
Building an HTML5 Video Player
Jim Jeffers
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
Christian Heilmann
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dee Sadler
Html5 Overview
Html5 Overview
Daniel Arndt Alves
Web Standards
Web Standards
Helior Colorado
HTML5
HTML5
Hatem Mahmoud
Game Development Using HTML 5
Game Development Using HTML 5
osa_ora
Real World Web Standards
Real World Web Standards
gleddy
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
Aaron Gustafson
New Elements & Features in HTML5
New Elements & Features in HTML5
Jamshid Hashimi
jQuery UI and Plugins
jQuery UI and Plugins
Marc Grabanski
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
Pradeep Varadaraja Banavara
High Performance Ajax Applications
High Performance Ajax Applications
Julien Lecomte
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
An Introduction To HTML5
An Introduction To HTML5
Robert Nyman
Building mobile applications with DrupalGap
Building mobile applications with DrupalGap
Alex S
Echo HTML5
Echo HTML5
Nathan Smith
Cultura de la Convergencia de Henry Jenkins
Cultura de la Convergencia de Henry Jenkins
Cristina Echenique
More Related Content
What's hot
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011
Zi Bin Cheah
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]
Aaron Gustafson
HTML5: An Overview
HTML5: An Overview
Nagendra Um
Building an HTML5 Video Player
Building an HTML5 Video Player
Jim Jeffers
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
Christian Heilmann
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dee Sadler
Html5 Overview
Html5 Overview
Daniel Arndt Alves
Web Standards
Web Standards
Helior Colorado
HTML5
HTML5
Hatem Mahmoud
Game Development Using HTML 5
Game Development Using HTML 5
osa_ora
Real World Web Standards
Real World Web Standards
gleddy
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
Aaron Gustafson
New Elements & Features in HTML5
New Elements & Features in HTML5
Jamshid Hashimi
jQuery UI and Plugins
jQuery UI and Plugins
Marc Grabanski
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
Pradeep Varadaraja Banavara
High Performance Ajax Applications
High Performance Ajax Applications
Julien Lecomte
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
An Introduction To HTML5
An Introduction To HTML5
Robert Nyman
Building mobile applications with DrupalGap
Building mobile applications with DrupalGap
Alex S
What's hot
(20)
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]
HTML5: An Overview
HTML5: An Overview
Building an HTML5 Video Player
Building an HTML5 Video Player
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Html5 Overview
Html5 Overview
Web Standards
Web Standards
HTML5
HTML5
Game Development Using HTML 5
Game Development Using HTML 5
Real World Web Standards
Real World Web Standards
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]
New Elements & Features in HTML5
New Elements & Features in HTML5
jQuery UI and Plugins
jQuery UI and Plugins
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
High Performance Ajax Applications
High Performance Ajax Applications
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
An Introduction To HTML5
An Introduction To HTML5
Building mobile applications with DrupalGap
Building mobile applications with DrupalGap
Viewers also liked
Echo HTML5
Echo HTML5
Nathan Smith
Cultura de la Convergencia de Henry Jenkins
Cultura de la Convergencia de Henry Jenkins
Cristina Echenique
Vacuna frente al meningococo b
Vacuna frente al meningococo b
javithink
Breaking Up with Bad Training - How to design learning people love
Breaking Up with Bad Training - How to design learning people love
Judy Albers
Cv workshop cambridge connect
Cv workshop cambridge connect
Simone Castello
CALENDARIO Infantil 1º
CALENDARIO Infantil 1º
Jordi Masnou
Open access survey
Open access survey
Elsevier
Sanità, finalmente si cambia: spesa sotto controllo, più qualità nelle cure, ...
Sanità, finalmente si cambia: spesa sotto controllo, più qualità nelle cure, ...
RegioneLazio
New base 1015 special 29 march 2017 energy news
New base 1015 special 29 march 2017 energy news
Khaled Al Awadi
Calling out to Spirulina Growers- Join Spirulina.Network
Calling out to Spirulina Growers- Join Spirulina.Network
Ditsa Keren
How to report bugs
How to report bugs
Mahmoud Asadi
Some-viestinnän kehitystrendit 2017 - Miten pysyä kehityksessä mukana?
Some-viestinnän kehitystrendit 2017 - Miten pysyä kehityksessä mukana?
Sanna Ketonen-Oksi
Vervoersplan 12/2017 > 2020: Brussels Hoofdstedelijk Gewest
Vervoersplan 12/2017 > 2020: Brussels Hoofdstedelijk Gewest
NMBS
Empowering and Enabling Teachers
Empowering and Enabling Teachers
EduSkills OECD
Livre blanc adaptive learning domoscio
Livre blanc adaptive learning domoscio
Matthieu Cisel
How to Crowdsource Product Feedback
How to Crowdsource Product Feedback
Pushpa Ithal (Chandrashekaraiah)
Viewers also liked
(16)
Echo HTML5
Echo HTML5
Cultura de la Convergencia de Henry Jenkins
Cultura de la Convergencia de Henry Jenkins
Vacuna frente al meningococo b
Vacuna frente al meningococo b
Breaking Up with Bad Training - How to design learning people love
Breaking Up with Bad Training - How to design learning people love
Cv workshop cambridge connect
Cv workshop cambridge connect
CALENDARIO Infantil 1º
CALENDARIO Infantil 1º
Open access survey
Open access survey
Sanità, finalmente si cambia: spesa sotto controllo, più qualità nelle cure, ...
Sanità, finalmente si cambia: spesa sotto controllo, più qualità nelle cure, ...
New base 1015 special 29 march 2017 energy news
New base 1015 special 29 march 2017 energy news
Calling out to Spirulina Growers- Join Spirulina.Network
Calling out to Spirulina Growers- Join Spirulina.Network
How to report bugs
How to report bugs
Some-viestinnän kehitystrendit 2017 - Miten pysyä kehityksessä mukana?
Some-viestinnän kehitystrendit 2017 - Miten pysyä kehityksessä mukana?
Vervoersplan 12/2017 > 2020: Brussels Hoofdstedelijk Gewest
Vervoersplan 12/2017 > 2020: Brussels Hoofdstedelijk Gewest
Empowering and Enabling Teachers
Empowering and Enabling Teachers
Livre blanc adaptive learning domoscio
Livre blanc adaptive learning domoscio
How to Crowdsource Product Feedback
How to Crowdsource Product Feedback
Similar to HTML5 JS APIs
APIs, now and in the future
APIs, now and in the future
Chris Mills
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
Sencha
Txjs
Txjs
Brian LeRoux
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile apps
Ivano Malavolta
APIs for modern web apps
APIs for modern web apps
Chris Mills
Intro To webOS
Intro To webOS
fpatton
Android lessons you won't learn in school
Android lessons you won't learn in school
Michael Galpin
Yesplan: 10 Years later
Yesplan: 10 Years later
Pharo
HTML5 for Rich User Experience
HTML5 for Rich User Experience
Mahbubur Rahman
Web app job and functions - TUGAIT 2017
Web app job and functions - TUGAIT 2017
Steef-Jan Wiggers
Code first in the cloud: going serverless with Azure
Code first in the cloud: going serverless with Azure
Jeremy Likness
Groovy & Grails eXchange 2012 vert.x presentation
Groovy & Grails eXchange 2012 vert.x presentation
Stuart (Pid) Williams
20120802 timisoara
20120802 timisoara
Richard Rodger
How We Built a Mobile Electronic Health Record App Using Xamarin, Angular, an...
How We Built a Mobile Electronic Health Record App Using Xamarin, Angular, an...
Matt Spradley
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
agup2009
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Esri Nederland
Building Observable Applications w/ Node.js -- BayNode Meetup, March 2014
Building Observable Applications w/ Node.js -- BayNode Meetup, March 2014
Yunong Xiao
Philly ete-2011
Philly ete-2011
davyjones
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
Chris Love
Similar to HTML5 JS APIs
(20)
APIs, now and in the future
APIs, now and in the future
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
SenchaCon 2016: A Look Ahead: Survey Next-Gen Modern Browser APIs - Shikhir S...
Txjs
Txjs
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 & CSS3 refresher for mobile apps
HTML5 & CSS3 refresher for mobile apps
APIs for modern web apps
APIs for modern web apps
Intro To webOS
Intro To webOS
Android lessons you won't learn in school
Android lessons you won't learn in school
Yesplan: 10 Years later
Yesplan: 10 Years later
HTML5 for Rich User Experience
HTML5 for Rich User Experience
Web app job and functions - TUGAIT 2017
Web app job and functions - TUGAIT 2017
Code first in the cloud: going serverless with Azure
Code first in the cloud: going serverless with Azure
Groovy & Grails eXchange 2012 vert.x presentation
Groovy & Grails eXchange 2012 vert.x presentation
20120802 timisoara
20120802 timisoara
How We Built a Mobile Electronic Health Record App Using Xamarin, Angular, an...
How We Built a Mobile Electronic Health Record App Using Xamarin, Angular, an...
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building Observable Applications w/ Node.js -- BayNode Meetup, March 2014
Building Observable Applications w/ Node.js -- BayNode Meetup, March 2014
Philly ete-2011
Philly ete-2011
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
More from Remy Sharp
HTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymore
Remy Sharp
Yearning jQuery
Yearning jQuery
Remy Sharp
Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)
Remy Sharp
Forget the Web
Forget the Web
Remy Sharp
Interaction Implementation
Interaction Implementation
Remy Sharp
jQuery: out with the old, in with the new
jQuery: out with the old, in with the new
Remy Sharp
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?
Remy Sharp
HTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & sockets
Remy Sharp
Developing for Mobile
Developing for Mobile
Remy Sharp
Browsers with Wings
Browsers with Wings
Remy Sharp
Webapps without the web
Webapps without the web
Remy Sharp
TwitterLib.js
TwitterLib.js
Remy Sharp
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
Remy Sharp
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
Remy Sharp
HTML5 JavaScript APIs
HTML5 JavaScript APIs
Remy Sharp
iPhone Appleless Apps
iPhone Appleless Apps
Remy Sharp
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
Remy Sharp
Write Less Do More
Write Less Do More
Remy Sharp
jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009
Remy Sharp
DOM Scripting Toolkit - jQuery
DOM Scripting Toolkit - jQuery
Remy Sharp
More from Remy Sharp
(20)
HTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymore
Yearning jQuery
Yearning jQuery
Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)
Forget the Web
Forget the Web
Interaction Implementation
Interaction Implementation
jQuery: out with the old, in with the new
jQuery: out with the old, in with the new
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?
HTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & sockets
Developing for Mobile
Developing for Mobile
Browsers with Wings
Browsers with Wings
Webapps without the web
Webapps without the web
TwitterLib.js
TwitterLib.js
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
HTML5 JavaScript APIs
HTML5 JavaScript APIs
iPhone Appleless Apps
iPhone Appleless Apps
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
Write Less Do More
Write Less Do More
jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009
DOM Scripting Toolkit - jQuery
DOM Scripting Toolkit - jQuery
Recently uploaded
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Mark Goldstein
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Alkin Tezuysal
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
LoriGlavin3
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
Raghuram Pandurangan
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
panagenda
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
Ingrid Airi González
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
Mydbops
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
Skynet Technologies
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
LoriGlavin3
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
LoriGlavin3
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Curtis Poe
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
Hiroshi SHIBATA
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
Neo4j
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
Kari Kakkonen
Recently uploaded
(20)
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
HTML5 JS APIs
1.
JavaScript APIs
HTML5 Remy Sharp @rem standards.next
2.
JavaScript APIs
HTML5 & friends! Remy Sharp @rem standards.next
3.
HTML5: 2022?
4.
Bollocks.
5.
APIs •Canvas
•Geolocation •Drag & Drop •Local Storage •History •Selectors •Inline Editing •Server Events •Messaging •Web Sockets •Of ine Apps •Workers •Video & Audio
6.
APIs •Canvas
•Geolocation •Drag & Drop •Local Storage •History •Selectors •Inline Editing •Server Events •Messaging •Web Sockets •Of ine Apps •Workers •Video & Audio
7.
APIs •Canvas
•Geolocation •Drag & Drop •Local Storage •History •Selectors •Inline Editing •Server Events •Messaging •Web Sockets •Of ine Apps •Workers •Video & Audio
8.
APIs •Canvas
•Geolocation •Drag & Drop •Local Storage •History •Selectors •Inline Editing •Server Events •Messaging •Web Sockets •Of ine Apps •Workers •Video & Audio
9.
APIs •Canvas
•Geolocation •Drag & Drop? •Local Storage •History •Selectors •Inline Editing •Server Events •Messaging •Web Sockets •Of ine Apps •Workers •Video & Audio
10.
Documentation
11.
www.whatwg.org/html5/ dev.w3.org/html5/ irc://irc.freenode.net/#whatwg
12.
13.
14.
15.
Canvas
16.
Canvas
17.
document.querySelector('canvas').getContext("2d")
http://tr.im/pRkz
18.
document.querySelector('canvas').getContext("2d")
http://tr.im/pRkz
19.
Drag'n Drop
20.
Drag'n Drop
21.
Drag & Drop •draggable="true" •events:
dragstart, drop, etc •event.transferData
22.
<div draggable="true">drag me</div> <script> document.querySelector('div').addEventListener( "dragstart", function
(e) { e.dataTransfer.setData("arbitrary","data"); return true; }, true); </script>
23.
<div draggable="true">drag me</div> <script> document.querySelector('div').addEventListener( "dragstart", function
(e) { ??? e.dataTransfer.setData("arbitrary","data"); return true; }, true); </script>
24.
el.addEventListener('dragover', function (e)
{ e.preventDefault(); }, true); el.addEventListener('drop', function (e) { e.stopPropagation(); alert(e.dataTransfer.getData('arbitrary')); }, true);
25.
el.addEventListener('dragover', function (e)
{ e.preventDefault(); }, true); el.addEventListener('drop', function (e) { e.stopPropagation(); alert(e.dataTransfer.getData('arbitrary')); }, true);
26.
el.addEventListener('dragover', function (e)
{ e.preventDefault(); }, true); el.addEventListener('drop', function (e) { e.stopPropagation(); alert(e.dataTransfer.getData('arbitrary')); }, true);
27.
http://html5demos.com/drag
28.
http://html5demos.com/drag
29.
Of ine Applications
30.
Of ine Applications
31.
Of ine Apps •Application
cache •Events: of ine, online •navigator.onLine property
32.
Enable <html manifest="my.manifest" >
33.
my.manifest CACHE MANIFEST images/shade.jpg images/bin.jpg
34.
Cache •First line: CACHE
MANIFEST •Requires text/cache-manifest •Recommend using versioning •window.applicationCache
35.
Cache •On load will
hit my.manifest
36.
Cache •On load will
hit my.manifest •Change manifest: trigger reload
37.
Cache •On load will
hit my.manifest •Change manifest: trigger reload •applicationCache.update() force
38.
Cache •On load will
hit my.manifest •Change manifest: trigger reload •applicationCache.update() force •Cache events
39.
40.
41.
Firefox
42.
window.addEventListener( 'offline', //
online too online, // function true );
43.
function online() {
if (navigator.onLine == false) { // gone offline } else { // else we're online } }
44.
http://html5demos.com/offline
45.
http://html5demos.com/offline
46.
navigator.onLine
47.
Geolocation
48.
Geolocation
49.
Not always accurate!
50.
51.
navigator .geolocation
.getCurrentPosition( success, err );
52.
53.
54.
Messaging
55.
Messaging
56.
Messaging •Communicate across domains •Across
window object •With Workers •String transfer only
57.
.postMessage(str) .onMessage(event) event.data
== str
58.
Cross Domain document .getElementById("iframe")
.contentWindow .postMessage("my message");
59.
The Catcher window.addEventListener(
"message", function(e){ if (e.origin !== "http://example.com") { return; } alert(e.origin + " said: " + e.data); }, false );
60.
Web Workers
61.
Web Workers
62.
•Threads
63.
•Threads •Native or via
Gears
64.
•Threads •Native or via
Gears •Sandboxed
65.
•Threads •Native or via
Gears •Sandboxed •Debugging?
66.
•importScripts •postMessage •onmessage •onconnect
67.
Without
68.
http://html5demos.com/worker
69.
Storage
70.
Storage
71.
1. sessionStorage
72.
1. sessionStorage 2. localStorage
73.
1. sessionStorage 2. localStorage 3.
database storage
74.
Storage sessionStorage.setItem(key, value) sessionStorage.getItem(key)
75.
Storage localStorage.setItem(key, value) localStorage.getItem(key)
76.
And more! Remy Sharp @rem remy@leftlogic.com html5demos.com remysharp.com full-frontal.org
Download now