HTML5, CSS3 und JavaScript für alle

  • 8,440 views
Uploaded on

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

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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
8,440
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
91
Comments
1
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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