HTML5, CSS3 und JavaScript für alle

8,901 views
8,774 views

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,901
On SlideShare
0
From Embeds
0
Number of Embeds
125
Actions
Shares
0
Downloads
96
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

×