Downloaded 116 times
Uploaded byChristian Heilmann
HTML5 for all
The document appears to be a mixture of HTML code examples presented by Christian Heilmann of Mozilla during a June 2011 conference. It discusses various web technologies, including HTML5, JavaScript, and CSS3, while including links to resources and references related to web development. It concludes with an expression of gratitude and a call for adaptation to changing web standards.
More Related Content
![HTML5 Conference [LT] Blue Light Filter 50% Off](https://cdn.slidesharecdn.com/ss_thumbnails/html5conf-kawanet-v1-public-120919232529-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
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.
- 16.
- 17.
- 18.
- 19.
- 23. 10.2 bn Android Devices
- 24.
- 25. 2 numbers I made up and showed in a keynote style fashion!
- 27.
- 32. NIH http://en.wikipedia.org/wiki/Not_Invented_Here http://www.flickr.com/photos/tillwe/1526490488/ http://www.flickr.com/photos/london/51301816/
- 33.
- 37.
- 38.
- 40.
- 42.
- 43. Screencast of Nikebetterworld http://nikebetterworld.com/
- 44.
- 46.
- 47. HTML(5) Markup general WTF JavaScript APIs Stuff for Browser/Parser developers
- 51.
- 52.
- 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/
- 58.
- 59. Local Storage http://www.flickr.com/photos/blude/2665906010/
- 60.
- 61.
- 62.
- 63.
- 65.
- 67. WebGL http://bodybrowser.googlelabs.com
- 68. WebGL http://pepetz.com
- 69.
- 70.
- 71.
- 72.
- 74.
- 75. http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor
- 78.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 96.