Lecture slides and videos from my talk at the 2011 Montgomery College Student Web and Gaming Conference.

1. HTML5 makes the web better

2. Zac Gordon professional webucator

4. Accessed across a range of devices

7. Gives structure and meaning

9. Styles content for device

11. Controls behavior on a web page

13. HTML5: Semantics

14. HTML5: Semantics typical html4 page structure

15. HTML5: Semantics page structure with HTML5

16. HTML5: Microdata html for an event

17. HTML5: Microdata html for an event with microdata

18. HTML5: Microdata

19. HTML5: Offline & Storage

20. HTML5: Offline & Storage Gmail works offline using HTML5 and Google Gears

21. HTML5: Device Access

22. HTML5: Geolocation

23. HTML5: Geolocation

24. HTML5: Geolocation

25. HTML5: Device Orientation Snow fall changes based on moving laptop to left and right

26. HTML5: Connectivity

27. HTML5: Web Sockets Web sockets send data between the server and client fasterthan http requests

28. HTML5: Multimedia

29. HTML5: Multimedia

30. HTML5: Multimedia

31. HTML5: Multimedia

32. New with HTML5

33. HTML5: Canvas

34. HTML5: Canvas

35. HTML5: Canvas

36. HTML5: Performance

37. HTML5: XMLhttprequest 2

38. HTML5: CSS3

40. Multiple backgrounds

41. RGBa & opacity

42. Web fonts

43. Text & box shadow

44. Gradients

45. Advanced selectors

47. CSS3: Rounded Corners This HTML embeds two of the images in the page as normal images

48. CSS3: Rounded Corners The other two images are added in the CSS

49. CSS3: Rounded Corners This HTML is much simpler and has no images in it

50. CSS3: Rounded Corners Styling for rounded corners done in 1 line with CSS3!

51. CSS3: Web Fonts Before CSS3, custom fonts required making images for each word or using Flash to embed fonts and replace HTML text

52. CSS3: Web Fonts

53. CSS3: Web Fonts

54. CSS3: Media Queries Apply different styles based on measurements of the device

55. HTML5: Overview

56. What is HTML5? HTML CSS JavaScript

58. One of most in demand languages

60. Thank you! Zac Gordon http://dabrook.org @dabrooktweets