truth about html5

JPoint

Malmberg | Lunch & Learn | Jos Dirksen

… about HTML5

WWW.JPOINT.NL | [email protected] | TWITTER: @JOSDIRKSEN

2

-‐ Beware! Personal opinions ahead -‐ Disclaimer

“No matter how big the lie; repeat it often enough and the masses

will regard it as the truth.” – John F. Kennedy

MALMBERG | THE TRUTH ABOUT HTML5 | LUNCH & LEARN

3

“The World is moving to HTML5”

– Steve Jobs, Apple


4

“The Web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5”

– Vic Gundotra, VP of Engineering, Google


5

“If you want to do something universal, there is no question, the

world is going HTML5. That is clear...The world is just pushing down

this HTML5 path and so are we.” – Steve Ballmer, CEO, Microsoft


6

But what is HTML5?


7

HTML5: The Buzzword “the collection of new (and not so new) technology that is often downright cool, but has little to do with the HTML5 specification”

– Luke Stevens


8


9

But this isn’t HTML5, this is WebGL


10


“SVG should soon be widespread, and its non-proprietary nature will help to hasten the progress. Flash will continue to be the dominant standard for quite some time because of its large client base. However, SVG is rising quickly. The distribution of the SVG plug-in via browser manufacturers will quickly increase the installed user base, just as it did for Flash. Future versions of various browsers will include SVG viewers as standard, and some already do.”

– SVG, the new Flash - 2002

11

No HTML5, this is SVG…


12

Even the HTML5 version of Angry Birds isn’t HTML5. Only works in a single browser.


13

HTML5: The Specification


14


“HTML5 is a standard… sort of, it has it’s good and bad parts.”

15

So, what is HTML5?


16

“The Good…”


“Whenever a Mac crashes, more often than not it because of Flash” – Steve Jobs

17

Advantage #1: Less plugins


18

“Firefox 17 also debuts a new security feature that automatically blocks outdated versions of the most popular Web browser plug-ins -- Adobe's Flash Player and Reader, Microsoft's Silverlight, and Oracle's Java -- from executing content.”


19

No more Flash for Video Playback


20

… in most modern browsers, on the desktop… And an alternative for Flash content


“Accessibility is built in from the ground up”

21

Advantage #2: Accessibility


22

Subtitles support


23

Support for virtual keyboards


24

Advantage #3: Access Device Functionality


25

Access the Camera


26

Without a plugin: • Record sound • Analyze sound • Store sound

Access the Microphone


27

Access the Orientation, Heading and Location


<!DOCTYPE html> <meta charset=utf-8> <title>HTML5</title> <h1>HTML5!</h1>

28

Advantage #4: Easier Development


Browsers strive to have the best HTML5 support

29

-‐ Goal is to offer the best support, not to differentiate -‐ Browser Support


30

Standardized APIs


“Making the Web

Beautiful”

31

Advantage #5: CSS3


32

-‐ Support great looking fonts, cross browser -‐ Web Fonts

“Seperate Structure from Style”


33

CSS Transitions


34

CSS even supports 3D


35

Responsive Web Design


36

“the Bad…”


37

•  < IE9 •  Performance •  Support APIs •  WebGL

Problem #1: Support on Desktop


38

“How do you know whether an app is written in HTML5?”

“Open it in IE, if it doesn’t work it’s HTML5”


39


“.. tools for canvas/html5 development throw us back to the beginning of the web”

- Anonymous

40

Problem #2: Tool support


41


Codecs

42

Problem #3: Multimedia support


43


44

Problem #4: Canvas is not Flash

“Just because we have a 2D drawing area with the canvas element, doesn’t mean we must recreate everything on canvas!” - Jos


45

-‐ that even runs cross platform -‐ But we can create beautiful stuff!


46

Problem #5: No DRM

“HTML5 needs to include a built-in DRM scheme.”


47

“… and the Ugly.”


48

Ugly #1: Support on Mobile Devices “What is going to enable us to deliver the best customer experience on the mobile devices that our customers use?”

“Our view is that HTML5 technologies can deliver as-good-as-native experiences”

“And the lesson we’ve learnt over the last 12 months has been that the cost in time, effort and testing to bring an HTML5 application to a native level of performance seems to be far greater than if the application was built with native technologies from the get-go.”


49


“Betting on HTML5 was a mistake.” – Mark Zuckenberg

50


51

Ugly #2: Browser specific web apps


52

Blink is “an inclusive open source community” and ”a new rendering engine based on WebKit” that will, over time, “naturally evolve in different directions.”

- Google


53

Ugly #3: User interaction “To create a good user experience, you need to know who

your users are [...] If you build a user interface for a desktop user […] and give it to a smartphone user, your interface will be a frustration because it's designed for

another screen size, and another input modality.” – Boris Smus


“We have definity shifted from HTML5 to native.”

54

“…getting that smoothness, we felt like we needed native to really do that well.”


“HTML5 will always be popular, because anything that’s popular will be called HTML5. It’s an exciting time for the web. Hold on tight; it’s going to be one hell of a ride!” – Mark Pilgrim

55

Ugly #4: What is HTML5??

THANKS FOR COMING

truth about html5

Technology

html5 lunch

jpoint malmberg lunch

html5 vic gundotra

downthis html5 path

best html5 support29

browser support

best support

tool support