This document discusses new features in HTML5 and CSS3 including the <canvas> and <video> tags in HTML5 for drawing and displaying video without embeds, and new selectors and properties in CSS3 for advanced formatting and animations. Examples are given of implementations by Firefox, Safari, Apple, and using CSS for 3D animations and effects that were previously only possible with Flash.

1. Episode VII :
Revenge of the Web
Wai
Software Web Developer
25th June 2008

2. HTML Standards
HTML 2.0 HTML 5.0
1995 2008

3. Poor Compliances

4. Poor Compliances

5. Poor Compliances

6. More ...

7. More ...

8. More ...

9. More ...

10. More ...

11. More ...

12. What’s new in HTML 5?
<canvas> to draw things!
<video> to display videos! no more embed stuff!
<audio> to play audio natively ..
<time>, <progress>, <meter>, <menu> .. .etc.

13. HTML5
Demo
Using Canvas + Javascript

14. HTML5
Demo
Using Canvas + Javascript

15. HTML5
Demo
Using Canvas + Javascript

16. HTML5
Demo
Firefox Team’s HTML 5 Video

17. HTML5
Demo
Apple’s Safari Welcome Page

18. HTML5
Demo
Apple’s iPhone Ad using video tag

19. Evolution of CSS
CSS 1.0 CSS 2.0, 2.1, 3.0!
1996 Present

20. Obsessions

21. CSS3
Demo
Firefox Team’s CSS Fonts

22. CSS3
Demo
CSS 3 Leaves

23. CSS3
Demo
Matrix Animation Using CSS

24. CSS3
Demo
iPhone 3D Animation using CSS

25. CSS3
Demo
iPhone 3D Animation using CSS

26. Powerful!
to beat flash?