Why HTML5 is gettingon my nerves...http://www.flickr.com/photos/kvitsh/79514166
don‘t get me wrong...My (@rolandguelle) personal view about the actual HTML5 buzz,inspired by some tweets and blog entries...
http://www.flickr.com/photos/dullhunk/3930915541
but
when „business men“ are talking about „HTML5“,something goes wrong.http://www.flickr.com/photos/sonicsquirtgun/2448554855/
HTML5 is...
...web, apps, everything.(?) “    Because HTML5 can make sites rich and interactive,      engagement on a site can go from...
...web, apps, everything.(?) “    Because HTML5 can make sites rich and interactive,      engagement on a site can go from...
...web, apps, everything.(?) “    Because HTML5 can make sites rich and interactive,      engagement on a site can go from...
?!?http://www.flickr.com/photos/cesarastudillo/398399484
ust the   n’t  trdo         ofo pin ion      has n’t     one  who any                                                     ...
web 2.0, apps – now HTML5 whenever someone says "HTML5" and "amazing" I brace myself for a blob of browser freezing JavaSc...
Buzzword"HTML5" is fast becoming this years "Web 2.0." Please stop.                                       https://twitter....
What is HTML5?http://www.flickr.com/photos/travelinlibrarian/223839049
Let‘s ask the web.
Let‘s ask the web google:
Let‘s ask the web google:                      Sounds cool!
http://www.hongkiat.com/blog/48-excellent-html5-demos/
Is this HTML5?  „With Bomomo, you can observe di"erent  atomic movement simulated with HTML5.“            http://www.hongk...
This is not HTML5.      Note: bomomo.com is cool web application, unattached if its HTML5 or XHTML/1.0
Tons of JavaScript and CSS can do      amazing things. Even in HTML/4 or XHTML/1.0.
Is HTML5 automatic a WebApp?
Is HTML5 automatic a WebApp? No!           „Budget appropriately.            This is not a website,       and it will cost...
This is HTML5!
more semantic          <article> <header>          <footer> <aside> <nav>          <input type=number> ...Semantics (from ...
HTML5 & HTML4 di"
Browser view (iOS 5)        HTML5          HTML4
disappointed?http://www.flickr.com/photos/mybloodyself/2876923509
Browser view
Browser view
Web developers like this shit!http://www.flickr.com/photos/insouciance/3061759623/
The „HTML5 browser“   If you define an "HTML5 browser" as one that supports   all features of HTML5 then there are precisel...
reality check: HTML5 support                         http://html5test.com
How well „my“ desktop browser supports HTML5                          Opera 11.50 /           Firefox 7 /                 ...
The mobile browser checker.http://www.flickr.com/photos/epsos/3842690051
iPhone / iOS 4.3.2 / Mobile Safari (WebKit)http://html5test.com
iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)http://html5test.com
iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)                          WO W!                                  Fantas     ...
Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)http://html5test.com
Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)                  :-( l e ss                            ...
Motorola Xoom / Android 3.01 / Android Browser (WebKit)http://html5test.com
BlackBerry Playbook / OS 6 / BB Browser (WebKit)http://html5test.com
BlackBerry 8900 / BB OS 4.6 / BB Browser                       zero po                              ints!                 ...
Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7http://html5test.com
Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7                               ar t ph one                       re = Sm   ...
Nokia N97 / Symbian / Nokia NG Browserhttp://html5test.com
Nokia N97 / Symbian / Nokia NG Browser                       This is                               W   ebKit!http://html5t...
Current „high end HTML5 browsers“        Best Beta Desktop Browser: Google Chrome: 340 / 450 (76%)            Best Beta Mo...
Current „high end HTML5 browsers“                                                           Grade        Best Beta Desktop...
And you have to handle this.http://www.flickr.com/photos/ronbennetts/5516621911
the developers view   mob         ile web                                                •   WebKit fragmentation         ...
but
HTML5 is a great opportunity• new technologies allows fantastic things in the  browser    (more) Semantics, CSS3, JavaScri...
HTML5 is a great opportunity                                     f ut ure                                in• new technolog...
...but you still have to do it.http://www.flickr.com/photos/pand0ra23/5176011116                                           ...
Thanks@rolandguelle          !                to all sources I‘ve quoted.
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Upcoming SlideShare
Loading in...5
×

Why HTML5 is getting on my nerves…

3,265

Published on

Some thoughts about the "HTML5 buzz".

Published in: Technology, Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,265
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
43
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Why HTML5 is getting on my nerves…

  1. 1. Why HTML5 is gettingon my nerves...http://www.flickr.com/photos/kvitsh/79514166
  2. 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. 3. http://www.flickr.com/photos/dullhunk/3930915541
  4. 4. but
  5. 5. when „business men“ are talking about „HTML5“,something goes wrong.http://www.flickr.com/photos/sonicsquirtgun/2448554855/
  6. 6. HTML5 is...
  7. 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. 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. 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. 10. ?!?http://www.flickr.com/photos/cesarastudillo/398399484
  11. 11. ust the n’t trdo ofo 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. 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/98038498052939776http://www.flickr.com/photos/philippl/449726383/
  13. 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. 14. What is HTML5?http://www.flickr.com/photos/travelinlibrarian/223839049
  15. 15. Let‘s ask the web.
  16. 16. Let‘s ask the web google:
  17. 17. Let‘s ask the web google: Sounds cool!
  18. 18. http://www.hongkiat.com/blog/48-excellent-html5-demos/
  19. 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. 20. This is not HTML5. Note: bomomo.com is cool web application, unattached if its HTML5 or XHTML/1.0
  21. 21. Tons of JavaScript and CSS can do amazing things. Even in HTML/4 or XHTML/1.0.
  22. 22. Is HTML5 automatic a WebApp?
  23. 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. 24. This is HTML5!
  25. 25. more semantic <article> <header> <footer> <aside> <nav> <input type=number> ...Semantics (from Greek sēmantiká, neuter plural ofsēmantikós)[1][2] is the study of meaning. Itfocuses on the relation between signifiers, such aswords, phrases, signs and symbols, and what theystand for, their denotata.http://en.wikipedia.org/wiki/Semantics
  26. 26. HTML5 & HTML4 di"
  27. 27. Browser view (iOS 5) HTML5 HTML4
  28. 28. disappointed?http://www.flickr.com/photos/mybloodyself/2876923509
  29. 29. Browser view
  30. 30. Browser view
  31. 31. Web developers like this shit!http://www.flickr.com/photos/insouciance/3061759623/
  32. 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. 33. reality check: HTML5 support http://html5test.com
  34. 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. 35. The mobile browser checker.http://www.flickr.com/photos/epsos/3842690051
  36. 36. iPhone / iOS 4.3.2 / Mobile Safari (WebKit)http://html5test.com
  37. 37. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)http://html5test.com
  38. 38. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit) WO W! Fantas Browse tic r Upda te !http://html5test.com
  39. 39. Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)http://html5test.com
  40. 40. 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
  41. 41. Motorola Xoom / Android 3.01 / Android Browser (WebKit)http://html5test.com
  42. 42. BlackBerry Playbook / OS 6 / BB Browser (WebKit)http://html5test.com
  43. 43. BlackBerry 8900 / BB OS 4.6 / BB Browser zero po ints! Nothing more to say!http://html5test.com
  44. 44. Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7http://html5test.com
  45. 45. 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= Brohttp://html5test.com
  46. 46. Nokia N97 / Symbian / Nokia NG Browserhttp://html5test.com
  47. 47. Nokia N97 / Symbian / Nokia NG Browser This is W ebKit!http://html5test.com
  48. 48. 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/
  49. 49. 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%) rahttp://www.flickr.com/photos/catskillsgrrl/33959312/ G
  50. 50. And you have to handle this.http://www.flickr.com/photos/ronbennetts/5516621911
  51. 51. 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
  52. 52. but
  53. 53. 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.
  54. 54. 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.
  55. 55. ...but you still have to do it.http://www.flickr.com/photos/pand0ra23/5176011116 Lets go!
  56. 56. Thanks@rolandguelle ! to all sources I‘ve quoted.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×