[pt-br] Uma breve apresentação sobre HTML5, feita para ser apresentada para o pessoal do iG. O conteúdo não é tão técnico. Vale a pena dar uma espiada ;)

1. HTML5:
Mas não é mesma coisa?
Daniel R. C. Filho

2. NÃO!

4. Fim.

8. HTML5
HTML + JavaScript APIs + CSS

9. HTML5
Wikipedia: bit.ly/wiki-html5

10. HTML5
• Evolução
Wikipedia: bit.ly/wiki-html5

11. HTML5
• Evolução
• Adaptação e compatibilidade
Wikipedia: bit.ly/wiki-html5

12. HTML5
• Evolução
• Adaptação e compatibilidade
• Multimídia
Wikipedia: bit.ly/wiki-html5

13. HTML5
• Evolução
• Adaptação e compatibilidade
• Multimídia
• Mais semântica
Wikipedia: bit.ly/wiki-html5

14. HTML5
• Evolução
• Adaptação e compatibilidade
• Multimídia
• Mais semântica
• Menos plugins
Wikipedia: bit.ly/wiki-html5

17. Tags

18. Tags
• <article>
• <footer>
• <header>
• <menu>
• <nav>
• <section>
• <time>

19. Tags
• <article>
• <footer>
• <header>
• <menu>
• <nav>
• <section>
• <time>
• <meter>
• <video> & <audio>
• <canvas>
• SVG
• Prefetch
• @font-face
• { ... }

20. Tags

21. Tags: header
<header>

22. Tags: header > nav
<header>
<nav>

23. Tags: section
<section>

24. Tags: section > article
<article>

25. Demo
http://slides.html5rocks.com/#slide27
SVG

26. Formulários

27. Formulários
• type: email
• type: url
• type: tel
• type: search
• type: number
• type: range
• type: color
• speech!

28. Formulários
• type: email
• type: url
• type: tel
• type: search
• type: number
• type: range
• type: color
• speech!
• Seletores temporais
• date
• month
• week
• time
• datetime
• datetime-local

29. Demo

30. Demo

31. Demo

32. Demo

33. Demo

34. JavaScript API

35. JavaScript API
• WebStorage

36. JavaScript API
• WebStorage
• Web SQL DB

37. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache

38. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location

39. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers

40. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers
• Web Sockets

41. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers
• Web Sockets
• Notifications

42. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers
• Web Sockets
• Notifications
• Drag & Drop

43. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers
• Web Sockets
• Notifications
• Drag & Drop
• Orientation

44. JavaScript API
• WebStorage
• Web SQL DB
• Application Cache
• Geo Location
• Web Workers
• Web Sockets
• Notifications
• Drag & Drop
• Orientation
• { ... }

45. Demo
danielfilho.info/p/ig/html5/speech.html
Fala Que Eu Te Escuto
(speech)

46. Demo
danielfilho.info/p/ig/html5/acelera.html
Orientation + CSS 3

47. Canvas
chromeexperience.com
Demo

48. Demo
html5readiness.com
Compatibilidade

49. HTML5 Rocks Slides
slides.html5rocks.com
Demo

50. Perguntas?
Não que eu vá saber responder.
Mas toda apresentação termina assim.

51. Daniel Filho
danielfilho
twitter.com
flickr.com
facebook.com
foursquare.com/user
/linkedin.com/in