HTML5 for all
•
10 j'aime•1,732 vues
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 !
Recommandé
Contenu connexe
Tendances
Similaire à HTML5 for all
Similaire à HTML5 for all (20)
Plus de Christian Heilmann
Plus de Christian Heilmann (20)
Dernier
Dernier (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