Enviar búsqueda
Cargar
HTML5 JS APIs
•
99 recomendaciones
•
47,035 vistas
Remy Sharp
Seguir
Standards.next for HTML5 JavaScript APIs
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 76
Descargar ahora
Descargar para leer sin conexión
Recomendados
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
Recomendados
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
Más contenido relacionado
La actualidad más candente
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
La actualidad más candente
(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
Destacado
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)
Destacado
(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 a 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 a 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
Más de 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
Más de 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
Último
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Florian Wilhelm
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Zilliz
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Fwdays
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
Zilliz
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
SeasiaInfotech2
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
charlottematthew16
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Lorenzo Miniero
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
2toLead Limited
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
RankYa
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Zilliz
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
Último
(20)
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
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
Descargar ahora