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

1. Christian Heilmann / Mozilla
HTML5, CSS3 und JavaScript für alle - ja,
auch du!

2. @codepo8
<chris
lang="frenglisch"/>
http://treue-pfoetchen.de/

8. CMD+U
(CTRL+U)

9. Things that make me
happy!

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>
.

11. File APIs
http://min.us

12. Mediaqueries
http://jasonweaver.name

13. Multimedia in HTML
<video src="interview.ogv" controls>
<a href="interview.ogv">Video herunterladen</a>
</video>

14. http://www.w3.org/2010/05/video/mediaevents.html

16. HTML5 Video + Canvas
http://thisshell.com

17. History pushstate
http://github.com

20. Required:
<input required name="name">
Pattern:
<input pattern="[0-9]{5}" name="postleitzahl">
Firefox Webkit Opera
input:valid { background:lime }
input:invalid { background:red; color:white }

21. SVG
http://mbostock.github.com/d3/

22. http://highcharts.com

23. SVG + SMIL

24. Local Storage
http://www.flickr.com/photos/blude/2665906010/

25. Offline

26. CSS3

27. Geolocation

28. Web Workers

29. Web Sockets

30. 2D is boring!

31. 3D!!!! New stuff!

32. in
3D

34. WebGL
http://bodybrowser.googlelabs.com

35. WebGL
http://pepetz.com

36. http://ro.me ( why not http://ch.ro.me ?)

39. kkrieger / .werkkzeug

40. Annoying things -
now in colour!

42. CSS3 animation + JS
http://benthebodyguard.com

46. Goldfish for all!

47. Internet Explorer 6...

52. http://24ways.org/2010/the-state-of-html5-audio

53. HTML5 for
mortals

54. HTML5 Video, simple!

56. http://html5boilerplate.com/

58. http://www.modernizr.com/

59. https://build.phonegap.com/

60. Where I want to
go...

63. http://youtube.com/html5

64. http://animatable.com

65. http://animatable.com

66. http://slideshare.net

67. https://demos.mozilla.org/en-US/#holo-mobile

68. http://www.htmlfivewow.com/

70. http://butterapp.org | http://popcorn.js

71. http://webowonder.org

73. Danke!
Chris Heilmann
@codepo8
#mozilla
#html5/freenet