Why HTML5 is getting on my nerves…

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/

reality check: HTML5 support

http://html5test.com

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.