Your SlideShare is downloading. ×
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
Why HTML5 is getting on my nerves…
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Why HTML5 is getting on my nerves…

3,226

Published on

Some thoughts about the "HTML5 buzz".

Some thoughts about the "HTML5 buzz".

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Why HTML5 is gettingon 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 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. 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. 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 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. 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
  • 36. iPhone / iOS 4.3.2 / Mobile Safari (WebKit)http://html5test.com
  • 37. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit)http://html5test.com
  • 38. iPhone / iOS 5 Beta 6 / Mobile Safari (WebKit) WO W! Fantas Browse tic r Upda te !http://html5test.com
  • 39. Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)http://html5test.com
  • 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. Motorola Xoom / Android 3.01 / Android Browser (WebKit)http://html5test.com
  • 42. BlackBerry Playbook / OS 6 / BB Browser (WebKit)http://html5test.com
  • 43. BlackBerry 8900 / BB OS 4.6 / BB Browser zero po ints! Nothing more to say!http://html5test.com
  • 44. Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7http://html5test.com
  • 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. Nokia N97 / Symbian / Nokia NG Browserhttp://html5test.com
  • 47. Nokia N97 / Symbian / Nokia NG Browser This is W ebKit!http://html5test.com
  • 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. 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. And you have to handle this.http://www.flickr.com/photos/ronbennetts/5516621911
  • 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. but
  • 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. 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. ...but you still have to do it.http://www.flickr.com/photos/pand0ra23/5176011116 Lets go!
  • 56. Thanks@rolandguelle ! to all sources I‘ve quoted.

×