Moderate introduction for the Café Numérique special event Flash vs. HTML5 (April 7th, 2010)

1. Flash vs. HTML5 [intro]
Vincent Battaglia

2. First of all, what is HTML?

3. What is HTML?
HTML = HyperText Markup Language
HTML provides a means to create structured documents by
denoting structural semantics for text such as headings,
paragraphs, lists etc. as well as for links, quotes, and other
items. It allows images and objects to be embedded and can be
used to create interactive forms.
Wikipédia: http://en.wikipedia.org/wiki/HTML

4. To embed Flash, you need HTML...
<object width="480" height="385"><param
name="movie" value="http://www.youtube.
com/v/wqPRdzrjWpU&hl=en_US&fs=1&"
></param><param name="allowFullScreen"
value="true"></param><param name="
allowscriptaccess" value="always"
></param><embed src="http://www.youtube.
com/v/wqPRdzrjWpU&hl=en_US&fs=1&" type="
application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true" width="480"
height="385"></embed></object>

5. What is HTML5?
Standard technology (WHATWG + W3C)
Successor of HTML 4.01 & XHTML 1.0
Not yet implemented everywhere
Firefox 3.5+
Safari 4+
Opera 10.5+
Chrome 3+
Internet Explorer 9+ (2011)

6. What's new in HTML5?
More semantic: <header>, <section>, <aside>, etc.
<video>
<canvas>
local storage
cross-document messaging
web workers
web forms 2.0
server-sent events
...
More info: http://www.w3.org/TR/html5/

7. What is Flash?
Proprietary technology by Adobe
(formerly Macromedia)
Original purpose: adding animation
and interactivity to web pages (1996)

8. Yahoo!
in 1996...

9. Why Flash is relevant?
On 7 April 2010, Flash is the best tech to do stuffs like:
Animations
Web advertisement (e.g. www.blueyourfriends.com)
Integrate a video on a webpage
Develop rich internet applications (RIA)
Manipulate vector and raster graphics
Stream audio and video
...
Flash has a great OO scripting language: ActionScript 3

10. Why Flash is relevant?
Flash penetration = 99%

11. Why do people hate Flash?

12. Steve Jobs...
« Flash is buggy and crashes
Macs, is a CPU hog, and a
source of security holes. »

13. Source: http://www.thebluelego.com

14. Well-known arguments against Flash
Proprietary
Not accessible
Dead to Google (SEO)
CPU hog
Crashes browser
Back button / bookmark
...

15. Why Flash people laugh at HTML5?
HTML5 is far far away from what
is possible to do with Flash!
HTML5 will be implemented
everywhere in 2015...
...
Are you serious?

16. Maybe a conclusion?
Credits: @svengrothe http://twitpic.com/1229bk

17. Next...
Edouard Seynaeve - Great experiences with standard
technologies: HTML5, CSS3, JavaScript, etc.
Serge Jespers - Flash: wow effect, performances, SEO &
accessibility
Gert Baudoncq - Why standard technologies will kill Flash
(sooner or later)
Sébastien Arbogast - iPad war: Apple vs. Adobe

18. Ready to fight?
Tweet #cafeN &
#html5 or #cafeN &
#flash to vote for you
favourite technology!
This moderate introduction was brought
to you by Vincent Battaglia
http://twitter.com/vinch01
http://www.vinch.be
http://1md.be