The slide presentation about HTML5 that I created inspired by GoogleDevFest Singapore 2010.

1. HTML5 ~= HTML + CSS + JS APIs HTML5 Web Development to the next level

2. Rough Timeline of Web Technologies

4. Communication (Web Socket, Worker Workers)

7. Communication Web Socket Bi-directional, full duplex communications channels, over a singel Transmission Control Protocol (TCP) socket, designed to be implemented in web browsers and web servers.

9. Client Side Storage Web SQL Database Bring SQL to the client side.

10. Communication Worker Workers Possibility to load a JS file dynamically and then have it process code in a background process, not affecting the user interface and it’s response level.

11. Desktop Experience Notification Pop up notification desktop app-style.

12. Desktop Experience Drag and Drop API Simply drag and drop object.

13. Geolocation Detect where you are now.

15. Accessibility (ARIA – Accessibility Rich Internet Applications)

16. Web Form 2.0 (Input fields)

17. Multimedia (Audio Tag, Video Tag)

19. New tags

20. Semantics Link relations - A way to explain why you’re pointing to another page. - <a href=“somelink.html” rel=“nofollow” >some text</a>

21. Link relations

22. Semantics Microdata

23. Microdata

24. Accessibility ARIA (Accessible Rich Internet Application) - Defines a way to make web content and web applications more accessible to people with disabilities.

26. Color field

27. Search text field

28. Email field

29. Digit (number) field

30. Telephone field

32. 2D and 3D Drawing Canvas 3D (WebGL) - Allows for dynamic, scriptable rendering of 3D shapes and bitmap images.

33. 2D and 3D Drawing SVG (Scalable Vector Graphic) - Specification of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic.

35. Typography

36. Visuals - Text wrapping - Columns - Text Stroke - Opacity - HSL - Rounded Corners - Gradients - Shadow - Transitions, Transforms and Animations

37. New selector

38. Typography New font support

40. Columns

41. Text Stroke

42. Opacity

43. HSL

44. Rounded Corners

45. Gradients

47. Transforms