The document discusses the hype around HTML5 and examines what it actually is and how well browsers support its features. While HTML5 enables rich interactive experiences, full support across devices is still limited. Mobile browsers in particular lag desktop browsers in HTML5 support. The document advocates that HTML5 is an opportunity but is not a magic solution, and developers still face challenges like fragmentation.

1. Why HTML5 is getting
on my nerves...
http://www.flickr.com/photos/kvitsh/79514166

2. don‘t get me wrong...
My (@rolandguelle) personal view about the actual HTML5 buzz,
inspired by some tweets and blog entries.
This is not an o!cial Sevenval or YOC statement.

3. http://www.flickr.com/photos/dullhunk/3930915541

4. but

5. when „business men“ are talking about „HTML5“,
something goes wrong.
http://www.flickr.com/photos/sonicsquirtgun/2448554855/

6. HTML5 is...

7. ...web, apps, everything.(?)
“ Because HTML5 can make sites rich and interactive,
engagement on a site can go from seconds to minutes.
http://www.brucelawson.co.uk/2011/html5-notes-for-analysts-and-journalists/#ipony

8. ...web, apps, everything.(?)
“ Because HTML5 can make sites rich and interactive,
engagement on a site can go from seconds to minutes.
“ In HTML5, you don’t need to have display ads: Amazon can
have a section of its store as an ad. So if you’re reading a
book review, you can buy the book right from the page.
http://www.brucelawson.co.uk/2011/html5-notes-for-analysts-and-journalists/#ipony

9. ...web, apps, everything.(?)
“ Because HTML5 can make sites rich and interactive,
engagement on a site can go from seconds to minutes.
“ In HTML5, you don’t need to have display ads: Amazon can
have a section of its store as an ad. So if you’re reading a
book review, you can buy the book right from the page.
“ HTML5 is going to change everything. “In HTML5, an ad is
an app, a tweet is an app, everything is an app.” “It’s a blank
sheet of paper, and creativity rules again.”
http://www.brucelawson.co.uk/2011/html5-notes-for-analysts-and-journalists/#ipony

10. ?!?
http://www.flickr.com/photos/cesarastudillo/398399484

11. ust the
n’t tr
do of
o pin ion has n’t
one who
any l5-mob
ile-app
...
-o f -a-htm
atomy
ded
ts/an
co m/pos
zoom.
co
inch
http://p

12. web 2.0, apps – now HTML5
whenever someone says "HTML5"
and "amazing" I brace myself for
a blob of browser freezing JavaScript
without a hyperlink in sight.
https://twitter.com/psd/status/98038498052939776
http://www.flickr.com/photos/philippl/449726383/

13. Buzzword
"HTML5" is fast becoming this years "Web 2.0." Please stop.
https://twitter.com/kylebarrow/status/98758255215517696
http://www.google.com/trends?q=Web+2.0%2Chtml5
https://twitter.com/#!/mattur/status/98769708337205248

14. What is HTML5?
http://www.flickr.com/photos/travelinlibrarian/223839049

15. Let‘s ask the web.

16. Let‘s ask the web google:

17. Let‘s ask the web google:
Sounds cool!

18. http://www.hongkiat.com/blog/48-excellent-html5-demos/

19. Is this HTML5?
„With Bomomo, you can observe di"erent
atomic movement simulated with HTML5.“
http://www.hongkiat.com/blog/48-excellent-html5-demos/
http://bomomo.com/

20. This is not HTML5.
Note: bomomo.com is cool web application, unattached if its HTML5 or XHTML/1.0

21. Tons of JavaScript and CSS can do
amazing things.
Even in HTML/4 or XHTML/1.0.

22. Is HTML5 automatic a WebApp?

23. Is HTML5 automatic a WebApp? No!
„Budget appropriately.
This is not a website,
and it will cost you a lot more.“
http://pinchzoom.com/posts/anatomy-of-a-html5-mobile-app

24. This is HTML5!

25. more semantic
<article> <header>
<footer> <aside> <nav>
<input type=number> ...
Semantics (from Greek sēmantiká, neuter plural of
sēmantikós)[1][2] is the study of meaning. It
focuses on the relation between signifiers, such as
words, phrases, signs and symbols, and what they
stand for, their denotata.
http://en.wikipedia.org/wiki/Semantics

26. HTML5 & HTML4 di"

27. Browser view (iOS 5)
HTML5 HTML4

28. disappointed?
http://www.flickr.com/photos/mybloodyself/2876923509

29. Browser view

30. Browser view

31. Web developers like this shit!
http://www.flickr.com/photos/insouciance/3061759623/

32. The „HTML5 browser“
If you define an "HTML5 browser" as one that supports
all features of HTML5 then there are precisely zero in
existence.
If you define an "HTML5 browser" as one that can
consume some HTML5 features, then all browsers are
"HTML5 compliant".
http://www.brucelawson.co.uk/2011/html5-notes-for-analysts-and-journalists/

33. reality check: HTML5 support
http://html5test.com

34. How well „my“ desktop browser supports HTML5
Opera 11.50 /
Firefox 7 /
MacOS
MacOS / Beta
Channel
Google Chrome
Safari 5.1 / MacOS 14 / MacOS / Beta
Channel

35. The mobile browser checker.
http://www.flickr.com/photos/epsos/3842690051

37. iPhone / iOS 4.3.2 / Mobile Safari (WebKit)
http://html5test.com

38. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)
http://html5test.com

39. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)
WO W!
Fantas
Browse tic
r Upda
te !
http://html5test.com

41. Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)
http://html5test.com

42. Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)
:-( l e ss
than ha
t h e u pc lf of
oming i
Come o OS5.
n Andr
oid!
http://html5test.com

43. Motorola Xoom / Android 3.01 / Android Browser (WebKit)
http://html5test.com

45. BlackBerry Playbook / OS 6 / BB Browser (WebKit)
http://html5test.com

46. BlackBerry 8900 / BB OS 4.6 / BB Browser
zero po
ints!
Nothing
more to
say!
http://html5test.com

48. Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7
http://html5test.com

49. Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7
ar t ph one
re = Sm
rdw a re p hone
Ha Fe atu
wse r=
Bro
http://html5test.com

51. Nokia N97 / Symbian / Nokia NG Browser
http://html5test.com

52. Nokia N97 / Symbian / Nokia NG Browser
This is
W ebKit!
http://html5test.com

53. Current „high end HTML5 browsers“
Best Beta Desktop Browser: Google Chrome: 340 / 450 (76%)
Best Beta Mobile Browser: iOS 5 Beta 6: 313 / 450 (70%)
Best Stable Desktop Browser: Safari: 308 / 450 (68%)
Best Stable Mobile Browser: BlackBerry 6: 275 / 450 (61%)
http://www.flickr.com/photos/catskillsgrrl/33959312/

54. Current „high end HTML5 browsers“
Grade
Best Beta Desktop Browser: Google Chrome: 340 / 450 (76%) C
Best Beta Mobile Browser: iOS 5 Beta 6: 313 / 450 (70%)
ra de C (-)
G
Grade
Best Stable Desktop Browser: Safari: 308 / 450 (68%)
D
de D (-)
Best Stable Mobile Browser: BlackBerry 6: 275 / 450 (61%)
ra
http://www.flickr.com/photos/catskillsgrrl/33959312/ G

55. And you have to handle this.
http://www.flickr.com/photos/ronbennetts/5516621911

56. the developers view
mob
ile web
• WebKit fragmentation
• non HTML5 & Mobile (XHTML MP) browsers
• Transcoding browsers
• „mobile issues“ (position:fixed, touch events,
fileupload, ...)
• Hybrid Apps
• IE9, Firefox: Desktop top, mobile flop
• The next „buzz“
http://www.flickr.com/photos/nathij/3126806723

57. but

58. HTML5 is a great opportunity
• new technologies allows fantastic things in the
browser
(more) Semantics, CSS3, JavaScript, O"ine & Storage, Device
Access, Connectivity, Multimedia, 3D/Graphics/E#ects,
Performance
• all browsers move to „one goal“
• an option to „native apps“
• ...and HTML5 is not the answer of everything.

59. HTML5 is a great opportunity
f ut ure
in
• new technologies allows fantastic things in the
browser
(more) Semantics, CSS3, JavaScript, O"ine & Storage, Device
Access, Connectivity, Multimedia, 3D/Graphics/E#ects,
Performance
• all browsers move to „one goal“
• an option to „native apps“
• ...and HTML5 is not the answer of everything.

60. ...but you still have to do it.
http://www.flickr.com/photos/pand0ra23/5176011116
Lets go!

61. Thanks
@rolandguelle !
to all sources I‘ve quoted.