Christian Heilmann / Mozilla	HTML5, CSS3 und JavaScript für alle - ja,             auch du!
@codepo8                 <chris                 lang="frenglisch"/>http://treue-pfoetchen.de/
CMD+U(CTRL+U)
Things that make mehappy!
<sec       tion            > <n      <asid      av> <hea       e> <       <art      der>       hgro       icle><ma        ...
File APIs            http://min.us
Mediaqueries   http://jasonweaver.name
Multimedia in HTML<video src="interview.ogv" controls>  <a href="interview.ogv">Video herunterladen</a></video>
http://www.w3.org/2010/05/video/mediaevents.html
HTML5 Video + Canvas     http://thisshell.com
History pushstate      http://github.com
Required:<input required name="name">Pattern:<input pattern="[0-9]{5}" name="postleitzahl">    Firefox                Webk...
SVG      http://mbostock.github.com/d3/
http://highcharts.com
SVG + SMIL
Local Storage                http://www.flickr.com/photos/blude/2665906010/
Offline
CSS3
Geolocation
Web Workers
Web Sockets
2D is boring!
3D!!!! New stuff!
in3D
WebGL   http://bodybrowser.googlelabs.com
WebGL    http://pepetz.com
http://ro.me   ( why not http://ch.ro.me ?)
kkrieger / .werkkzeug
Annoying things - now in colour!
CSS3 animation + JS  http://benthebodyguard.com
Goldfish for all!
Internet Explorer 6...
http://24ways.org/2010/the-state-of-html5-audio
HTML5 for mortals
HTML5 Video, simple!
http://html5boilerplate.com/
http://www.modernizr.com/
https://build.phonegap.com/
Where I want togo...
http://youtube.com/html5
http://animatable.com
http://animatable.com
http://slideshare.net
https://demos.mozilla.org/en-US/#holo-mobile
http://www.htmlfivewow.com/
http://butterapp.org | http://popcorn.js
http://webowonder.org
Danke!Chris Heilmann     @codepo8       #mozilla#html5/freenet
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
HTML5, CSS3 und JavaScript für alle
Upcoming SlideShare
Loading in...5
×

HTML5, CSS3 und JavaScript für alle

8,597

Published on

A presentation at the German "Webinale" conference about HTML5 and CSS3 and using open standards.

Published in: Technology, Design
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,597
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
95
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

HTML5, CSS3 und JavaScript für alle

  1. 1. Christian Heilmann / Mozilla HTML5, CSS3 und JavaScript für alle - ja, auch du!
  2. 2. @codepo8 <chris lang="frenglisch"/>http://treue-pfoetchen.de/
  3. 3. CMD+U(CTRL+U)
  4. 4. Things that make mehappy!
  5. 5. <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> .
  6. 6. File APIs http://min.us
  7. 7. Mediaqueries http://jasonweaver.name
  8. 8. Multimedia in HTML<video src="interview.ogv" controls> <a href="interview.ogv">Video herunterladen</a></video>
  9. 9. http://www.w3.org/2010/05/video/mediaevents.html
  10. 10. HTML5 Video + Canvas http://thisshell.com
  11. 11. History pushstate http://github.com
  12. 12. Required:<input required name="name">Pattern:<input pattern="[0-9]{5}" name="postleitzahl"> Firefox Webkit Operainput:valid { background:lime }input:invalid { background:red; color:white }
  13. 13. SVG http://mbostock.github.com/d3/
  14. 14. http://highcharts.com
  15. 15. SVG + SMIL
  16. 16. Local Storage http://www.flickr.com/photos/blude/2665906010/
  17. 17. Offline
  18. 18. CSS3
  19. 19. Geolocation
  20. 20. Web Workers
  21. 21. Web Sockets
  22. 22. 2D is boring!
  23. 23. 3D!!!! New stuff!
  24. 24. in3D
  25. 25. WebGL http://bodybrowser.googlelabs.com
  26. 26. WebGL http://pepetz.com
  27. 27. http://ro.me ( why not http://ch.ro.me ?)
  28. 28. kkrieger / .werkkzeug
  29. 29. Annoying things - now in colour!
  30. 30. CSS3 animation + JS http://benthebodyguard.com
  31. 31. Goldfish for all!
  32. 32. Internet Explorer 6...
  33. 33. http://24ways.org/2010/the-state-of-html5-audio
  34. 34. HTML5 for mortals
  35. 35. HTML5 Video, simple!
  36. 36. http://html5boilerplate.com/
  37. 37. http://www.modernizr.com/
  38. 38. https://build.phonegap.com/
  39. 39. Where I want togo...
  40. 40. http://youtube.com/html5
  41. 41. http://animatable.com
  42. 42. http://animatable.com
  43. 43. http://slideshare.net
  44. 44. https://demos.mozilla.org/en-US/#holo-mobile
  45. 45. http://www.htmlfivewow.com/
  46. 46. http://butterapp.org | http://popcorn.js
  47. 47. http://webowonder.org
  48. 48. Danke!Chris Heilmann @codepo8 #mozilla#html5/freenet
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×