HTML5 for all
•
10 likes•1,732 views
Keynote at the Converge SE about HTML5 and how to use it/support the cause. Amazing intro picture by Marina Lawson as a father's day present to her Dad Bruce !
Recommended
More Related Content
What's hot
Similar to HTML5 for all
Similar to HTML5 for all (20)
More from Christian Heilmann
More from Christian Heilmann (20)
Recently uploaded
Recently uploaded (20)
HTML5 for all
- 1. Christian Heilmann, Mozilla, Converge SE, Columbia, SC, June 2011 Picture of win by Marina Lawson, who rocks!
- 3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>HTML - c'est moi!</title> <link rel="stylesheet" type="text/css" href="styles.css"> <script type="text/javascript" src="magic.js"> </script> </head> <body> <h1>Heading! Everybody duck!</h1> <p>I am content, hear me roar!</p> <p class="footer">By me!</p> </body> </html>
- 8. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5, c'est moi, ou HTML...</title> <link rel="stylesheet" href="styles.css"> <script src="magic.js"></script> </head> <body> <h1>Heading! Everybody duck!</h1> <p>I am content, hear me roar!</p> <p class="footer">By me!</p> </body> </html>
- 9. <!DOCTYPE html> <html lang="en"> <head> <title>HTML5, c'est moi, ou HTML...</title> <link rel="stylesheet" href="styles.css"> <script src="magic.js"></script> </head> <body> <header><h1>Heading! Everybody duck!</h1></header> <section> <p>I am content, hear me roar!</p> </section> <footer><p>By me!</p></footer> </body> </html>
- 10. <sec tion > <n <asid av> <hea e> < <art der> hgro icle> <ma <foo up> rk> < ter> deta <tim <figc ils> < e> aptio figur n> .. e> .
- 12. <video src="interview.ogv" controls> <a href="interview.ogv">Download video</a> </video>
- 13. <can vas>< /canv as>
- 14. And that’s it!
- 23. 10.2 bn Android Devices
- 24. 42.3 bn iPhones
- 25. 2 numbers I made up and showed in a keynote style fashion!
- 32. NIH http://en.wikipedia.org/wiki/Not_Invented_Here http://www.flickr.com/photos/tillwe/1526490488/ http://www.flickr.com/photos/london/51301816/
- 37. CMD+U (CTRL+U)
- 38. Company support
- 43. Screencast of Nikebetterworld http://nikebetterworld.com/
- 47. HTML(5) Markup general WTF JavaScript APIs Stuff for Browser/Parser developers
- 51. Let’s check the toy box!
- 53. Mediaqueries http://jasonweaver.name
- 55. HTML5 Video + Canvas http://thisshell.com
- 56. History pushstate http://github.com
- 57. SVG http://mbostock.github.com/d3/
- 59. Local Storage http://www.flickr.com/photos/blude/2665906010/
- 60. Offline
- 61. CSS3
- 62. Geolocation
- 63. Web Sockets
- 65. in 3D
- 67. WebGL http://bodybrowser.googlelabs.com
- 68. WebGL http://pepetz.com
- 69. http://ro.me
- 75. http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor