HTML5 for all
Upcoming SlideShare
Loading in...5
×
 

HTML5 for all

on

  • 8,916 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

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
!

Statistics

Views

Total Views
8,916
Views on SlideShare
8,909
Embed Views
7

Actions

Likes
9
Downloads
111
Comments
1

4 Embeds 7

http://paper.li 3
http://twitter.com 2
https://twitter.com 1
http://cr.lk 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 for all HTML5 for all Presentation Transcript

  • Christian Heilmann, Mozilla, Converge SE, Columbia, SC, June 2011 Picture of win by Marina Lawson, who rocks!
  • <!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 - cest 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>
  • <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>HTML5, cest 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>
  • <!DOCTYPE html><html lang="en"><head> <title>HTML5, cest 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>
  • <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> .
  • <video src="interview.ogv" controls> <a href="interview.ogv">Download video</a></video>
  • <can vas>< /canv as>
  • And that’s it!
  • http://www.20thingsilearned.com/
  • http://wheelsofsteel.nethttp://wheelsofsteel.net
  • Using capacities...
  • http://folding.stanford.edu/http://folding.stanford.edu/
  • 10.2 bnAndroid Devices
  • 42.3 bniPhones
  • 2 numbers I made up and showed in a keynote style fashion!
  • Building thefuture web...
  • NIH http://en.wikipedia.org/wiki/Not_Invented_Herehttp://www.flickr.com/photos/tillwe/1526490488/http://www.flickr.com/photos/london/51301816/
  • Old and goodprinciples.
  • CMD+U(CTRL+U)
  • Company support
  • http://www.youtube.com/watch?v=p92QfWOw88I
  • http://forums.silverlight.net/forums/p/230502/562077.aspx
  • Screencast of Nikebetterworld http://nikebetterworld.com/
  • http://www.nissanusa.com/leaf-electric-car/index
  • Adapting tochange...
  • HTML(5)Markup general WTFJavaScript APIsStuff for Browser/Parser developers
  • Let’s check thetoy box!
  • http://c64.superdefault.com/
  • Mediaqueries http://jasonweaver.name
  • HTML5 Video + Canvas http://thisshell.com
  • History pushstate http://github.com
  • SVG http://mbostock.github.com/d3/
  • http://highcharts.com
  • Local Storage http://www.flickr.com/photos/blude/2665906010/
  • Offline
  • CSS3
  • Geolocation
  • Web Sockets
  • in3D
  • WebGL http://bodybrowser.googlelabs.com
  • WebGL http://pepetz.com
  • http://ro.me
  • https://demos.mozilla.org/en-US/#holo-mobile
  • http://animatable.com
  • http://animatable.com
  • http://wheelsofsteel.nethttp://www.schillmania.com/content/entries/2011/wheels-of-steel/
  • http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor
  • Help is available!
  • http://butterapp.org | http://popcorn.js
  • http://html5boilerplate.com/
  • http://www.modernizr.com/
  • http://diveintohtml5.org/
  • http://html5doctor.com/
  • http://www.htmlfivewow.com/
  • https://build.phonegap.com/
  • http://webowonder.org
  • Thank you!Chris Heilmann@codepo8http://wait-till-i.com