Post on 21-Oct-2014
description
Why HTML5 is getting on 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. This is not an o!cial Sevenval or YOC statement.
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...
http://www.brucelawson.co.uk/2011/html5-notes-for-analysts-and-journalists/#ipony
...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
...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.
“
“
...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
?!?http://www.flickr.com/photos/cesarastudillo/398399484
don’t trus
t the
opinion of
anyone who
hasn’t
coded...
http://pinchzoom.com/posts/anatomy-of-a-html5-mobile-app
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/
Buzzword
https://twitter.com/#!/mattur/status/98769708337205248http://www.google.com/trends?q=Web+2.0%2Chtml5
"HTML5" is fast becoming this years "Web 2.0." Please stop.https://twitter.com/kylebarrow/status/98758255215517696
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/
http://bomomo.com/
Is this HTML5?
„With Bomomo, you can observe di"erent atomic movement simulated with HTML5.“
http://www.hongkiat.com/blog/48-excellent-html5-demos/
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 you a lot more.“http://pinchzoom.com/posts/anatomy-of-a-html5-mobile-app
This is HTML5!
more semantic
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
<article> <header> <footer> <aside> <nav> <input type=number> ...
HTML5 & HTML4 di"
Browser view (iOS 5)HTML4HTML5
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 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/
How well „my“ desktop browser supports HTML5Opera 11.50 /
MacOSFirefox 7 /
MacOS / Beta Channel
Safari 5.1 / MacOSGoogle Chrome
14 / MacOS / Beta Channel
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)
http://html5test.com
WOW! Fantastic Browser Update!
Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)
http://html5test.com
Motorola Milestone (Droid)/ Android 2.1 / Android Browser (WebKit)
http://html5test.com
:-( less than half of the upcoming iOS5.Come on Android!
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 points!Nothing more to say!
http://html5test.com
Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7
http://html5test.com
Samsung Omnia 7 / Windows Phone 7 / IE Mobile 7
http://html5test.com
Hardware = Smartphone
Browser = Feature phone
Nokia N97 / Symbian / Nokia NG Browser
http://html5test.com
Nokia N97 / Symbian / Nokia NG Browser
http://html5test.com
This is WebKit!
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%)
Current „high end HTML5 browsers“
http://www.flickr.com/photos/catskillsgrrl/33959312/
Best Beta Desktop Browser: Google Chrome: 340 / 450 (76%)
Best Beta Mobile Browser: iOS 5 Beta 6: 313 / 450 (70%)
Grade C (-)
Grade C
Best Stable Desktop Browser: Safari: 308 / 450 (68%)
Best Stable Mobile Browser: BlackBerry 6: 275 / 450 (61%)
Grade D (-)
Grade D
Current „high end HTML5 browsers“
http://www.flickr.com/photos/catskillsgrrl/33959312/
And you have to handle this.
http://www.flickr.com/photos/ronbennetts/5516621911
• 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“
the developers view
webmobile
http://www.flickr.com/photos/nathij/3126806723
but
• 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.
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.
HTML5 is a great opportunityin fut
ure
...but you still have to do it.
Lets go!http://www.flickr.com/photos/pand0ra23/5176011116
Thanks!@rolandguelleto all sources I‘ve quoted.